*, body, table{
	font-family: sans-serif;
	font-size: 9pt;
}

h1{
	font-weight: bold;
	font-size: 18pt;
	text-align: center;
}

h2{
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
}

h3{
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}

p{
	margin: 15px;
}
#changeapp{
    margin: 10px auto;
}

#header, #changeapp, #header_login{
    width: 1100px;
    text-align: left;
}

#header{
    background: url('/images/header_webcc.png') repeat;
    margin-top: 10px;
}

#header_login{
    background: url('/images/header.png') repeat;
    margin-top: 10px;
}

img.header{
	margin-top: 30px;
	margin-left: 20px;
}

.manina, .pointer{
	cursor:pointer;
}


.details, .details1{
	text-decoration: underline;
}

.response{
	text-align: center;
	font-weight: bold;
	background-color: red;
	color: #FFF;
}

.response_green{
	text-align: center;
	font-weight: bold;
	background-color: green !important;
	color: #FFF;
}

.nascondi{
	display: none;
}

#userinfo{
	width: 1100px;
	height: 20px;
	border-left: 1px solid #0997bb;
	border-right: 1px solid #0997bb;
	background-color: #0997bb;
	color: #FFF;
	font-weight: bold;
    padding-top: 5px;
}

#userinfo a{
	color: inherit;
}

#userinfo_welcome{
	float:left;
	padding-left: 5px;
}

#userinfo_logout{
	float:right;
	padding-right: 5px;
}

#header-bottom{
	background-color: #bad97a;
	width: 1100px;
	height: 10px;
	border-left: 1px solid #0997bb;
	border-right: 1px solid #0997bb;
	border-bottom: 1px solid #0997bb;
}

#menu{
	width: 1100px;
	background-color: #e7e7e7;
	border-left: 1px solid #0997bb;
	border-right: 1px solid #0997bb;
	border-bottom: 1px solid #0997bb;
	border-top: 0px solid #0997bb;
	height: 25px;
	color: #0997bb;
	font-weight: bold;
}

#menu .menu-item, #menu .menu-item-nolink{
	border-right: 1px solid #0997bb;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	float: left;
	width: auto;
	cursor: pointer;
}

#menu .disabled{
	color: lightgray;
	cursor: default;
}

#content{
	width: 1100px;
	text-align: left;
	min-height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
	border-left: 1px solid #0997bb;
	border-right: 1px solid #0997bb;
}

#footer{
	width: 1100px;
	text-align: center;
	border: 1px solid #0997bb;
	background-color: #e7e7e7;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
	font-size: 8pt;
}

.obbligatorio{
	font-weight: bold;
}

.alternativo{
	font-weight: bold;
	font-style: italic;
}

#loading {
    display:    none;
	position:   fixed;
	z-index:    99999999;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgb( 255, 255, 255) 
				url('/images/ajax-loader.gif') 
				50% 50% 
				no-repeat;
	opacity: 0.80;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
	filter: alpha(opacity = 80);
}

.ui-tooltip, .arrow:after {
	background: #0097ba;
	border: 2px solid white;
}

.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}

.arrow.top {
	top: -16px;
	bottom: auto;
}

.arrow.left {
	left: 20%;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}

td.num{
	text-align: right;
}

td.data{
	width: 80px;
	text-align: center;
}

.pulsanti{
	text-align: center;
	padding: 5px;
}

.label{
	font-weight: bold;
	vertical-align: top;
}

.help_contestuale{
	color: blue;
	cursor: pointer;
}

span.bottone{
	background-color: #0997BB;
	padding: 5px;
	border: 1px solid #000;
	cursor: pointer;
}

.tooltip-styling{
	background-color: #0097ba !important;
}

tr.disattivo{
	color: red;
}

td.tck_disattivo{
	font-style: italic;
}

#tbl_user, #tbl_ticket{
	min-height: 0px;
	max-height: 200px;
	min-width: 800px;
	max-width: 1100px;
	overflow: auto;
}

#div_customer_tbl{
	min-height: 0px;
	max-height: 200px;
	min-width: 600px;
	max-width: 750px;
	overflow: auto;
}

.azioni{
	font-size: 8pt;
	font-weight: bold;
	background-color: #FFF; 
	margin-right: 2px; 
	padding: 2px;
	border: 1px solid #000;
}

span.assegna, span.crea_utente{
	color: green;	
}

span.assegnacliente{
	color: blue;	
}

span.chiudi{
	color: black;	
}

span.elimina, span.elimina_richiesta{
	color: red;	
}

span.versione{
	font-color: red;
	font-style: italic;
	font-size: 8pt;
}

span.piccolo{
	font-size: 8pt;
}

span.inputcontainer {
    /*height: 40px;*/
    width: 50px;
    display: block;
    cursor: pointer;
    border: 1px solid #000;
    padding: 10px;
}

#changeapp .app{
    padding: 5px;
    border: 1px solid #0997bb;
    background-color: #EEE;
    color: #0997bb;
    font-weight: bold;
    cursor: pointer;
}

#changeapp a{
    text-decoration: none;
}

img{
    border: 0px;
}

.grafico_table tr.totale{
    font-weight: bold;
}

.grafico_table table td, .grafico_table table th{
    padding: 5px;
}

.grafico_charts{
    margin-top: 20px;
    margin-bottom: 20px;
}

.grafico_title{
    padding: 10px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}

.grafico_table table tr th{
    background-color: #DDD;
}

.grafico_table table tr.totale{
    background-color: #EEE;
}

#tbl{
	overflow: auto;
}

.combo-helper{
	border-color: green;
	border-width: 2px;
}

.combo-helper.empty{
	border-color: #DDD;
}
#f_stats_filter .column{
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 5px;
}

#f_stats_filter .column label, #f_stats_filter .column input{
	cursor: pointer;
}

#f_stats_filter .column.checked{
	background-color: yellow;
}

/* .stats-col ul, .stats-col ol { list-style-type: none; margin: 5px 0; padding: 0;}
.stats-col ul li, .stats-col ol li { padding: 5px; margin: 2px; text-align: left;}
.stats-col.ui-accordion .ui-accordion-content, #stats_droppable {padding: 0 5px;}
.stats-col {width: 100%;}

#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } */