@charset "UTF-8";

/* Controlli di input personalizzati */

/*select:focus,*/
/*input:focus,*/
/*:focus + label,*/
/*.input_value:focus,*/
.input_text:focus,
.input_combo:focus,
.input_password:focus,
.input_integer:focus,
.input_decimal:focus,
.input_button:focus,
.input_link:focus,
.input_check:focus + label,
.input_radio:focus + label,
.input_multi_check:focus,
.input_date:focus,
.input_datetime:focus,
.input_time:focus,
.input_file:focus,
.input_helper:focus,
.input_dropdown_button:focus,
.input_threestate:focus,
textarea.input_area:focus,
.input_dropdown_combo:focus {
	border-color: blue !important;
	box-shadow: 0px 0px 5px blue !important;
	-webkit-transition: all 300ms ease-in-out 100ms;
	   -moz-transition: all 300ms ease-in-out 100ms;
	    -ms-transition: all 300ms ease-in-out 100ms;
	     -o-transition: all 300ms ease-in-out 100ms;
	        transition: all 300ms ease-in-out 100ms;
}
/*input[type='radio']:focus,
input[type='checkbox']:focus {
	border-color: transparent !important;
	box-shadow: none !important;
}*/
.input_generic {
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px;
	margin: 2px; /* 5px */
	border: 1px solid transparent;
	color: #000066;
	line-height: 1em;
	vertical-align: middle;
}
/*a.input_expander:focus {
	border-color: red !important;
	box-shadow: 0px 0px 5px red !important;
	-webkit-transition: all 300ms ease-in-out 100ms;
	   -moz-transition: all 300ms ease-in-out 100ms;
	    -ms-transition: all 300ms ease-in-out 100ms;
	     -o-transition: all 300ms ease-in-out 100ms;
	        transition: all 300ms ease-in-out 100ms;
}*/

/* TODO: Sistemare tutti gli input con "input_generic" fuori e "input_xxx" dentro!!! */
.input_text:hover,
.input_combo:hover,
.input_password:hover,
.input_integer:hover,
.input_decimal:hover,
textarea:hover,
.input_toggle:hover,
.input_check:hover + label,
.input_radio:hover + label,
/*.input_multi_check:hover {*/
.input_date:hover,
.input_datetime:hover,
.input_time:hover,
.input_file:hover,
.input_helper:hover,
.input_dropdown_combo:hover {
	background-color: #eeeeee;
	border: 1px solid #666666;
	border-radius: 3px;
}
/*.input_generic:hover > input[type='button'],
.input_generic:hover > input[type='submit'] {
	background-color: #0000ff;
	color: #FFFFFF;
	border: 1px solid #AFC4D5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}*/


.input_generic.progress {
	cursor: wait !important;
}
.input_generic.progress > input[type='button'],
.input_generic.progress > input[type='submit'] {
	background-image: url("icons/input_loading.gif");
	background-position: 10px center;
	background-repeat: no-repeat;
	cursor: wait;
}
.input_pager.progress div.input_pager_footer,
.input_grid.progress ul.input_grid_footer,
.input_grid.progress ul.input_grid_header {
	background-image: url("icons/input_grid_loading.gif");
	background-position: right center;
	background-repeat: no-repeat;
	cursor: wait;
}
.input_expander.progress > a.input_expander_opened,
.input_expander.progress > a.input_expander_closed {
	background-image: url("icons/input_expander_loading.gif");
	background-position: left center;
	background-repeat: no-repeat;
	cursor: wait;
}

.input_generic .readonly {
	background-color: #dddddd;
	cursor: default;
	border-color: transparent;
}

/* INPUT LINK */
a.input_link:link, a.input_link:visited {
	text-decoration: none;
	border-bottom: 2px solid #bbbbbb;
	color: #4545E6;
	padding-left: 3px;
	padding-right: 3px;
	/*line-height: 1.5em;*/
	word-wrap: break-word;
}
a.input_link:hover {
	border-bottom-color: #0000ff;
	color: #0000ff;
}
a.input_link.external {
	background-image: url("icons/link_external.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

/* INPUT MULTI LINK */
/*a.input_multi_link:link, a.input_multi_link:visited {
	text-decoration: none;
	border-bottom: 2px solid #bbbbbb;
	color: #4545E6;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 1.5em;
	word-wrap: break-word;
}
a.input_multi_link:hover {
	border-bottom-color: #0000ff;
	color: #0000ff;
}
a.input_multi_link.external {
	background-image: url("icons/link_external.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}
.input_multi_link > ul {
	border: 1px solid gray;
	border-radius: 10px;
	padding: 10px;
	list-style-type: none;
	-webkit-box-shadow: 0px 0px 15px #555;
	   -moz-box-shadow: 0px 0px 15px #555;
	    -ms-box-shadow: 0px 0px 15px #555;
	     -o-box-shadow: 0px 0px 15px #555;
	        box-shadow: 0px 0px 15px #555;
}
.input_multi_link > ul > li {
	margin-left: 4px;
}
.input_multi_link > span {
	font-variant: small-caps;
	color: red;
}
.input_multi_link:hover > ul {
	border-color: black;
	border: 1px solid gray;
	-webkit-box-shadow: 0px 0px 15px black;
	   -moz-box-shadow: 0px 0px 15px black;
	    -ms-box-shadow: 0px 0px 15px black;
	     -o-box-shadow: 0px 0px 15px black;
	        box-shadow: 0px 0px 15px black;
}*/
.input_multi_link ul {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	list-style-type: none;
}




div.input_detail {
	position: absolute;
	background-color: #D6E7EF;
	min-width: 15em;
	width: 33em;
	max-height: 15em;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none outside none;
	padding: 0.5em;
	white-space: normal;
	-webkit-box-shadow: 0px 0px 10px #555;
	   -moz-box-shadow: 0px 0px 10px #555;
	    -ms-box-shadow: 0px 0px 10px #555;
	     -o-box-shadow: 0px 0px 10px #555;
	        box-shadow: 0px 0px 10px #555;
	margin-left: 4px;
	z-index: 2;
}
ul.input_detail {
	text-align: center;
}
li.input_detail {
	display: inline-block;
	min-width: 6em;
	width: 8em;
	min-height: 1.4em;
	vertical-align: middle;
	border: 1px solid transparent;
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap;
	cursor: pointer;
}
.input_expander_nofloat {
	border-radius: 5px;
	border: 1px solid gray;
	margin: 10px;
	margin-left: 22px;
	background-color: #E6E6E6;
	width: auto;
	padding: 1em;
	height: auto; /* !important;*/
}
.input_expander_nofloat:hover {
	border-color: black;
}
.input_expander_float {
	position: absolute;
	background-color: #E6E6E6;
	min-width: 15em;
	width: auto;
	/*max-height: 15em;*/
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none outside none;
	padding: 1em;
	white-space: normal;
	margin: 10px;
	margin-left: 22px;
	z-index: 2;
	border-radius: 5px;
	border: 1px solid gray;
	-webkit-box-shadow: 0px 0px 15px #555;
	   -moz-box-shadow: 0px 0px 15px #555;
	    -ms-box-shadow: 0px 0px 15px #555;
	     -o-box-shadow: 0px 0px 15px #555;
	        box-shadow: 0px 0px 15px #555;
}
.input_expander_float_buttons {
	display: none;
}
@media (max-width: 1024px) {
	.input_expander_float {
		/*min-width: 5em;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 1px;
		margin-right: 1px;*/
		/*background: red !important;*/
		padding: 1em;
		padding-top: 66px;
		margin: 0px;
		position: fixed;
		left: 0px;
		right: 0px;
		/*top: 46px;*/
		top: 0px;
		bottom: 0px;
		height: auto;
		width: auto;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 15;
	}
	.input_expander[data-opened='1'] .input_expander_float_buttons {
		display: inline-block;
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		height: 45px;
		z-index: 16;
		line-height: 45px;
		white-space: nowrap;
		font-variant: small-caps;
		cursor: pointer;
		color: #600000;
		border-bottom: 2px solid #600000;
		-webkit-box-shadow: 5px 5px 6px darkgray;
		   -moz-box-shadow: 5px 5px 6px darkgray;
		    -ms-box-shadow: 5px 5px 6px darkgray;
		        box-shadow: 5px 5px 6px darkgray;

		background-color: white;
		background-repeat: repeat-x;
		font-variant: small-caps;
		text-shadow: 2px 3px 7px #555555;
		font-family: "Audiowide Regular";
		text-align: center;
		font-size: 110%;
		letter-spacing: 2px;
		font-weight: normal;
	}
	.input_expander_nofloat {
		margin-left: 0px;
		margin-right: 0px;
	}
}
.input_expander_float:hover {
	border: 1px solid gray;
	-webkit-box-shadow: 0px 0px 15px black;
	   -moz-box-shadow: 0px 0px 15px black;
	    -ms-box-shadow: 0px 0px 15px black;
	     -o-box-shadow: 0px 0px 15px black;
	        box-shadow: 0px 0px 15px black;
}
.input_detail > label {
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
li.input_detail > label {
	width: auto;
	vertical-align: middle;
	display: list-item;
	border-radius: 3px;
	height: 1.3em;
	cursor: pointer;
}
li.input_detail > input[type='checkbox'] {
	display: none;
}

.input_detail > input + label.check_image {
	background-image: url("icons/checkbox_off.png");
	padding-left: 20px;
}
.input_detail > input:checked + label.check_image {
	background-image: url("icons/checkbox_on.png");
}
li.input_detail > input:checked + label {	
	background-color: #8FC2D8; /*#8FC2D8;*/
	/*font-weight: bold;*/
	color: black;
}

li.input_detail > input + label:hover {
	background-color: #eeeeee;
	border: 1px solid #666666;
}

/* INPUT DETAIL 2 */
div.input_detail2 {
	position: absolute;
	width: 33em;
	min-width: 15em;
	height: 10em;
	max-height: 15em;
	border: 1px solid black;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none outside none;
	padding: 0.5em;
	white-space: normal;
	-webkit-box-shadow: 0px 0px 10px #555;
	   -moz-box-shadow: 0px 0px 10px #555;
	    -ms-box-shadow: 0px 0px 10px #555;
	     -o-box-shadow: 0px 0px 10px #555;
	        box-shadow: 0px 0px 10px #555;
	margin-left: 4px;
	background-color: lightblue;
	z-index: 2;
}
.input_detail2 > ul {
	position: absolute;
	text-align: left;
	/*border: 1px solid black;*/
}
.input_detail2 > ul > li {
	/*position: absolute;*/
	position: relative;
	/*border: 1px solid red;*/
	display: inline-block;
	min-width: 6em;
	width: 8em;
	min-height: 1.4em;
	vertical-align: middle;
	border: 1px solid transparent;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}
.input_detail2 > label {
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}

li.input_detail2 > label {
	width: auto;
	vertical-align: middle;
	display: list-item;
	border-radius: 3px;
	height: 1.3em;
	cursor: pointer;
}
li.input_detail2 > input[type='checkbox'] {
	display: none;
}
.input_detail2 > input + label.check_image {
	background-image: url("icons/checkbox_off.png");
	padding-left: 20px;
}
.input_detail2 > input:checked + label.check_image {
	background-image: url("icons/checkbox_on.png");
}
li.input_detail2 > input:checked + label {
	background-color: #8FC2D8;
	/*font-weight: bold;*/
	color: black;
}
li.input_detail2 > input + label:hover {
	background-color: #eeeeee;
	border: 1px solid #666666;
}




.input_value.input_toggle {
	background-image: url("icons/input_toggle.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 30px;
}
.input_value {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	font-family: Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #000066;
	background-color: #D6E7EF;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid black;
	border-top: 1px solid black;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 1.1em;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 500px;
	overflow: hidden;
}
/*.input_generic.input_radio {
	min-width: 100px;
	max-width: 95%;
	line-height: 170%;
	white-space: normal;
	text-indent: -15px;
	margin-left: 15px;
}*/
/*@media (max-width: 1024px) {
	.input_generic.input_radio {
		/ *max-width: 15em;* /
		/ *max-width: 76%;* /
	}
}
@media (max-width: 600px) {
	.input_generic.input_radio {
		/ *max-width: 15em;* /
		/ *max-width: 84%;* /
	}
}
*/

.input_button, 
.input_button.default, 
.input_button.cancel {
	text-decoration: none;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	background-color: #D6E7EF;
	border-bottom: 1px solid #104A7B;
	border-right: 1px solid #104A7B;
	border-left: 1px solid #AFC4D5;
	border-top:1px solid #AFC4D5;
	color: #000066;
	min-height: 1.8em;
	min-width: 5em;
	height: 1.8em;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin: 0px;
	vertical-align: middle;
	/* text-transform: uppercase; */
	
	-webkit-transition: all 200ms ease-in-out 100ms;
	   -moz-transition: all 200ms ease-in-out 100ms;
	    -ms-transition: all 200ms ease-in-out 100ms;
	     -o-transition: all 200ms ease-in-out 100ms;
	        transition: all 200ms ease-in-out 100ms;
}
.input_button.default {
	background-color: #A0CDE1;
}
.input_button.cancel {
	background-color: #cedbe0;
}
.input_button:active {
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: -1px;
	margin-right: -1px;
}
.input_button:hover {
	background-color: #0000ff;
	color: white;
	border-color: #AFC4D5;
}
.readonly:hover > .input_button:hover {
	background-color: lightgray;
	color: inherit;
	border-color: inherit;
	border-bottom: 1px solid #104A7B;
	border-right: 1px solid #104A7B;
	border-left: 1px solid #AFC4D5;
	border-top:1px solid #AFC4D5;
}

.input_button.small {
	height: 1.5em;
	min-height: 1.5em;
	min-width: 1.5em;
	margin-top: 0px;
	font-size: 85%;
}

.input_button.icon_only {
	min-width: 2.4em !important;
	width: 2.4em !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	background-position: 7px center !important;
}

.readonly > .input_button {
	background-color: lightgray;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	line-height: 100%;
	cursor: default;
}

.input_text,
.input_password,
.input_integer,
.input_decimal,
.input_datetime,
.input_date,
.input_time,
.input_file,
.input_list,
textarea.input_area,
.input_dropdown_combo {
	background-color: #D6E7EF;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid black;
	border-top:1px solid black;
	color: #000066;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
}
.input_text,
.input_password, 
textarea.input_area {	
	cursor: text;
}
.input_combo {
	height: auto;
	width: 100%;
}
select.input_combo > option {
	background-color: #D6E7EF;
}
/*select.input_combo,
input.input_text {
	max-width: 90%;
}*/

@media (max-width: 1024px) {
	select.input_combo {
		max-width: 10em;
	}
	input.input_text {
		max-width: 10em;
	}
}


/*
.assistant1_clear {
	background-image: url("icons/input_clear.png");
	background-position: 0px center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 21px;
	height: 21px;
	position: absolute;
	display: inline;
	float: none;
}
.assistant1 {
	position: absolute;
	display: inline;
	cursor: pointer;
	float: none;
}
*/

.input_list {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-width: 150px;
	min-height: 2em;
}

div.input_label {
	height: auto;
	float: none;
	clear: none;
	display: inline-block;
}
.input_integer,
.input_decimal,
.input_date,
.input_datetime,
.input_time,
.input_file,
.input_password {
	background-color: #D6E7EF;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid black;
	border-top:1px solid black;
	color: #000066;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px;
	cursor: text;
}
.input_check {
	border: 1px solid transparent;
	display: inline-block;
	clear: none;
	float: none;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 3px;
	white-space: normal;
}
.input_check + label {
	padding-left: 4px;
	padding-right: 15px;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 3px;
	color: rgb(72, 72, 72);
	line-height: 1.3em;
}
.input_check:hover + label {
	background-color: #eeeeee;
	border-color: #666666;
}
.input_check:checked + label {
	/*font-weight: bold;*/
	color: inherit;
}
.input_radio:checked + label {
	/*font-weight: bold;*/
	color: inherit;
}
label > span {
	vertical-align: middle;
	/*color: rgb(72, 72, 72);*/ /* TODO: SERVER DAVVERO? */
	cursor: pointer;
}
.input_generic[data-custom_type='9'] {	/* input_radio */
	margin-left: 30px;
}
.input_radio {
	clear: none;
	float: none;
	vertical-align: middle;
	cursor: pointer;
	margin-left: -23px;
	margin-right: 7px;
}
.input_radio_label {
	line-height: 1.6em;
}
.input_radio + label {
	border: 1px solid transparent;
	padding-left: 4px;
	padding-right: 15px;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
}
/*.input_generic[data-custom_type='9']:hover > .input_radio:hover + label {*/
.input_radio:hover + label {
	background-color: #eeeeee;
	border: 1px solid #666666;
	/*background-color: transparent;
	border: 1px solid transparent;
	border-bottom: 1px solid #666666;*/
	border-radius: 3px;
	color: inherit;
}
.input_radio > input+label {
	white-space: nowrap;
}


.input_toggle.input_helper {
	width: 18px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
}

.input_multi_check {
	-webkit-transition: all 300ms ease-in-out 100ms;
	   -moz-transition: all 300ms ease-in-out 100ms;
	    -ms-transition: all 300ms ease-in-out 100ms;
	     -o-transition: all 300ms ease-in-out 100ms;
	        transition: all 300ms ease-in-out 100ms;
}
.input_multi_check_opened > div.input_detail:hover {
	-webkit-transition: all 300ms ease-in-out 100ms;
	   -moz-transition: all 300ms ease-in-out 100ms;
	    -ms-transition: all 300ms ease-in-out 100ms;
	     -o-transition: all 300ms ease-in-out 100ms;
	        transition: all 300ms ease-in-out 100ms;

	-webkit-box-shadow: 0px 0px 15px black;
	   -moz-box-shadow: 0px 0px 15px black;
	    -ms-box-shadow: 0px 0px 15px black;
	     -o-box-shadow: 0px 0px 15px black;
	        box-shadow: 0px 0px 15px black;
}
li.input_multi_check {
}
.input_multi_check div.input_detail {
	padding-left: 10px !important;
}
.input_multi_check li.input_detail {
	padding-left: 0px !important;
}
/*.input_multi_check li.input_detail > input+label {
	padding-left: 5px;
}*/
@media (max-width: 1024px) {
	.input_multi_check > .input_detail {
		max-width: 15em;
	}
	.input_multi_check > .input_detail li {
		max-width: 15em;
	}
}





.input_datetime {
	min-width: 10em;
	min-height: 1.1em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

label {
	white-space: nowrap;
}
@media (max-width: 1024px) {
	label {
		white-space: normal;
	}
}
/*
Esempio check/uncheck:
   .input_detail>input+label.lingua_it 			{	background-image: url("icons/flags/it_off.png");	background-position: 7px center;	background-repeat: no-repeat;	}
   .input_detail>input:checked>label.lingua_it 	{	background-image: url("icons/flags/it_on.png");		background-position: 10px center;	background-repeat: no-repeat;	}
Alternativa senza flag !important:
   .input_detail>input+label.lingua_it, .input_detail:checked>label.lingua_it { background-image: url("icons/flags/it.png"); }
.input_detail > input:checked + label.check_image {
*/
label.lingua_it { background-image: url("icons/flags/it.png") !important; }
label.lingua_en { background-image: url("icons/flags/en.png") !important; }
label.lingua_us { background-image: url("icons/flags/us.png") !important; }
label.lingua_de { background-image: url("icons/flags/de.png") !important; }
label.lingua_fr { background-image: url("icons/flags/fr.png") !important; }
label.lingua_es { background-image: url("icons/flags/es.png") !important; }
label.lingua_ar { background-image: url("icons/flags/ar.png") !important; }
label.lingua_bg { background-image: url("icons/flags/bg.png") !important; }
label.lingua_cs { background-image: url("icons/flags/cs.png") !important; }
label.lingua_dk { background-image: url("icons/flags/dk.png") !important; }
label.lingua_gr { background-image: url("icons/flags/gr.png") !important; }
label.lingua_fi { background-image: url("icons/flags/fi.png") !important; }
label.lingua_ga { background-image: url("icons/flags/ga.png") !important; }
label.lingua_il { background-image: url("icons/flags/il.png") !important; }
label.lingua_hr { background-image: url("icons/flags/hr.png") !important; }
label.lingua_hu { background-image: url("icons/flags/hu.png") !important; }
label.lingua_is { background-image: url("icons/flags/is.png") !important; }
label.lingua_jp { background-image: url("icons/flags/jp.png") !important; }
label.lingua_nl { background-image: url("icons/flags/nl.png") !important; }
label.lingua_no { background-image: url("icons/flags/no.png") !important; }
label.lingua_pl { background-image: url("icons/flags/pl.png") !important; }
label.lingua_pt { background-image: url("icons/flags/pt.png") !important; }
label.lingua_ro { background-image: url("icons/flags/ro.png") !important; }
label.lingua_ru { background-image: url("icons/flags/ru.png") !important; }
label.lingua_sk { background-image: url("icons/flags/sk.png") !important; }
label.lingua_sl { background-image: url("icons/flags/sl.png") !important; }
label.lingua_sv { background-image: url("icons/flags/sv.png") !important; }
label.lingua_tr { background-image: url("icons/flags/tr.png") !important; }
label.lingua_cn { background-image: url("icons/flags/cn.png") !important; }
label.lingua_ge { background-image: url("icons/flags/ge.png") !important; }
label.lingua_ca { background-image: url("icons/flags/ca.png") !important; }
label.lingua_th { background-image: url("icons/flags/th.png") !important; }
label.lingua_et { background-image: url("icons/flags/et.png") !important; }
label.lingua_lv { background-image: url("icons/flags/lv.png") !important; }
label.lingua_lt { background-image: url("icons/flags/lt.png") !important; }
label.lingua_uk { background-image: url("icons/flags/uk.png") !important; }
label.lingua_hi { background-image: url("icons/flags/hi.png") !important; }
label.lingua_zh { background-image: url("icons/flags/zh.png") !important; }
label.lingua_ph { background-image: url("icons/flags/ph.png") !important; }
label.lingua_id { background-image: url("icons/flags/id.png") !important; }
label.lingua_ko { background-image: url("icons/flags/ko.png") !important; }
label.lingua_cmn{ background-image: url("icons/flags/zh.png") !important; }
label.lingua_sr { background-image: url("icons/flags/sr.png") !important; }
label.lingua {
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 30px !important;
}


label.sesso_M { background-image: url("icons/sesso_m.png") !important; }
label.sesso_F { background-image: url("icons/sesso_f.png") !important; }
label.sesso {
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 30px !important;
}

label.tipo_vista_elenco 	{ background-image: url("icons/tipo_vista_elenco.png") 		!important; }
label.tipo_vista_galleria	{ background-image: url("icons/tipo_vista_galleria.png") 	!important; }
label.tipo_vista_mosaico	{ background-image: url("icons/tipo_vista_mosaico.png") 	!important; }
label.tipo_vista_tabella 	{ background-image: url("icons/tipo_vista_tabella.png") 	!important; }
label.tipo_vista {
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 30px !important;
}



.input_generic:error {
	background-image: url("icons/error.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FFE7EF;
}
/*.input_generic:error:focus {
	border-color: red !important;
	box-shadow: 0px 0px 5px red !important;
}*/
.input_button:error {
	background-image: none;
}
.input_generic.error .input_text,
.input_generic.error .input_combo,
.input_generic.error .input_password,
.input_generic.error .input_integer,
.input_generic.error .input_decimal,
.input_generic.error .input_button,
.input_generic.error .input_link,
.input_generic.error .input_check + label,
.input_generic.error .input_radio + label,
.input_generic.error .input_multi_check,
.input_generic.error .input_date,
.input_generic.error .input_datetime,
.input_generic.error .input_time,
.input_generic.error .input_file,
.input_generic.error .input_helper,
.input_generic.error textarea.input_area {
	border-color: red;
	box-shadow: 0px 0px 5px red;
}

.input_hidden {
}
.input_email {
}



.imgButton1 {
	background-image: url("icons/download.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
}

.input_error {
	color: red;
	font-weight: bold;
	font-family: sans-serif;
	font-variant: small-caps;
	font-size: small;
	font-style: italic;
}

.required:after { 
	content: "<span title='È richiesto un valore'>*</span>";
	color: red;
	border: solid 1px;
	width: 100px;
	height: 100px;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
/*
input:required, textarea:required {
}
*/

/* Normalize placeholder styles */

/* chrome, safari */
input:-webkit-input-placeholder {
	color: #999;
	font-style: italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #999;
	font-style: italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  {
	color: #999;
	font-style: italic;
}


/* AUTOCOMPLETAMENTO CAMPI DI INPUT */
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	box-shadow: 5px 5px 15px black;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
	height: 200px;
}

.ui-menu-item {
	font-size: 75%;
} 



.not_visible {
	display: none;
}
.hidden {
	visibility: collapse;
	display: none;
}



/* INPUT RATE */
.input_generic.input_rate {
	vertical-align: middle;
}
div.input_rate_cancel, div.input_rate_star {
	float: left;
	width: 22px;
	height: 22px;
	text-indent: -999em;
	display: block;
	background: transparent;
	overflow: hidden;
}
/*div.input_rate_cancel > a, div.input_rate_star > a {
	cursor: pointer;
}*/
.input_rate_star_empty {
	background-position: 0 0px  !important;
}
div.input_rate_star {
	background-image: url("icons/input_rate_star_empty.png");
	background-position: center center;
	background-repeat: no-repeat;
}
div.input_rate_star a {
	display: block;
	width: 24px;
	height: 24px;
	border: none;
}
div.input_rate_cancel a {
	display: block;
	margin-top: 3px;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
}
div.input_rate_star a {
	display: block;
	width: 22px;
	height: 22px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
}
.input_rate_cancel {
	background-image: url("icons/input_rate_delete.gif");
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.input_rate_cancel:hover {
	background-position: 0 -16px;
}
.input_rate_star_selected {
	background-image: url("icons/input_rate_star_full_selected.png") !important;
	/*background-position: 0 -30px  !important;*/
}
.input_rate_star_value { 
	background-image: url("icons/input_rate_star_full.png") !important;
	/*background-position: 0 -60px !important;*/
}
.input_rate_label {
	margin-left: 20px;
	margin-top: 3px;
	float: right;
}
@media (max-width: 1024px) {
	.input_rate_label {
		clear: both;
		float: left;
		margin-top: 10px;
		margin-left: 30px;
	}
}


/* INPUT GRID */

.input_generic.input_grid {
	color: inherit;
}
.input_grid {
	/*width: 90%;*/
	/*width: 97%;*/
	width: auto;
	margin: 10px;
	border: 1px solid darkgray;
	border-radius: 5px; 
	display: table;
}
@media (max-width: 1024px) {
	.input_grid {
		width: auto;
		max-width: 250px;
	}
}
ul.input_grid_row {
	list-style: none;
	width: 100%;
	height: auto;
	display: table;
}
li.input_grid_row {
	margin: 1px;
	height: 1.3em;
	border: 1px solid transparent;
	padding-bottom: 1px;
	padding-top: 1px;
	height: 100%;
	display: table-row;
}
li.input_grid_column {
	display: table-cell;
	padding: 5px;
	vertical-align: middle;
}
ul.input_grid_header {
	background-color: rgb(189, 189, 189);
	border-radius: 5px 5px 0px 0px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 25px;
}
.input_grid_header {
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
	cursor: inherit;
}
ul.input_grid_column li.input_grid_header:hover {
	color: black;
	cursor: pointer;
	border-color: darkgray;
	background-color: rgb(230, 230, 230);
	border-radius: 4px;
}
.input_grid_sort_asc {
	height: 16px;
	width: 16px;
	margin-left: 10px;
	background-image: url('icons/input_sort_asc.png');
	background-position: center 1px;
	background-repeat: no-repeat;
	-khtml-opacity: 0.20;
	  -moz-opacity: 0.20;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	       opacity: 0.20;
	        filter: alpha(opacity=20);
	float: right;
	cursor: pointer;
}
.input_grid_sort_desc {
	height: 16px;
	width: 16px;
	margin-left: 10px;
	background-image: url('icons/input_sort_desc.png');
	background-position: center 1px;
	background-repeat: no-repeat;
	-khtml-opacity: 0.20;
	  -moz-opacity: 0.20;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	       opacity: 0.20;
	        filter: alpha(opacity=20);
	float: right;
	cursor: pointer;
}
ul.input_grid_totals {
	border-top: 1px solid darkgray;
	border-bottom: 1px solid lightgray;
	background-color: lightgray;
	font-style: italic;
	font-weight: bold;
}
.input_grid_title {
	font-variant: small-caps;
	font-weight: bolder;
	text-align: left;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	letter-spacing: 1px;
}
.input_grid_empty {
	padding: 30px;
	font-style: italic;
}
li.input_grid_column.input_grid_header {
}
li.input_grid_header {
}
ul.input_grid_header:hover li.input_grid_header:hover {
}
ul.input_grid_data {
}
li.input_grid_row.input_grid_data {
}
li.input_grid_column.input_grid_data {
}
li.input_grid_row.input_grid_data:hover, li.input_grid_row.input_grid_data:nth-child(2n+1):hover {
	border-color: darkgray;
	background-color: white;
}
li.input_grid_row.input_grid_data:nth-child(2n+1) {
	background-color: rgb(230, 230, 230);
}
ul.input_grid_row.input_grid_footer {
	background-color: rgb(189, 189, 189);
	border-radius: 0px 0px 5px 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
li.input_grid_row.input_grid_footer {
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	text-align: right;
}
.input_grid_prev, .input_grid_prev:visited {
	background-image: url('icons/input_prevpage.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 65%;
	text-transform: uppercase;
	padding-right: 10px;
	cursor: pointer;
}
.input_grid_first, .input_grid_first:visited {
	background-image: url('icons/input_firstpage.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 65%;
	text-transform: uppercase;
	padding-right: 10px;
	cursor: pointer;
}
.input_grid_next, .input_grid_next:visited {
	background-image: url('icons/input_nextpage.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 65%;
	text-transform: uppercase;
	margin-right: 10px;
	cursor: pointer;
}
.input_grid_last, .input_grid_last:visited {
	background-image: url('icons/input_lastpage.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 65%;
	text-transform: uppercase;
	margin-right: 20px;
	cursor: pointer;
}
.input_grid_refresh, .input_grid_refresh:visited {
	background-image: url('icons/input_refresh.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 65%;
	text-transform: uppercase;
	padding-right: 15px;
	cursor: pointer;
}
.input_grid_page:hover,
.input_grid_pagesize:hover {
	color: black;
}
.input_grid_prev:hover,
.input_grid_first:hover,
.input_grid_next:hover,
.input_grid_last:hover,
.input_grid_refresh:hover {
	color: blue;
	text-decoration: underline;
}
.input_grid_prev.disabled,
.input_grid_first.disabled,
.input_grid_next.disabled,
.input_grid_last.disabled,
.input_grid_refresh.disabled {
	-khtml-opacity: 0.50;
	  -moz-opacity: 0.50;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	       opacity: 0.50;
	        filter: alpha(opacity=50);
	cursor: inherit;
	text-decoration: none;
	color: black;
}

.input_grid_page {
	margin-right: 15px;
	margin-left: 15px;
	font-size: 90%;
	font-variant: small-caps;
	color: rgb(82, 82, 82);
}
.input_grid_pagesize {
	margin-right: 15px;
	margin-left: 15px;
	font-size: 65%;
	font-variant: small-caps;
	color: rgb(82, 82, 82);
}
.input_grid_pagesize > select {
	background-color: #ededed;
	/*border-radius: 10px;*/
	border: 1px solid transparent;
	cursor: pointer;
}
.input_grid_pagesize > select:hover, 
.input_grid_page > input:hover {
	border-color: black;
}
.input_grid_page > input {
	background-color: #ededed;
	border-radius: 10px;
	border: 1px solid transparent;
	text-align: center;
	font-size: 90%;
	width: 3em;
}







/* INPUT PAGER */
.input_pager {
	/*width: 100%;*/
	width: 97%;
	margin: 10px;
	display: table;	
	height: auto;
	color: inherit;
}
.input_pager_data {
}
.input_pager_footer {
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	/*float: right;*/
	float: none;
	margin: 10px;
	margin-top: 20px;
	text-align: right;
}
.input_pager_totals {
	border-top: 1px solid darkgray;
	border-bottom: 1px solid lightgray;
	background-color: lightgray;
	font-style: italic;
	font-weight: bold;
}
.input_pager_title {
	font-variant: small-caps;
	font-weight: bolder;
	text-align: left;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	letter-spacing: 1px;
}
.input_pager_empty {
	padding: 30px;
	font-style: italic;
}
.input_pager_prev, .input_pager_prev:visited {
	background-image: url('icons/input_prevpage.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 65%;
	text-transform: uppercase;
	padding-right: 10px;
	cursor: pointer;
	/*display: inline-block;*/
}
.input_pager_first, .input_pager_first:visited {
	background-image: url('icons/input_firstpage.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 65%;
	text-transform: uppercase;
	padding-right: 10px;
	cursor: pointer;
	/*display: inline-block;*/
}
.input_pager_next, .input_pager_next:visited {
	background-image: url('icons/input_nextpage.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 65%;
	text-transform: uppercase;
	margin-right: 0px;
	cursor: pointer;
	/*display: inline-block;*/
}
.input_pager_last, .input_pager_last:visited {
	background-image: url('icons/input_lastpage.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 65%;
	text-transform: uppercase;
	margin-right: 20px;
	cursor: pointer;
	/*display: inline-block;*/
}
.input_pager_refresh, .input_pager_refresh:visited {
	background-image: url('icons/input_refresh.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 65%;
	text-transform: uppercase;
	padding-right: 15px;
	cursor: pointer;
	/*display: inline-block;*/
}
.input_pager_prev.disabled,
.input_pager_first.disabled,
.input_pager_next.disabled,
.input_pager_last.disabled,
.input_pager_refresh.disabled {
	-khtml-opacity: 0.50;
	  -moz-opacity: 0.50;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	       opacity: 0.50;
	        filter: alpha(opacity=50);
	cursor: inherit;
	text-decoration: none;
	color: black;
}
.input_pager_page {
	margin-right: 15px;
	margin-left: 15px;
	font-size: 90%;
	font-variant: small-caps;
	color: rgb(82, 82, 82);
	/*display: inline-block;*/
}
.input_pager_pagesize {
	margin-right: 15px;
	margin-left: 15px;
	font-size: 75%;
	font-variant: small-caps;
	color: rgb(82, 82, 82);
	/*display: inline-block;*/
}
.input_pager_pagesize > select {
	background-color: #ededed;
	/*border-radius: 10px;*/
	border: 1px solid transparent;
}
.input_pager_page:hover,
.input_pager_pagesize:hover {
	color: black;
}
.input_pager_prev:hover,
.input_pager_first:hover,
.input_pager_next:hover,
.input_pager_last:hover,
.input_pager_refresh:hover {
	color: blue;
	text-decoration: underline;
}
.input_pager_pagesize > select:hover, 
.input_pager_page > input:hover {
	border-color: black;
}
.input_pager_page > input {
	background-color: #ededed;
	border-radius: 10px;
	border: 1px solid transparent;
	text-align: center;
	font-size: 90%;
	width: 3em;
}

@media (max-width: 1024px) {
	.input_pager {
		margin-left: 0px;
		margin-right: 0px;
		width: auto;
	}
	.input_pager_page {
		text-align: center;
		min-height: 2em;
		line-height: 2em;
		vertical-align: middle;
	}
	.input_pager_footer {
		text-align: center;
		/*background-color: yellow;*/
		margin: 20px 0px;
		border-top: 1px solid darkgray;
		border-bottom: 1px solid darkgray;
		padding: 10px 0px;
	}
	.input_pager_next, 
	.input_pager_prev, 
	.input_pager_first, 
	.input_pager_last, 
	.input_pager_refresh {
		line-height: 3em;
		background-position: center center;
		margin: 5px;
		/*background-color: coral;*/
	}
	.input_pager_first {
		/*position: relative;
		float: left;
		top: 0px;
		left: 0px;*/
	}
	.input_pager_prev {
		/*position: relative;
		float: left;
		top: 5px;
		left: 30px;*/
	}
}






.input_rounded {
	-webkit-transition: all 300ms ease-in-out 100ms;
	   -moz-transition: all 300ms ease-in-out 100ms;
	    -ms-transition: all 300ms ease-in-out 100ms;
	     -o-transition: all 300ms ease-in-out 100ms;
	        transition: all 300ms ease-in-out 100ms;
}
.input_rounded:checked + label {
	/*font-weight: bold;
	border-color: gray;
	border-width: 2px;*/
	border-color: black;
	background-color: #F8F8F8;
}
.input_rounded + label {
	border: 1px solid darkgray;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	background-color: #d6e7ef;
}
.input_rounded:hover + label {
	background-color: #eeeeee;
	border-color: black;
}
input[type="radio"].input_rounded {
	left: -999em;
	position: absolute;
}
.input_generic > label.input_rounded {
	border-radius: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	height: 1.7em; /* auto */
	line-height: 2em;
}
.input_generic > label.input_rounded:first-of-type {
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}
.input_generic > label.input_rounded:last-of-type {
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}



input.input_button.button_delete,
input.input_button.button_help, 
input.input_button.button_search, 
input.input_button.button_sendmail, 
input.input_button.button_print, 
input.input_button.button_warning, 
input.input_button.button_reset, 
input.input_button.button_save, 
input.input_button.button_add, 
input.input_button.button_new, 
input.input_button.button_edit, 
input.input_button.button_plus, 
input.input_button.button_minus, 
input.input_button.button_refresh, 
input.input_button.button_info, 
input.input_button.button_login, 
input.input_button.button_folder, 
input.input_button.button_confirm, 
input.input_button.button_options, 
input.input_button.button_quit, 
input.input_button.button_back {
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-right: 18px;
}

.input_dropdown_button.button_delete > .input_dropdown_button_a, 
.input_dropdown_button.button_help > .input_dropdown_button_a, 
.input_dropdown_button.button_search > .input_dropdown_button_a, 
.input_dropdown_button.button_sendmail > .input_dropdown_button_a, 
.input_dropdown_button.button_print > .input_dropdown_button_a, 
.input_dropdown_button.button_warning > .input_dropdown_button_a, 
.input_dropdown_button.button_reset > .input_dropdown_button_a, 
.input_dropdown_button.button_save > .input_dropdown_button_a, 
.input_dropdown_button.button_add > .input_dropdown_button_a, 
.input_dropdown_button.button_new > .input_dropdown_button_a, 
.input_dropdown_button.button_edit > .input_dropdown_button_a, 
.input_dropdown_button.button_plus > .input_dropdown_button_a, 
.input_dropdown_button.button_minus > .input_dropdown_button_a, 
.input_dropdown_button.button_refresh > .input_dropdown_button_a, 
.input_dropdown_button.button_info > .input_dropdown_button_a, 
.input_dropdown_button.button_login > .input_dropdown_button_a, 
.input_dropdown_button.button_folder > .input_dropdown_button_a, 
.input_dropdown_button.button_confirm > .input_dropdown_button_a, 
.input_dropdown_button.button_options > .input_dropdown_button_a, 
.input_dropdown_button.button_quit > .input_dropdown_button_a, 
.input_dropdown_button.button_back > .input_dropdown_button_a {
	padding-left: 40px;
	padding-right: 35px;
}
.input_dropdown_button {
	background-position: 10px center;
	background-repeat: no-repeat;
}


input.input_button.button_delete,
.input_dropdown_button.button_delete {
	background-image: url("icons/button_delete.png");
}
input.input_button.button_help,
.input_dropdown_button.button_help {
	background-image: url("icons/button_help.png");
}
input.input_button.button_search,
.input_dropdown_button.button_search {
	background-image: url("icons/button_search.png");
}
input.input_button.button_sendmail,
.input_dropdown_button.button_sendmail {
	background-image: url("icons/button_sendmail.png");
}
input.input_button.button_print,
.input_dropdown_button.button_print {
	background-image: url("icons/button_print.png");
}
input.input_button.button_warning,
.input_dropdown_button.button_warning {
	background-image: url("icons/button_warning.png");
}
input.input_button.button_reset,
.input_dropdown_button.button_reset {
	background-image: url("icons/button_reset.png");
}
input.input_button.button_save,
.input_dropdown_button.button_save {
	background-image: url("icons/button_save.png");
}
input.input_button.button_add,
.input_dropdown_button.button_add {
	background-image: url("icons/button_add.png");
}
input.input_button.button_new,
.input_dropdown_button.button_new {
	background-image: url("icons/button_new.png");
}
input.input_button.button_edit,
.input_dropdown_button.button_edit {
	background-image: url("icons/button_edit.png");
}
input.input_button.button_plus,
.input_dropdown_button.button_plus {
	background-image: url("icons/button_plus.png");
}
input.input_button.button_minus,
.input_dropdown_button.button_minus {
	background-image: url("icons/button_minus.png");
}
input.input_button.button_refresh,
.input_dropdown_button.button_refresh {
	background-image: url("icons/button_refresh.png");
}
input.input_button.button_info,
.input_dropdown_button.button_info {
	background-image: url("icons/button_info.png");
}
input.input_button.button_login,
.input_dropdown_button.button_login {
	background-image: url("icons/button_login.png");
}
input.input_button.button_folder,
.input_dropdown_button.button_folder {
	background-image: url("icons/button_folder.png");
}
input.input_button.button_confirm,
.input_dropdown_button.button_confirm {
	background-image: url("icons/button_confirm.png");
}
input.input_button.button_options,
.input_dropdown_button.button_options {
	background-image: url("icons/button_options.png");
}
input.input_button.button_quit,
.input_dropdown_button.button_quit {
	background-image: url("icons/button_quit.png");
}
input.input_button.button_back,
.input_dropdown_button.button_back {
	background-image: url("icons/button_back.png");
}


/* INPUT FILE */
.input_file {
	border: 1px solid darkgray;
	margin: 2px;
	border-radius: 5px;
	-webkit-transition: all 300ms ease-in-out 100ms;
	   -moz-transition: all 300ms ease-in-out 100ms;
	    -ms-transition: all 300ms ease-in-out 100ms;
	     -o-transition: all 300ms ease-in-out 100ms;
	        transition: all 300ms ease-in-out 100ms;
}
.input_file:hover {
	/*border-color: red;*/
	/*cursor: pointer;*/
	cursor: default;
	border-radius: 5px;
	box-shadow: 0px 0px 6px black;
}
.input_file:hover > .input_file_title,
.input_file_drag > .input_file_title {
	color: black;
	background-color: white;
	border: 1px solid transparent;
	box-shadow: 0px 0px 15px black;
	line-height: 73px;
	height: 73px;
	font-size: 120%;
}
.input_file_title {
	position: absolute;
	width: 400px;
	padding: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	color: black;
	font-size: 60%;
	overflow: hidden;
	pointer-events: none;   /* evita il dragleave del controllo principale */
	background-color: lightgray;
	white-space: nowrap;
	font-variant: small-caps;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 1px solid #d6e7ef;

	-webkit-transition: all 400ms ease-in-out;
	   -moz-transition: all 400ms ease-in-out;
	    -ms-transition: all 400ms ease-in-out;
	     -o-transition: all 400ms ease-in-out;
	        transition: all 400ms ease-in-out;
	
}
.input_file_message {
	position: absolute;
	width: 400px;
	height: 70px;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	color: #666666;
	font-size: 60%;
	line-height: 2em;
	overflow: hidden;
	pointer-events: none;
	color: #444444;
	background-color: white;
	font-weight: bold;
	border-radius: 3px;
	background-image: url("icons/input_file_ok.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.input_file_message.loading {
	background-image: url("icons/input_file_loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
.input_file_error {
	color: yellow;
	font-size: 80%;
	line-height: 3em;
	background-image: url("icons/input_file_error.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.input_file_preview {
	width: 406px;
	height: 75px;
	overflow: hidden;
	border: none;
	border-radius: 4px;
	padding: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	left: 0px;
	z-index: -1;
	pointer-events: none;   /* evita il dragleave del controllo principale */
	border-radius: 4px;
	line-height: 86px;
	text-align: center;
	vertical-align: middle;
	font-size: 100%;
	font-weight: normal;
	color: black;
}
.input_file_progress {
	position: absolute;
	background-color: red;
	width: 400px;
	height: 10px;
	/*margin-top: 71px;*/
	margin: -1px;
	margin-top: 67px;
	overflow: hidden;
	z-index: 1;
}
.input_file_drag {
	/*box-shadow: inset 0px 0px 50px rgba(255, 0, 0, 1);*/
	border-color: black;
	/*margin: 0px;*/
}
.input_file_buttons {
	position: absolute;
	width: 25px;
	height: 108px;
	margin-left: 79px;
	border-radius: 4px;
	padding-left: 4px;
	padding-right: 3px;
	margin-top: -2px;
	background-color: yellow;
	display: none !important
}
.input_file_btn {
	position: relative;
	padding: 3px;
	padding-left: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 23px;
	height: 20px;
	border-radius: 3px;
}
/*.input_file_btn:hover {
	background-color: white;
}
.input_file_btn.upload      { background-image: url("icons/input_file_upload.png");    }
.input_file_btn.zoom        { background-image: url("icons/input_file_zoom.png");      }
.input_file_btn.download    { background-image: url("icons/input_file_download.png");  }
.input_file_btn.delete      { background-image: url("icons/input_file_delete.png");    margin-top: 6px;  }*/

/*.input_file_btn.upload      { background-image: url("icons/input_file_upload.png");    }*/




/* INPUT PROGRESS */
/*.input_generic.input_progress {
}*/
.input_progress {
	width: 300px;
	height: 15px;
	position: relative;
	max-width: 300px;
	background: darkgray;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 1px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	   -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	    -ms-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	     -o-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	        box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.input_progress > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	       -moz-border-radius-topright: 20px;
	    -moz-border-radius-bottomright: 20px;
	           border-top-right-radius: 20px;
	        border-bottom-right-radius: 20px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.input_progress > span:after { /*, .input_progress.animate > span > span {*/
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image:
	   -webkit-gradient(linear, 0 0, 100% 100%,
	      color-stop(.25, rgba(255, 255, 255, .2)),
	      color-stop(.25, transparent), color-stop(.5, transparent),
	      color-stop(.5, rgba(255, 255, 255, .2)),
	      color-stop(.75, rgba(255, 255, 255, .2)),
	      color-stop(.75, transparent), to(transparent)
	);
	background-image:
	    -moz-linear-gradient(
	      -45deg,
	      rgba(255, 255, 255, .2) 25%,
	      transparent 25%,
	      transparent 50%,
	      rgba(255, 255, 255, .2) 50%,
	      rgba(255, 255, 255, .2) 75%,
	      transparent 75%,
	      transparent
	);
	z-index: 1;
	background-size: 25px 25px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	overflow: hidden;
}

/*.animate > span:after {
	display: none;
}*/

@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 50px 50px;
	}
}

@-moz-keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 50px 50px;
	}
}


.input_progress_orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.input_progress_red > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.input_progress_blue > span {
	background-color: #B2DDF1;
	background-image: -moz-linear-gradient(top, #B2DDF1, #39728E);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B2DDF1),color-stop(1, #39728E));
	background-image: -webkit-linear-gradient(#B2DDF1, #39728E);
}

.input_progress_black > span {
	background-color: #B8B8B8;
	background-image: -moz-linear-gradient(top, #B8B8B8, #000000);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B8B8B8),color-stop(1, #000000));
	background-image: -webkit-linear-gradient(#B8B8B8, #000000);
}

.input_progress_yellow > span {
	background-color: white;
	background-image: -moz-linear-gradient(top, white, yellow);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, white),color-stop(1, yellow));
	background-image: -webkit-linear-gradient(white, yellow);
}

.input_progress_magenta > span {
	background-color: #FFCCFF;
	background-image: -moz-linear-gradient(top, #FFCCFF, #CC33FF);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFCCFF),color-stop(1, #CC33FF));
	background-image: -webkit-linear-gradient(#FFCCFF, #CC33FF);
}

.input_progress_flat > span > span, .input_progress_flat > span:after {
	-webkit-animation: none;
	-moz-animation: none;
	background-image: none;
}


.input_progress_indeterminate {
	-khtml-opacity: 0.50;
	  -moz-opacity: 0.50;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	       opacity: 0.50;
	        filter: alpha(opacity=50);
}

.input_progress > span {
	font-size: 75%;
}


/* INPUT EXPANDER */
a.input_expander {
	cursor: pointer !important;
	font-variant: small-caps;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
	/*color: #000066;*/
	color: #4545e6;
	line-height: 1.2em;
}
a.input_expander_opened {
	background-image: url("icons/input_expander_opened.png");
}
a.input_expander_closed {
	background-image: url("icons/input_expander_closed.png");
}
a.input_expander:hover {
	/*font-weight: bolder;*/
	color: blue;
}



.input_oper_button {
	margin-left: 10px;
	display: inline-block;
	-khtml-opacity: 0.50;
	  -moz-opacity: 0.50;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	       opacity: 0.50;
	        filter: alpha(opacity=50);
	background-position: center center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.input_oper_button:hover {
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
}
.input_oper_button.oper_edit	{ background-image: url("icons/input_edit.png");	}
.input_oper_button.oper_clone	{ background-image: url("icons/input_clone.png");	}
.input_oper_button.oper_delete	{ background-image: url("icons/input_delete.png");	}
.input_oper_button.oper_view	{ background-image: url("icons/input_view.png");	}
.input_oper_button.oper_add		{ background-image: url("icons/input_add.png");		}

.input_grid_operation {
	display: none;
	position: absolute;
	right: 0px;
	margin-right: 10%;
	margin-top: -2.5em; 
	border: 1px solid darkgray;
	background-color: #eeeeee;
	border-radius: 5px;
	white-space: nowrap;
}




/* AUTOCOMPLETE */
/* highlight results */
.ui-autocomplete span.hl_results {
	background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
	background: white url('icons/input_loading.gif') left center no-repeat;
}
 
/* scroll results */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding for vertical scrollbar */
	padding-right: 5px;
}
 
.ui-autocomplete li {
	font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 250px;
}



/* INPUT DROP_DOWN BUTTON */
.input_dropdown_button {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	background-color: #D6E7EF;
	border-bottom: 1px solid #104A7B;
	border-right: 1px solid #104A7B;
	border-left: 1px solid #AFC4D5;
	border-top:1px solid #AFC4D5;
	color: #000066;
	min-width: 5em;
	cursor: pointer;
	padding: 0px;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.input_dropdown_button,
.input_dropdown_button_a {
	-webkit-transition: all 200ms ease-in-out 100ms;
	   -moz-transition: all 200ms ease-in-out 100ms;
	    -ms-transition: all 200ms ease-in-out 100ms;
	     -o-transition: all 200ms ease-in-out 100ms;
	        transition: all 200ms ease-in-out 100ms;
}
.input_dropdown_button:hover {
	background-color: #eeeeee;
	border: 1px solid #666666;
}
.input_dropdown_button_a {
	display: inline-block;
	min-height: 1.3em;
	height: 1.3em;
	border-radius: 3px;
	background-color: transparent;
	text-decoration: none;
	color: #000066;
	margin: 0px;
	padding: 0px;
	padding-left: 14px;
	padding-right: 36px;
	padding-top: 7px;
	padding-bottom: 0px;
	background-image: url("icons/input_dropdown_button.png?2");
	background-position: right center;
	background-repeat: no-repeat;
}
.input_dropdown_button:hover > .input_dropdown_button_a,
.input_dropdown_button_a:hover {
	background-image: url("icons/input_dropdown_button_hover.png");
}
.input_dropdown_button > .input_detail {
	margin-top: 2px;
	margin-left: 0px;
	width: auto;
	max-height: inherit;
	min-width: 10em;
	background-color: white;
	-webkit-box-shadow: inherit;
	   -moz-box-shadow: inherit;
	    -ms-box-shadow: inherit;
	     -o-box-shadow: inherit;
	        box-shadow: inherit;
	border-radius: 0px;
	border: 1px solid #555;
	color: black;
	cursor: inherit;
	-webkit-box-shadow: 0px 0px 5px #555;
	   -moz-box-shadow: 0px 0px 5px #555;
	    -ms-box-shadow: 0px 0px 5px #555;
	     -o-box-shadow: 0px 0px 5px #555;
	        box-shadow: 0px 0px 5px #555;
}
.input_dropdown_button > .input_detail:hover {
	-webkit-box-shadow: 0px 0px 15px #555;
	   -moz-box-shadow: 0px 0px 15px #555;
	    -ms-box-shadow: 0px 0px 15px #555;
	     -o-box-shadow: 0px 0px 15px #555;
	        box-shadow: 0px 0px 15px #555;
}



/* INPUT THREE_STATE */
.input_threestate {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	/*background-color: #D6E7EF;*/
	background-color: transparent;
	color: #000066;
	min-width: 6em;
	min-height: 1.3em;
	line-height: 1.3em;
	cursor: pointer;
	padding: 3px;
	padding-left: 35px;
	padding-right: 5px;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid transparent;
	background-image: url("icons/input_threestate.png");
	background-position: 7px center;
}
.input_threestate:hover {
	border-color: #666666;
	background-color: white;
}
.input_threestate[data-value='0'] {
	background-image: url("icons/input_threestate_off.png");
	text-decoration: line-through;
}
.input_threestate[data-value='1'] {
	background-image: url("icons/input_threestate_on.png");
	/*font-weight: bold;*/
}





/* INPUT DROP DOWN COMBO */
div.input_dropdown_combo {
	cursor: pointer;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	margin-left: 4px;
	margin-right: 4px;
	min-width: 5em;
	padding: 0px;
	/*height: 19px;*/
	/*height: 1.1em;*/
	/*height: 1.5em;
	line-height: 1.5em;*/
	/*padding-top: 3px;
	padding-bottom: 2px;*/
	background-image: url("icons/input_dropdown_combo.png");
	background-position: right center;
	background-repeat: no-repeat;
	/*padding-right: 30px;*/
}
div.input_dropdown_combo:hover {
	background-color: #D6E7EF;
	background-image: url("icons/input_dropdown_combo_hover.png");
}
ul.input_dropdown_combo {
	margin: 0px;
	padding: 0px;
	background-color: white; /*#D6E7EF;*/
}
ul.input_dropdown_combo:hover {
	background-color: white; /*#D6E7EF;*/
}
ul.input_dropdown_combo > li {
	list-style-type: none;
	padding: 10px;
	padding-left: 3px;
	padding-right: 20px;
	cursor: pointer;
}
ul.input_dropdown_combo > li:hover > label {
	cursor: pointer;;
}
ul.input_dropdown_combo > li[data-selected='selected'] {
	font-weight: bold;
}
ul.input_dropdown_combo > li:hover {
	background-color: #8FC2D8;
	font-weight: bold;
	color: white;
}
div.input_dropdown_combo > .input_detail {
	padding: 0px;
	margin: 0px;
	width: auto;
	min-width: 15em;
	margin-top: 7px;
	margin-left: -2px;
}
div.input_dropdown_combo > .input_detail:hover {
	-webkit-box-shadow: 0px 0px 15px black;
	   -moz-box-shadow: 0px 0px 15px black;
	    -ms-box-shadow: 0px 0px 15px black;
	     -o-box-shadow: 0px 0px 15px black;
	        box-shadow: 0px 0px 15px black;
}
.input_dropdown_combo_value {
	cursor: pointer;
	background-color: transparent;
	/*padding-top: 1px;*/
	/*margin-top: 1px;*/
	padding-left: 0px;	/* 10px */
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 30px;
	height: 100%;
	min-height: 16px;
}
.input_dropdown_combo_value > label {
	cursor: pointer;
}



/* INPUT TEXT AREA */
@media (max-width: 1024px) {
	textarea.input_area {
		width: 40em;
	}
}
@media (max-width: 600px) {
	textarea.input_area {
		width: 30em;
	}
}
@media (max-width: 400px) {
	textarea.input_area {
		width: 15em;
	}
}
/*textarea.input_area.size_5 { width: 5em; }
textarea.input_area.size_10 { width: 10em; }
textarea.input_area.size_15 { width: 15em; }
textarea.input_area.size_20 { width: 20em; }
textarea.input_area.size_25 { width: 25em; }
textarea.input_area.size_30 { width: 30em; }
textarea.input_area.size_35 { width: 34em; }
textarea.input_area.size_40 { width: 38em; }
textarea.input_area.size_45 { width: 42em; }
textarea.input_area.size_50 { width: 46em; }
textarea.input_area.size_55 { width: 50em; }
textarea.input_area.size_60 { width: 54em; }
textarea.input_area.size_65 { width: 58em; }
textarea.input_area.size_70 { width: 62em; }
textarea.input_area.size_75 { width: 66em; }
textarea.input_area.size_80 { width: 70em; }
textarea.input_area.size_85 { width: 73em; }
textarea.input_area.size_90 { width: 76em; }
textarea.input_area.size_95 { width: 79em; }
textarea.input_area.size_100 { width: 82em; }*/

/*
textarea.input_area.size_5 { width: 5em; }
textarea.input_area.size_10 { width: 10em; }
textarea.input_area.size_15 { width: 15em; }
textarea.input_area.size_20 { width: 20em; }
textarea.input_area.size_25 { width: 25em; }
textarea.input_area.size_30 { width: 30em; }
textarea.input_area.size_35 { width: 35em; }
textarea.input_area.size_40 { width: 40em; }
textarea.input_area.size_45 { width: 45em; }
textarea.input_area.size_50 { width: 50em; }
textarea.input_area.size_55 { width: 55em; }
textarea.input_area.size_60 { width: 60em; }
textarea.input_area.size_65 { width: 65em; }
textarea.input_area.size_70 { width: 70em; }
textarea.input_area.size_75 { width: 75em; }
textarea.input_area.size_80 { width: 80em; }
textarea.input_area.size_85 { width: 85em; }
textarea.input_area.size_90 { width: 90em; }
textarea.input_area.size_95 { width: 95em; }
textarea.input_area.size_100 { width: 100em; }
*/






/* MDI - MATERIAL DESIGN ICONS  */
button > i,
a > i, 
a > i {
    padding-right: 8px;
}