html {
    overflow-y: scroll;
}
.db_stato_1 {
	/*libero*/
	background-color: #33cc66;
}

.db_stato_0 {
	/*occupato*/
	background-color: #cc0000;
}


.st_pagamento_1 {
	/*pagato*/
	background-color: #33cc66;
}

.st_pagamento_2 { /*in scadenza*/
	background-color: #F39814;
}

.st_pagamento_3 {
	/*non pagato*/
	background-color: #cc0000;
}

input.errore {
	background-color: #F39814;
}

select.errore {
	background-color: #ff4500;
}
option.errore {
	background-color: #ff4500;
}

input.waiting {
	background-color: #eeeeee;
}

.clear {
	clear: both;
}

.fleft {
	float: left;
}

.fright{
	float: right;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.ui-icon-dialog {
	float: left;
	margin: 0 7px 20px 0;
	
}


/*p.form {
	margin: 0px auto 0px 0px;
}*/

.hidden{
	display: none;
}

.readonly{
	background-color: #EEEEEE;
}

/*input.id{
	width: 25px;
}*/

.cursor_wait {
	cursor: wait;
}


/*--------------------Elementi--------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin: 0; 
	padding: 0;
}

body {
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, geneva, arial, sans-serif;
	font-size: 0.7em;
}

a {
	text-decoration: none;
	overflow: hidden;
	color: #336699;
}

a:hover {
	color: #990000;
}

img {
	vertical-align: top;
	border: none;
}

input {
	background-color: #FFFFFF;
	border: 1px solid #336699;
}

textarea {
	background-color: #FFFFFF;
	border: 1px solid #336699;
}


.small {
	color: #9F9F9F;
}

.red {
	color: #990000;
}

span.sc {
	font-variant: small-caps;
}

h1 {
	color: #083167;
	font-size: 1.9em;
	font-family: sans-serif;
	font-weight: bold;
	margin-left: 90px;
	/*margin-top: 60px;*/
	margin-top: 30px;
}

h2 {
	color: #666666;
	font-size: 1.4em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: sans-serif;
	font-weight: bold;
}
	
h3 {
	color: #666666;
	font-size: 1.1em;
	/*text-align: left;*/
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: sans-serif;
	font-weight: bold;
}

h4 {
	color: #666666;
	font-size: 1.1em;
	text-align: left;
	/*padding-top: 10px;*/
	/*padding-bottom: 10px;*/
	/*font-family: serif;*/
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	width: 20%;
}

div.message {
	width: 50%;
	text-align: center;
	margin: 0 auto 0 auto;
}

div#warning {
	border: 1px solid #990000;
	color: #990000;
}

div#notice {
	border: 1px solid #336699;
	color: #336699;
}



.aright {
	text-align: right;
}

.aleft {
	text-align: left;
}

.acenter {
	text-align: center;
}

p.avviso {
	text-align: center;
	color: #990000;
}

p.esito {
	text-align: center;
	color: #003366;
}

p.required {
	text-align: left;
	color: #9F9F9F;
	/*margin: 10px auto 0px 50px;*/
	margin: 10px auto 0px 0px;
}

span.required {
	color: #990000;
}

/*--------------------Struttura--------------------*/

div#container{
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	height: auto !important;  /* FF2 & IE7 */
	height: 100%;      /* IE5.x & IE6 */
	min-height: 100%;  /* FF2 & IE7 */
	margin: 0px auto 0px auto;
}

div#logobar {
	background-color: #EDEDED;
	text-align: center;
	margin: 0px auto 0px auto;
	
}

div#logobar .box{
	text-align: left;
	margin: 0px auto 0px auto;
	width: 975px;
	height: 83px;
	padding: 8px;
}

div#logobar .logo{
	float: left;
	vertical-align: top; 
}

div#logobar .logo2 img {
    margin-top: 10px;
    width: 200px;
}


div#logobar div#topmenu{
	text-align: right;
	margin: 0px auto 0px auto;
	height: 30px;
}

div#menubar {
	text-align: center;
	margin: 0px auto 0px auto;
}

#header {
	text-align: left;
}

#header img {
	margin: 20px 0px 20px 20px;
}

/*#colonna-sx {
	float: left;
	width: 200px;
	text-align: center;
	font-size:1.1em;
}

#colonna-sx img {
	margin: 20px 0px 20px 10px;
}

#colonna-sx .box {
	text-align: left;
	margin: 0px;
	padding: 0px;
}*/



li.menu {
	font-family: sans-serif;
	text-align: left;
	margin: 0px 0px 12px 22px;
	list-style-type: square;
	color: #C5C5C5;
	border-bottom: 1px solid #F3F3F3;
}

li.sottomenu {
	font-family: sans-serif;
	text-align: left;
	margin: 0px 0px 12px 32px;
	list-style-type: circle;
	color: #C5C5C5;
}

#main {
	line-height: 1.5em;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	overflow: auto;
	clear: both;
}

#main .box {
	margin: 0px auto 0px auto;
	width: 975px;
	text-align: left;
}


#main li {
	margin: 0px 0px 0px 30px;
}

input, select, textarea {
	margin: 8px 5px 2px auto;
}

.noborder {
  border: none;
}


/*----*/



legend {
	color: #666666;
}

div#pdf {
  margin: 10px;
}

hr {
  width: 90%;
  color: #DCDCDC;
}

#codice-utente {
	text-align: right;
	color: #737373;
	font-style: italic;
	margin-top: 5px;
}

#nome-azienda {
	text-align: right;
	color: #737373;
	font-style: italic;
	
}

#ultimo-aggiornamento {
	text-align: right;
	color: #737373;
	font-style: italic;
	margin-top: 5px;
}

/**************/



div.clearCol {
	clear: both;
	height: 20px;
}

#footer {
	position: absolute;
	width: 100%;
	margin: 0px auto 0px auto;
	border-top: 1px solid #CCCCCC;
	height: 20px;
	bottom: 0;
	left: 0;
}

#footer .box {
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	font-size: 0.7em;
	margin: 0px auto 0px auto;
	background-color: #2b176e;
}





















/*.ui-widget input, select, textarea{
	margin: 0;
}*/

.riepilogo table {
	border-collapse: separate;
	overflow: visible;
	width: auto;
	overflow: scroll;
	margin-bottom: 20px;
}

tr.odd {
	background-color: #eeeeee;
}

.riepilogo tfoot tr {
	background-color: #EAF4FD;
}

.riepilogo thead tr {
	background-color: #EAF4FD;
}

/*.riepilogo tfoot td {
	text-align: center;
}

.riepilogo thead td, .riepilogo thead th {
	text-align: center;
}*/

td, th {
	padding: 2px 2px 2px 2px;
	text-align: center;
	/*vertical-align: top;*/
}


/************** Tabelle **************/


.dati tbody tr:hover{
	background-color: #fffbc6;
}

.dati td, .dati th {
	padding: 6px; 
}

div.detail {
	text-align: left;
	border-top: 1px solid #c6dff9;
	border-bottom: 1px solid #c6dff9;
	background-color: #fcfcfc;
	display: none;
	padding: 10px;
}


button.submit{
	margin: 15px auto 5px auto;
}

button.close{
	margin: 15px auto 5px auto;
}

button.cancel{
	margin: 15px auto 5px auto;
}


div.sub_detail {
	width: 98%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #fff;
	margin: 10px auto 5px auto;
	padding: 10px;
}




.ui-button-icon-only {
	background: transparent;
	border: none;
}

.ui-button-icon-only .ui-state-default {
	border: none;
	background: transparent;
}

.ui-button-icon-only .ui-state-hover {
	border: none;
	background: transparent;
}

.ui-button-icon-only .ui-state-active {
	border: none;
	background: transparent;
}



div.link {
	margin: 10px auto 5px 10px;
	padding: 0;
}



div.add_item {
	margin: 10px auto 5px 25px;
	padding: 0;
}

div.backward_item {
	margin: 10px auto 5px 25px;
	padding: 0;
}

div.new_item {
	margin: 0px 0px 8px 0px;
}

.detail table {
	margin-top: 5px;
}


table.waiting {
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}

.input_login {
	width: 80px;
}

.input_margin {
	margin-top: 6px;
	margin-bottom: 8px;
}

tr#filtri td {
	text-align: center;
}

div.data_filter_block {
	width: 76px;
   /* width:auto;*/
	text-align: right;
	margin: 0 auto 0 auto;
}

input.data_form {
	width: 52px;
}

span.first_row_data_filter input {
	margin-bottom: 3px;
}

td.fornitore {
	text-align: left;
}

td.cliente {
	text-align: left;
}

td.importo, td.totale_importo, td.importo_scadenza {
	text-align: right;
}



td.data_scadenza, td.data_scadenza_agg, th.data_scadenza, th.data_scadenza_agg {
	padding: 0 10px 0 10px;
}

td.data_scadenza input, td.data_scadenza_agg input, td.data_registrazione input, td.data_fattura input, td.data_ordine input {
	width: 60px;
}

td.importo_scadenza input {
	width: 65px;
}

input.with_1 {
	width: 70px;
}




#log tr.import_title {
	background-color: #ffe7ce;
}

#log td.data_scadenza {
	text-align: left;
}

#log td.descrizione {
	text-align: left;
}

#indicator {
	margin: 20px auto 0 10px;
}

#indicator_report {
	margin: 14px auto 0 13px;
}

#estratto_conto {
	margin-top: 10px;
}

tr.selected {
	background-color: #00b000;
}

input[type=checkbox].ui-state-error {outline: 1px solid #cd0a0a;}

input.email_field {
	width: 150px;
}


.ui-autocomplete-category {
    color: #808080;
    text-decoration: underline;
    font-weight: bold;
}

/*.editableCell {
    border-bottom: 2px dashed #0088cc !important;
}*/

.editableCell {
    position: relative;
}
.editableCell:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid lightskyblue;
}

td#totale_non_incassato, td#totale_non_pagato  {
    color: #c00000;
    font-weight: bold;
}