input[type=date]::-webkit-inner-spin-button
	, input[type=date]::-webkit-calendar-picker-indicator 
	, input[type=date]::-moz-inner-spin-button
	, input[type=date]::-moz-calendar-picker-indicator
	, input[type=date]::-ms-inner-spin-button
	, input[type=date]::-ms-calendar-picker-indicator
	, input[type=date]::-o-inner-spin-button
	, input[type=date]::-o-calendar-picker-indicator
	, input[type=date]::inner-spin-button
	, input[type=date]::calendar-picker-indicator {
	   display: none;
	}
	
	.sxTab {
		font-size	:	.7em;
		width		:	50px;
		color: #bbb;
	}
	
	.dxTab { 
		width	:	50%;
	}
	
	html {
		height	:	100%;
		width	  :	100%;
	}

	body {
		bottom	:	0;
		left	:	0;
		margin	:	auto;
		position:	fixed;
		right	:	0;
		top		:	0;
		
		background-image	:	url("../images/logo.png");
		background-repeat	:	no-repeat;
		background-position	:	center 8vh;
		background-size		:	30vh;
		
		height	:	100%;
		width	:	100%;
		
		font-family			:	Verdana;
		
		background-color	:	whitesmoke;
		color				:	#181617;
	}
	/**
		bcbec0		GRIGIO
		5e9624		VERDE SCURO
		80ab00		VERDE CHIARO
		f3a505		Arancio
		d71a1b		Rosso
	**/
	
	titolo_area, 
	h1 {
		font-weight	:	bold;
		text-align	:	center;
		font-size	:	40px;
		
		font-family		:	Verdana;
		letter-spacing	:	.3em;
	}
	
	titolo_area {
		position	:	absolute;
		right		:	10px;
		bottom		:	10px;
	}
	
	#corpo {
		display	:	inline-block;
		width	:	calc(100% - 40px);
		width	:	100%;
		height	:	calc(100% - 46px);
		position	:	fixed;
		top		:	46px;
		left	:	0px;
	}
	
	.gestione {
		display	:	inline-block;
		padding	:	10px;
		width	:	calc(100% - 20px);
		height	:	calc(100% - 40px);
		
		overflow	:	auto;
		top			:	46px;
		left		:	0px;
	}
	
	section {
		height  : calc(100% - 20px);
		padding-top:25px;
	}
	
	input[type="text"].cerca {
		width	:	calc( 100% - 200px );
		float	:	left;
		
		margin-top		:	10px;
		margin-right	:	10px;
		min-width		 :	176px;
	}
	
	input[type="text"].cerca:placeholder {
		content:"CERCA";
	}
	
	input[type="text"].cerca:after {
		content:"CERCA";
	}
	
	input[type="text"]
	, input[type="date"]
	, input[type="password"]
	, textarea
	, option 
	, select {
		font-family	:	"MuseoSans-300", Arial;
		padding		:	5px;
	}
	
	textarea {
		resize	:	none;
	}
	
	.obbligatorio {
		background-repeat	:	no-repeat;
		background-position	:	center center;
		
		border	:	solid 1px red;
	}
	
	progress{
		display	:	none;
		width	:	100%;
	}
	
	img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}
	
	table {
		color			:	#2b3351;
		margin-top		:	11px;
		border-radius	:	3px;
		float	:	left;
		border-spacing	:	0px;
	}
	
	table.bordo {
		border			:	solid 1px #4dbcbf;
		border			:	solid 1px #bcbec0;
	}
	
	table.bordo .titolo{
		background-color	:	#4dbcbf;
		background-color	:	#bcbec0;
	}
	
	.w100 {
		width		: 100%
	}

	thead.colorata
	{
		background-color:	#92abb9;
		background-color:	#4dbcbf;
		color	:	white;
	}

	th {
		padding	:	4px;
		height	:	20px !important
	}
	
	td {
		padding	:	0px 10px;
	}
	
	td.p0 {
		padding	:	0px;
	}
	
	th.tasto, td.tasto {
		font-size:8px;
		width:48px;
		height:49px;
		
		margin:0 !important;
		padding:0 !important;
	}
	
	th.r {
		border-right	:	1px  solid #92abb9;
	}
	
	.b_b{
		border-top	:	1px  solid #dfe3e6;
	}
	
	.b_r{
		border-right	:	1px  solid #92abb9;
	}
	
	.b_l{
		border-left		:	1px  solid #92abb9;
	}
	
	.t_l{
		text-align		:	right !important;
	}
	
	tbody tr:hover td,
	tbody .hover ,
	tbody .hover td {
		background-color : #cbe9ea !important;
	}
	
	.round2px {
	  -webkit-border-radius	:	2px;
	  -moz-border-radius	:	2px;
	  border-radius			:	2px;
	}
	
	.filtro {
		margin-left		:	20px;
		margin-right	:	20px;
		height			:	30px;
		float			:	left;
		display: flex;
	}
	
	.filtro label {
		margin-left		:	10px;
		margin-right	:	10px;
	}
	
	.contenitoreFiltri { 
		margin	:	0 auto;
		height	:	40px;
	}
	
	.tasto_movimento {
		width	:	40px;
		height	:	40px;
		line-height: 40px;
		color:white;
		border: solid 1px white;
		text-align: center;
		border-radius: 2px;

		cursor: pointer;
	}

	.tasto_movimento:hover {
		color	:	#52636d;
		background-color:white;
	}

	.tasto_documento {
		padding-left	:	10px;
		padding-right	:	10px;
		
		height	:	40px !important;
		cursor	:	pointer;
		
		font-size	:	1.3em;
		text-align	:	center;
		line-height	:	40px;
			color     :#eee;
		border		:	solid 1px #eff2f4;
		box-shadow	:	2px 2px 1px #dedede;
	}
	
	.risultatoRicercaAutocomplete {
		position	:	absolute;
		width		:	250px;
		max-height	:	210px;
		color		:	black;
		overflow-x	:	auto;
		background-color	:	white;
	}
	
	.dettaglioRicerca {
		cursor			:	pointer;
		padding-left	:	10px;
		padding-top		:	5px;
		padding-bottom	:	5px;
		border-bottom	:	solid 1px #748b97;
		background-position	:	right center;
		background-repeat	:	no-repeat;
		
		max-width		:	240px;
	}
	
	.dettaglioRicerca:hover {
		background-color	:	#eff2f4;
		/*font-weight			:	bold;*/
		color				:	red;
	}
	
	.soldi {
		text-align	:	right;
		padding-left:	5px;
	}
	
	input[type="checkbox"].graphic {
		display: none;
	}
	 
	input[type="checkbox"].graphic + label,
	input[type="checkbox"].graphic + label:after {
		padding: 0;
		display: inline-block;
	}
	input[type="checkbox"].graphic + label {
		position: relative;
		cursor		:	pointer;
	}

	input[type="checkbox"].graphic + label:after {
		position: absolute;
		right: 0;
		/* style */
		width:68px;
		left: -55px;
		top: -15px;
		bottom: -15px;
	}

	/* checked state indicator images */
	input[type="checkbox"].graphic + label:after { background:url(../images/cross.png) no-repeat 0px 50%;
	  content: '';
	  /** z-index:2; */
	  transform:scale(0.75) rotate(0deg);
	}
	input[type="checkbox"].graphic:checked + label:after { background-image:url(../images/tick.png);
	}
	/* animation (only works in Firefox) */
	input[type="checkbox"].graphic + label:hover::after  {
	  transform:scale(0.77) rotate(360deg);
	}
	input[type="checkbox"].graphic,
	input[type="checkbox"].graphic + label,
	input[type="checkbox"].graphic + label:after {
	  /*transition: all .5s cubic-bezier(1.000, -0.360, 0.000, 1.385); /* custom */
	  /*transition-timing-function: cubic-bezier(1.000, -0.360, 0.000, 1.385); /* custom */
	}

	label.funzioni{
    background: none !important;
		border: none !important;
		font-size: 1.2em;
		color: white;
	}
	
	.autocomplete {
		display	:	none;
		position: absolute;
		background-color: #333;
		padding: 10px;
	}
	
	.elemento_autocomplete {
		cursor	:	pointer;
		padding: 2px;
		color: white;
	}

	.elemento_autocomplete:hover {
		background-color: white;
		color:#333;
	}
	
	.tac {
		text-align : center;
	}
	
	.domenica {
		color:whitesmoke;
	}

	@media screen and (max-height: 1000px) {
		.alert .interno{
			top:20vh;
			height: 60vh;
		}
	}
	
	@media screen and (max-height: 800px) {
		.alert .interno{
			top:15vh;
			height: 70vh;
		}
	}
	
	@media screen and (max-height: 700px) {
		.alert .interno{
			top:10vh;
			height: 80vh;
		}
	}
	
	@media screen and (max-height: 600px) {
		.alert .interno{
			top:5vh;
			height: 90vh;
		}
	}