/* DEBUG */
.bgdebug {
	BACKGROUND: #009900;
}

/* No Print */
@media print {
 .noprint {display:none !important;}
}

/* *** Z-INDEX ***

.DIVLogin = 1
#DIVLoginBackground = 1
#DIVMainMenu = 200000 (sopra a schede flottanti)
.DIVFooter = 1
#DIVContenuto = 0
#tiptip_holder = 200000
schede flottanti a partire da 500 (impostato in schede.js)
box Modali partono da 1040
*/

/****************************************/
/****************************************/
/**************** CUSTOM ****************/
/****************************************/
/****************************************/

.TitleReference {
	COLOR: green;
	FONT-WEIGHT: bold;
}

td.is-visible {
    color: #468847;
    background-color: #dff0d8 !important;
}

td.is-hidden {
    color: #ccc;
    background-color: #f9f9f9 !important;
}

.item {
	FONT-WEIGHT: bold;
	/* font-style: italic */
	COLOR: #555555;
}

/* impedisce gli a capo per il simbolo euro */
.table_commesse_dati_economici td.text-right, .table_report_commesse td.text-right {
	white-space: nowrap;
}

.totali_dati_economici {
	font-weight: bold;
}

.totali_dati_economici .bg-primary {
	background-color: #4191bf;
}

.totali_dati_economici .bg-danger, .totale_costi_commessa {
	background-color: #f4b1b1;
}

.totali_dati_economici .bg-success {
	background-color: #acfc8a;
}

/*************************************/
/*************** FONTS ***************/

@font-face {
     font-family: 'Ubuntu';
     src: url('../fonts/ubuntu/Ubuntu-R.ttf');
}

/*************/
/* NAILTHUMB */
.square-thumb {
	width: 150px;
	height: 150px;
}

.square-thumb-big {
	width: 500px;
	height: 500px;
}

/****************************************/
/****************************************/
/*************** STANDARD ***************/
/****************************************/
/****************************************/
body {
	/*FONT-SIZE: 14px;*/ /* default 14; usare 14 per Ubuntu */		
	/*
	BACKGROUND: url('../images/bg/contenuto-bg.png') repeat-x center top;
	BACKGROUND-ATTACHMENT: scroll;	
	*/
	PADDING-TOP: 50px;
	PADDING-BOTTOM: 50px; /* importante se presenza di footer fisso */
}

body, h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6, .tooltip, .popover {
	font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;		
}


table th, table.dataTable thead {	
	BACKGROUND: white;
	/*BACKGROUND: #ECF7FD;*/
	/*BACKGROUND: #2fa4e7;*/ /*stesso di navbar-default*/
	/*COLOR: white;*/
}

table td.minwidth {
	WIDTH: 1px;
}

P {
	MARGIN: 0px;
	MARGIN-TOP: 4px;
	MARGIN-BOTTOM: 4px;
}

form {
	MARGIN: 0px;
}

.form-group {
	MARGIN-BOTTOM: 10px; /*default 15px*/
}

.form-slider {
	padding: 14px;
}

.dropdown-menu hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* iniziale maiuscola di ogni parola */
.InizialeMaiuscola {
	text-transform:capitalize;
}

/* ------------------- ------- ----------------------- */
/* ------------------- GOOGLE MAP -------------------- */
/* ------------------- ------- ----------------------- */
#map, .map {
	WIDTH: 99%;
	HEIGHT: 400px;
	BORDER: 1px solid #CCCCCC;
	PADDING: 2px;	
}

div.markerTooltip, div.markerDetail {
	color: black;
	font-weight: bold;
	background-color: white;
	/*Forza su un'unica riga*/
	/*white-space: nowrap;*/
	width: 150px;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;	
}

/***********************/
/* BOOTSTRAP REFERENCE */
/***********************/

/*  
http://www.w3schools.com/bootstrap/bootstrap_typography.asp

<mark> 				//evidenzia sfondo testo
<abbr> 				<abbr title="World Health Organization">WHO</abbr>
<blockquote>		//linea grigia a lato del paragrafo (es. per citazione)
<dl>				<dl><dt>List 1</dt><dd>- item 1</dd><dt>List 2</dt><dd>- item 2</dd></dl>
<code>				//formattazione per codice testo rosso su sfondo rosso chiaro
<kbd>				//testo grigio chiaro su sfondo grigio scuro
.text-muted
.text-important		grigio
.text-success		azzurro
.text-info			verde
.text-warning		marroncino
.text-danger		rosso

.bg-important		sfondo blu
.bg-success			sfondo verde
.bg-info			sfondo azzutto
.bg-warning			sfondo marroncino 
.bg-danger:			sfondo rosso


*** ALTRE CLASSI ***
.lead				<p class="lead">Paragrafo in evidenza</p>
.small
.text-left
.text-center
.text-right
.text-justify
.text-nowrap
.text-lowercase
.text-uppercase
.text-capitalize
.list-unstyled		<ul class="list-unstyled">...</ul> 		//removes the default list-style and left margin on list items
.list-inline		<ul class="list-inline">...</ul>		//all list items on a single line
.dl-horizontal		<dl class="dl-horizontal"><dt>List 1</dt><dd>- item 1</dd><dt>List 2</dt><dd>- item 2</dd></dl>
.pre-scrollable		//Makes a <pre> element scrollable
*/

/* VARIANTI BOOTSTRAP */
.alert {
	padding: 8px 8px 8px 14px; /*padding ridotto*/
	margin-bottom: 10px;		/*margine ridotto*/
	/* border: 1px solid #fbeed5; */ /*bordo chiaro*/
}

/* PER NAVIGAZIONE CON TAB SCROLLSPY */
.scroll-area {	
	position: relative;
	overflow: auto;
}

/* CAROSELLO IMMAGINI */
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3,.carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
	COLOR: white;
}

/* TABELLE */
	/* bordo tabella
	.table-bordered > thead > tr > th,
	.table-bordered > tbody > tr > th,
	.table-bordered > tfoot > tr > th,
	.table-bordered > thead > tr > td,
	.table-bordered > tbody > tr > td,
	.table-bordered > tfoot > tr > td {
		border: 1px solid #dddddd;
	}
	*/
	
	/* righe evidenziate sull'hover
	.table-hover > tbody > tr:hover > td,
	.table-hover > tbody > tr:hover > th {
		background-color: #f5f5f5;
	}
	*/
	
/* VERSIONE STAMPABILE PROGRESS-BAR (colore sfondo) */
	@media print{       
		.progress{
			background-color: #F5F5F5 !important;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#F5F5F5')" !important;
		}
		.progress-bar-info{
			display: block !important;
			background-color: #5BC0DE !important;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5BC0DE', endColorstr='#5BC0DE')" !important;
		}
		
		.progress-bar-danger{
			display: block !important;
			background-color: #C71C22 !important;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C71C22', endColorstr='#C71C22')" !important;
		}
		
		.progress-bar-warning{
			display: block !important;
			background-color: #DD5600 !important;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DD5600', endColorstr='#DD5600')" !important;
		}
		
		.progress-bar-success{
			display: block !important;
			background-color: #73A839 !important;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#73A839', endColorstr='#73A839')" !important;
		}
	
		.progress, .progress > .progress-bar {
			display: block !important;
			-webkit-print-color-adjust: exact !important;
	
			box-shadow: inset 0 0 !important;
			-webkit-box-shadow: inset 0 0 !important;
		}   
	}		


/**************************************/
/* STILI BASE IN AGGIUNTA A BOOTSTRAP */
/**************************************/

.pointer {
	CURSOR: pointer;
	cursor: hand;
}

.center-element {
	margin: 0 auto; 
}

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.noborder {
	BORDER: 0px;
}

.display-none { 
    display: none;  /* hide di bootstrap è "none !important" */
}

.display-block {
    display: block;
}

.clear-both {
    clear: both;
}

.row-margin-top {
    margin-top: 10px;
}

.row-margin-bottom {
    margin-bottom: 10px;
}

.label-as-badge {
    border-radius: 1em; /*come badge ma con possibilita' di colorazione es <span class="label label-success label-as-badge">Yay!</span>*/
}
/*
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center {
	TEXT-ALIGN: center;
}

.nowrap {
	WHITE-SPACE: nowrap;
}

.bold {
    FONT-WEIGHT: bold;
}

.relative {
	POSITION: relative;
}

.absolute {
	POSITION: absolute;
}


*/

/* FONT SIZE 
.f9 {FONT-SIZE: 9px;}
.f10 {FONT-SIZE: 10px;}
.f11 {FONT-SIZE: 11px;}
.f12 {FONT-SIZE: 12px;}
.f14 {FONT-SIZE: 14px;}
*/

/* ICON SIZE 
.icon16 {WIDTH: 16px;}
.icon24 {WIDTH: 24px;}
*/

/* WIDTH PERCENTUALE 
.W10 {WIDTH: 10%;}
.W20 {WIDTH: 20%;}
.W30 {WIDTH: 30%;}
.W40 {WIDTH: 40%;}
.W50 {WIDTH: 50%;}
.W60 {WIDTH: 60%;}
.W70 {WIDTH: 70%;}
.W80 {WIDTH: 80%;}
.W90 {WIDTH: 90%;}
.W100 {WIDTH: 100%;}
*/

/*************/
/* X-EDITOR  */
/*************/
.x-editor-200px {
	WIDTH: 200px;
}

.x-editor-300px {
	WIDTH: 300px;
}

.form-control.x-editor-500px {
	WIDTH: 500px;
}

/****************/
/* ORDINAMENTO  */
/****************/
.sortable {
	list-style-type: none;
	padding-left:0px;
}

/**************/
/* STILI FORM */
/**************/

/* abbinato a funzione per modifica inline */
.update_valore {
	TEXT-DECORATION: underline;
	COLOR: #0099FF;
	FONT-WEIGHT: bold;	
}
	

/*************/
/*** LOGIN ***/
/*************/

	.DIVLogin {
		WIDTH: 420px;	
		HEIGHT: 340px;
		Z-INDEX: 1; 
		BACKGROUND-COLOR: #FFFFFF;
		COLOR: #18558B;		
		PADDING: 30px;	
		PADDING-TOP: 10px;
		border-radius: 10px;
	}

		.VersioneProgramma {
			POSITION: absolute;
			BOTTOM: 10px;
			RIGHT: 10px;
		}

	#DIVLoginBackground {
		filter:alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;	
		Z-INDEX: 1;
		POSITION: absolute;
		TOP: 0px;
		LEFT: 0px;
		WIDTH: 100%;
		HEIGHT: 100%;
		BACKGROUND-COLOR: black;			
	}

	/* per mobile */
	@media (max-width: 420px) {
		.DIVLogin {
			WIDTH: 90%;	
			PADDING: 10px;	
		}
		
		#DIVLoginBackground {
			DISPLAY: none;
		}
	}
	
/**************/
/*** FOOTER ***/
/**************/

	/* nascosto su device con display < 768px (classe bootstrap .hidden-xs)*/
	.DIVFooter {
		POSITION: fixed; 
		BOTTOM: 0px;
		RIGHT: 0px;
		/* BACKGROUND: #18558B url('../images/bg/title-bg.gif') repeat;	*/
		BACKGROUND: #1995dc;
		Z-INDEX: 1;
		TEXT-ALIGN: center;
		COLOR: #FFFFFF;	
		border-top-left-radius: 10px;	
		box-shadow:2px 2px 5px 5px #666666;
		-webkit-box-shadow:2px 2px 5px 5px #666666;
		-moz-box-shadow:2px 2px 5px 5px #666666;
		/*semi trasparenza*/
		opacity: 0.7;
		filter: alpha(opacity=90); /* For IE8 and earlier */	
	}

		.DIVFooter div {
			PADDING: 2px;		
			PADDING-LEFT: 15px;	
			PADDING-RIGHT: 15px;	
		}

		.DIVFooter a {
			COLOR: #FFFFFF;		
		}	
	
/*****************/
/*** MAIN MENU ***/
/*****************/	
#DIVMainMenu {
	Z-INDEX: 200000;
}

	#DIVMainMenu .dropdown-menu {
		Z-INDEX: 200000;
	}
	
	.navbar-logo {
		WIDTH: 160px;
	}
	
	.navbar-header img {
		POSITION: absolute; 
		TOP: 0px; 
		LEFT: 0px;
		HEIGHT: 50px;		
	}

/*****************/
/*** CONTENUTO ***/
/*****************/
	#DIVContenuto {
		Z-INDEX: 0;
		POSITION: relative;
		PADDING: 4px;
		PADDING-TOP: 10px;	
		PADDING-BOTTOM: 10px;
	}
	
/************************/
/*** SCHEDE FLOTTANTI ***/
/************************/
	.scheda_flottante {
		BORDER: 1px solid #666666;
		BORDER-RADIUS: 4px;
		BACKGROUND: white;
		POSITION: fixed;
		TOP: 0px;
		LEFT: 0px;		
	}
	
		.scheda_flottante .title_bar {
			WIDTH: 100%; 
			HEIGHT: 22px;
			BACKGROUND: url(../images/bg/header_scheda.png) repeat center left;			
			CURSOR: move;
			FONT-SIZE: 13px;
			COLOR: white;
			PADDING-LEFT: 4px;
			PADDING-TOP: 1px;
		}
		
			.scheda_flottante .title_bar img {
				CURSOR: pointer; 
				POSITION: absolute; 
				TOP: 0px;
				RIGHT: 23px; 
			}
			
			.scheda_flottante .title_bar .ico_minimize {
				RIGHT: 46px; 
			}
			
			.scheda_flottante .title_bar .ico_fullscreen {
				RIGHT: 23px; 
			}
			
			.scheda_flottante .title_bar .ico_close {
				RIGHT: 0px; 
			}
			
			.scheda_flottante .title_bar input { /*per debug*/
				COLOR: black;
				FONT-SIZE: 10px;
				WIDTH: 40px;
			}
			
		.scheda_flottante .title_bar_shadow {
			WIDTH: 100%;	
			HEIGHT: 4px;
			BACKGROUND: url('../images/bg/title_bar_shadow.png') repeat-x;		
		}			
	
	.scheda_flottante .contenutoScheda {
		PADDING: 10px;
		OVERFLOW: auto;
	}
	
	.scheda_flottante .contenutoScheda H3, .scheda_flottante .contenutoScheda H4, .scheda_flottante .contenutoScheda H5 {
		MARGIN-TOP: 0px;
	}
	
		.scheda_flottante .contenutoScheda .row {
			COLOR: #999999;
		}
		
		.scheda_flottante .contenutoScheda .row span {
			/* FONT-WEIGHT: bold; */
			/* font-style: italic */
			COLOR: #555555;
		}
		
		/* per placeholder select2 */
		.scheda_flottante .contenutoScheda .row span.select2-chosen {
			COLOR: #999999;
		}
	
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
		color: white;
		background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
		background-image: -o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5));
		background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
		background-repeat: no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);		
	}
	
	/* tab color 
	.nav-tabs>li>a {
	  background-color: #333333; 
	  border-color: #777777;
	  color:#fff;
	}
	*/

	/* active tab color 
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	  color: #fff;
	  background-color: #666;
	  border: 1px solid #888888;
	}
	*/

	/* hover tab color 
	.nav-tabs>li>a:hover {
	  border-color: #000000;
	  background-color: #111111;
	}	
	*/
	
	.scheda_flottante  .sottoscheda {
		BACKGROUND: #EFEFEF;
		OVERFLOW: auto;
	}

		.scheda_flottante  .sottoscheda .tab-pane {
			PADDING: 6px;
		}
		
	.scheda_flottante  form h4 {
		FONT-WEIGHT: bold;
		MARGIN: 0px;
	}	
		
/*********************/
/*** FULL CALENDAR ***/
/*********************/	
	.fullcalendar {
		max-width: 900px;
		margin: 0 auto;
	}

	/* the 'fix' for the datepicker when using jquery layout */
	#ui-datepicker-div {
		z-index: 5; 
	}		
	
		.fullcalendar .fc-event-icons {
			DISPLAY: inline-block; 
			POSITION: absolute; 
			RIGHT: 5px; 
			FONT-SIZE: 14px;
		}
		
		.fullcalendar .fc-event-icons a{
			COLOR: WHITE;
		}
		
				
/*********************/
/*** FULL CALENDAR ***/
/*********************/		
	.google_chart {
		DISPLAY: none;
	}
		
	.GoogleChart {
		PADDING: 10px;
		BORDER: 1px solid #CCCCCC;
		MARGIN-TOP: 10px;		
	}
	
	.GoogleChartFullSize {
		WIDTH: 100%;
		HEIGHT: 100%;
	}

/*******************/
/*** CHARTINATOR ***/
/*******************/	
	.ChartFullWidth {
		Width: 99%; /* risolve problema se grafico in panel (altrimenti scompare bordo dx) */
	}