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

@media print {
	body { padding-top: 0px; }
	h3 {
		margin-top: 0px;
		margin-bottom: 5px;
	}

	h4, h5 {
		margin-top: 0px;
		margin-bottom: 2px;
	}

	.noprint {display:none !important;}

	.panel-body, .panel-heading {
		padding: 8px;
	}

	.editable-click, a.editable-click, a.editable-click:hover {
	    border-bottom: 0px;
	}

	.istruzioni-domanda {
		font-size: smaller;
	}

	*.td-risposte .btn-default {
		color: #EEEEEE !important;
	}

	*.td-risposte .btn-success {
		color: #468847 !important;
	}

	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	    padding: 2px;
	}

	/* nasconde tooltip */
	.tooltipster-content, .tooltipster-base, .tooltipster-box { 
		display: none; 
	}


	/* forza colorazioni in versione stampabile */
	.panel-info>.panel-heading {
	    color: white !important;
	    background-color: #033c73 !important;
	    border-color: #dddddd !important;
	}

	.panel-default .panel-heading {
	    background-color: #747474 !important;
	    color: white !important;
	}

	.bg-danger, .table td.bg-danger, .table th.bg-danger {
	    background-color: #f2dede !important;
	}

	.bg-warning, .table td.bg-warning, .table th.bg-warning {
	    background-color: #fcf8e3 !important;
	}

	.bg-success, .table td.bg-success, .table th.bg-success {
	    background-color: #dff0d8 !important;
	}

	.bg-info, .table td.bg-info, .table th.bg-info {
	    background-color: #d9edf7 !important;
	}

	.alert-success {
	    background-color: #dff0d8 !important;
	    border-color: #d6e9c6 !important;
	    color: #468847 !important;
	}

	.alert-warning {
	    background-color: #fcf8e3 !important;
	    border-color: #fbeed5 !important;
	    color: #c09853 !important;
	}

	.alert-danger {
	    background-color: #f2dede !important;
	    border-color: #eed3d7 !important;
	    color: #b94a48 !important;
	}
	
}



@media screen {
	body {
		padding-top: 50px;
		padding-bottom: 50px; /* importante se presenza di footer fisso */
	}
	.noscreen {
		display:none !important;
	}
}

	/* Copertina */
	.ReportCopertina {
		text-align: center;
		page-break-after: always;
	}	

		.ReportCopertina .logo_revisore {
			margin-top: 20px;
			height: 100px;
			text-align: right;
		}
			.ReportCopertina .logo_revisore img {
				max-width: 200px !important
			}

		.ReportCopertina .titolo {
			font-size: 34px;
			margin-top: 200px;
		}

		.ReportCopertina .revisore {
			font-size: 16px;
			margin-top: 40px;
		}

			.ReportCopertina .revisore b {
				font-size: 26px;
				margin-top: 30px;
			}

		.ReportCopertina .cliente {
			font-size: 26px;
			color: #6699cc;
			margin-top: 60px;
		}

		.ReportCopertina .periodo {
			font-size: 20px;
			margin-top: 20px;
			margin-bottom: 250px;
		}

		.ReportCopertina .logo_1audit {
		}
			.ReportCopertina .logo_1audit img {
				margin-top: 10px;
				width: 100px;
			}

/* *** 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 ****************/
/****************************************/
/****************************************/
.btn-scroll-top {
	position: fixed;
	bottom: 50px;
	right: 30px;
}

.intestazione h3 {
	font-size: 24px;
	transition: 500ms linear; 
	border-bottom: 1px solid white;
}

.list-group-item-default {
    color: #6a6969;
    background-color: #e8e8e8;
}

@media screen {
	.intestazione_fissa {
		position: fixed;
		top: 40px;
		padding-right: 8px;
		background-color: white;
		width: 100%;
		opacity: 0.95;
		filter: alpha(opacity=95); /* For IE8 and earlier */
		z-index:1000000;
		border-bottom: 1px solid #EFEFEF;
	}

		.intestazione_fissa h3 { 
			font-size: 20px;
			transition: 500ms linear;
			margin-top: 18px; 
			margin-bottom: 2px; 
			transition: 500ms linear;			
		}
			

}

.table>tbody>tr>td.td-risposte, .table>tbody>.tr_incarico_utenti>td {
	vertical-align: middle;
}

/* crea spazio per non sovrapporre la spunta di validazione form al testo */ 
.input-group-addon:last-child {
    padding-right: 30px;
}

.istruzioni {
	color: #7d7d7d;
	background-color: #f5f5f5;
	border-color: #d6d8db;
	margin-top:10px;
	margin-bottom:10px;
}

.indice_visibile a {
	color: white;
}

.indice_visibile a:hover {
	color: #EFEFEF;
}

.report_completo .noreport, .report_completo .indice_visibile {
	display: none !important;
}

.report_completo .page_break {
	page-break-after: always;
}

/* CRISI D'IMPRESA */
	.DIVCrisiImpresa input {
		margin-left: 20px;
	}

	.CI_domanda {
		color: #468847;
	}

	.table_crisi_impresa>tbody>tr>td {
	    padding: 2px;
	}

/* BILANCIO MAPPATURA CONTI */ 
	#DIVMappa, #DIVConti {
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.btn-bilancio-SP_CE {
		border-color: #7cb8ec;
		background-image: linear-gradient(to bottom,#72beff 0,#65a0d3 100%);
	}
	.btn-bilancio-SP_CE:focus, .btn-bilancio-SP_CE:hover {
	    border-color: #62b6e5;
	    background-color: #61a1da;
	}

	.btn-bilancio-SP_AP {
		border-color: #83c7db;
		background-image: linear-gradient(to bottom,#bcdde8 0,#7ccce3 100%);
	}
	.btn-bilancio-SP_AP:focus, .btn-bilancio-SP_AP:hover {
	    border-color: #83c1fa;
	    background-color: #7fcde3;
	}

	.btn-bilancio {
		margin-bottom: 4px;
		text-align: left;
	}

	.btn-conto {
		text-align: left;
		margin-bottom: 4px;
	}

	.livello_conto {
		padding-left: 100px;
	}

	.btn-success-light {
		background-image: linear-gradient(to bottom,#cffacf 0,#a6f6a6 100%)
	}

/* RATING INDICI MAPPATURA CONTI */
@media screen, print {
	.table td.ratingA {
		background-color: #77ff77 !important;
	}

	.table td.ratingB {
		background-color: #daff77 !important;	
	}

	.table td.ratingC {
		background-color: #fff877 !important;
	}

	.table td.ratingD {
		background-color: #ffd977 !important;
	}
	.table td.ratingE {
		background-color: #ff7b77 !important;
	}

	.table td.ratingF {
		background-color: #fc4b46 !important;
	}	
}

	.RatingTable td {
		padding-left: 3px !important;
		padding-right: 3px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		vertical-align: middle !important;
	}

	.panel-default .panel-heading {
		background-color: #747474;
		color: white;
	}


/* BILANCIO - REPORT */
	.DIVBilancio a, .DIVBilancioStampabile a {
		color: black;
		text-decoration: none;
	}

	.DIVBilancioStampabile {
		width: 700px;
	}

	.DIVBilancioStampabile .noprint {
		display:none !important;
	}

	.DIVBilancio .colonna, .DIVBilancioStampabile .colonna {
		border-right: 1px solid black;
	}

	/* colonna delle note */
	.DIVBilancio .colonna.noprint {
		border-right: 0px !important;
	}
	
	.riga_sezione:hover, .riga_sottosezione:hover, .riga_voce:hover, .riga_conto:hover, .riga_totali:hover {
		background-color: #f9f9f9;
	}

	.riga_sezione, .riga_totali {
		font-weight: bold;
	}

	.divisorio-conto {
		color: #e2e2e2;
	}

	.riga_voce a {
		display: block !important;
	}

	.riga_conto {
		
	}

	.DIVBilancio .perc {
		white-space: nowrap;
	}

	.colonna {
		padding-left: 4px;
		padding-right: 4px;
	}
	/* spaziature tra voci */
	.riga_sottosezione .colonna  {
		padding-top: 10px;
		font-size: 90%;
	}

	.riga_totali .colonna  {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* dimensione testi vari livelli */
		.riga_sottosezione, .riga_totali {
			font-size: 15px;
	    	font-weight: bold;
		}

		.riga_voce_livello_1  {
			font-size: 15px;
	    	font-weight: bold;
		}

		.riga_voce_livello_3 {
			
		}

	/* spaziatura livelli */
		.riga_voce_livello_1 .colonna  {
			padding-top: 8px;
		}

		.riga_voce_livello_2 .colonna {
			padding-top: 5px;
		}

		.riga_voce_livello_3 .colonna {
			padding-top: 2px;
		}


	/* RICLASSIFICAZIONE */
		.riclassificato_tot1 td {
			background-color: #EFEFEF;
			font-weight: bold;
		}

		.riclassificato_tot2 td {
			background-color: #DDDDDD;
			font-weight: bold;			
		}

	/* spaziatura livelli (tabella configurazione per admin) */
		.TableRiclassificazione .livello_1 {
			font-weight: bold;
		}

		.TableRiclassificazione .livello_2 {
			padding-left: 20px;
		}

		.TableRiclassificazione .livello_3 {
			padding-top: 2px;
			padding-left: 40px;
			font-size: small;
		}

		.TableRiclassificazione .livello_4 {
			padding-top: 1px;
			padding-left: 60px;
			font-size: smaller;
		}




	/* BILANCIO STAMPABILE */
	/* a video porta il div fuori dalla visualizzazione */
	@media screen { 
		.DIVBilancioStampabile {
			position: fixed;
			top: 10000px;
			right: 10000px;
		}
	}

	.DIVBilancioStampabile {
		font-size: 70%;
	}

		.DIVBilancioStampabile .riga_sottosezione, .riga_totali {
		    font-size: 12px;
		    font-weight: bold;
		}

		.DIVBilancioStampabile .riga_voce_livello_1 {
		    font-size: 11px;
		    font-weight: bold;
		}

		.DIVBilancioStampabil .perc {
			white-space: nowrap;
		}


	/* campo input valori scrittura di rettifica */
	#DIVCreaRettifica .has-feedback .form-control {
		padding-right: 10px;
	}

	.panel-scrittura-rettifica .panel-heading {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 16px;
	}

	.panel-warning-light {
	    background-color: #ffc16c;
	}

/* FINE BILANCIO */


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;
}

/*************************************/
/*************** 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 ***************/
/****************************************/
/****************************************/

.tooltipster-content hr {
	margin-top: 3px;
	margin-bottom: 3px;
}

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 td.minwidth {
	width: 1px;
}

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;
}

/* nasonde x o v del form validator per campi di tipo switch*/
.bootstrap-switch-container .form-control-feedback {
	display: none !important;
}

/* ------------------- ------- ----------------------- */
/* ------------------- 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
*/
/* PERSONALIZZAZIONE MENU' BOOTSRAP */
	
	/* grigio */
	.navbar-grigio {
		background-image:linear-gradient(#484e55, #3a3f44 60%, #313539);	
		border-bottom: 1px solid rgba(0, 0, 0, 0.6);
		color: #c8c8c8;
	}
	
	.navbar-grigio .navbar-brand:hover, .navbar-grigio .navbar-brand:focus, .navbar-grigio .navbar-brand, .navbar-grigio .navbar-nav > li > a {		
		color: #c8c8c8;
	}
	
	.navbar-grigio .navbar-nav > li > a:hover {
		background-image: linear-gradient(#020202, #101112 40%, #141618);		
	}

	.navbar-grigio .navbar-nav>.open>a, .navbar-grigio .navbar-nav>.open>a:hover, .navbar-grigio .navbar-nav>.open>a:focus {
		background-image: linear-gradient(#020202, #101112 20%, #141618);
	}
		
	.navbar-grigio .dropdown-menu {
		background-color: #3a3f44;
	}
	
	.navbar-grigio .dropdown-menu > li > a:hover, .navbar-grigio .dropdown-menu > li > a:focus, .navbar-grigio .dropdown-menu > li > a {		
		color: #c8c8c8;
	}
	
	.navbar-grigio .dropdown-menu > li > a:hover, .navbar-grigio .dropdown-menu > li > a:focus {		
		background-image: linear-gradient(#020202, #101112 40%, #141618);		
	}
	
	/* bianco */
	.navbar-bianco .navbar-collapse, .navbar-bianco .navbar-form, .navbar-bianco {
		background-color: #ffffff;
		border-bottom: 0px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	}
	
	.navbar-bianco .navbar-brand, .navbar-bianco .navbar-nav > li > a {		
		color: #666666;
	}
	
	.navbar-bianco .navbar-brand:hover, .navbar-bianco .navbar-brand:focus {		
		color: #212121;
	}
	
	.navbar-bianco .navbar-nav > li > a:hover, .navbar-bianco .navbar-nav > li > a:focus, .navbar-bianco .navbar-nav>.open>a, .navbar-bianco .navbar-nav>.open>a:hover, .navbar-bianco .navbar-nav>.open>a:focus {
		background-color: #ffffff;
		color: #212121;
	}
	
	.navbar-bianco .dropdown-menu > li > a:hover, .navbar-bianco .dropdown-menu > li > a:focus, .navbar-bianco .dropdown-menu > li > a {		
		color: #666666;
	}
	
	.navbar-bianco .dropdown-menu > li > a:hover, .navbar-bianco .dropdown-menu > li > a:focus {		
		background-color: #eeeeee;
	}	

/* sistema problema scroll alla chiusura di un modal con altro modal attivo (es. x conferma eliminazione) */
.modal { overflow: auto !important; }

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

.alert-default {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.text-default {
	color: #999999;
}

.bg-default {
	background-color: #f5f5f5;
}

/* 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;
}

/* Data-Tables */

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

	table.dataTable {
		border-collapse: collapse;
	}

	table.dataTable thead th, table.dataTable thead td, table.dataTable td, table.dataTable tbody td {
		border-collapse: collapse;
		border-bottom: 1px solid #dddddd;
	}

	.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	    border-bottom-width: 0px;
	}

	/* Pulsante "colonne" */
	button.ColVis_Button {
	    padding: 3px 60px;
	}

	/* Campo "Cerca" */
	.dataTables_wrapper .dataTables_filter input {
	    margin-top: 2px;
	    margin-right: 4px;
	    border: 1px solid #cccccc;
    	border-radius: 4px;
		padding: 3px 3px;   	
	}

/* 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;
}

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

.row-padding-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>*/
    font-size: 12px;
}

.bold {
    font-weight: bold;
}
/*
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center {
	TEXT-ALIGN: center;
}

.nowrap {
	WHITE-SPACE: nowrap;
}



.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, .form-inline .form-control.x-editor-200px, .editableform .form-control.x-editor-200px {
	WIDTH: 200px;
}

.x-editor-300px, .form-inline .form-control.x-editor-300px, .editableform .form-control.x-editor-300px {
	WIDTH: 300px;
}

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

.x-editor-inline {
	margin-left: 14px;
	width: 700px !important;
}

/****************/
/* 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 ***/
/*************/

	.logo_login {
		MARGIN-TOP: 20px;
		WIDTH: 200px;
	}

	.DIVLogin {
		WIDTH: 420px;	
		HEIGHT: 400px;
		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=70); /* 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: 110px;
	}
	
	.navbar-header img {
		POSITION: absolute; 
		TOP: 5px; 
		LEFT: 15px;
		HEIGHT: 40px;		
	}

/*****************/
/*** 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) */
	}