/*
	Foglio di stile principale.
	 
	(vedere anche tema di jquery-ui e relativo 
	override (jquery-ui-override.css)) 
	
	TODO : riverificare se gli stili non standard sono ancora utilizzati (es: testo_iscrizione_bordo, tabella_vuota, ... )
*/

body {
	background-color: #FFFFFF;
	color: #000000;
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 0px;
	/*background: #FFFFFF url("../IMG/content_pat.gif") 0px 53px repeat-x scroll;*/	
}


body,
label,
td,
span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img
{
	border: 0px solid black;
}

input {
   height: 25px !important;
   font-size: 11px !important;
   line-height: 14px !important;
   text-transform: uppercase;
   padding: 6px !important;
}
/*
.bootstrap-select > .dropdown-toggle {
	 height: 25px !important;
}
*/

/* 
Stile utilizzabile per 'header' da mettere nella parte 'content'
di una pagina (i.e. una specie di sotto-intestazione)
*/
.contentHeader {
	background-image: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.contentHeader TD {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*	-------------------------------------	Stili degli input	*/
/*
.inputGenerico
{
	padding-left: 2px;
	padding-right: 0.1em;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	border: 1px solid gray;
	background-color: #FFFFFF;
	margin-bottom: 0;
}
*/
.inputTipoIndirizzoEMail
{
/* 	text-align: left; */
	text-transform: none;
}

.inputTipoTestoAlfabetico,
.inputTipoTesto
{
	/*	Specifico per il testo	*/
	text-align: left;
	text-transform: uppercase;
}

.inputTipoNumero
{
	/*	Specifico per i numeri	*/
	text-align: right;
}

.inputTipoPartivaIVA {
	text-align: left;
}

.inputTipoTestoNumerico {
	text-align: left;
}

.inputIBAN {
	text-align: left;
}

.checkbox
{
	border: 0px !important;
	margin-bottom: 0px;
	/* IE (almeno fino alla versione 7) non gestisce in modo 
	corretto un assegnamento a background-color: anche mettendo
	transparent il checkbox 'perde' l'aspetto flat. L'unico modo
	per far mantenere il 'flat' e' NON assegnare un valore
	a background-color
	*/
	/* background-color: transparent; */
}


/* 
input.required[type="checkbox"] {
	border: 0px;
	margin-bottom: 0px;
	background:#f00;
}
*/

/*	Messaggi di errore */

.area_messaggi_errore
{ 	 	
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	vertical-align: middle;
	border: solid;
	border-color: #dfe2e5 #dfe2e5 #dfe2e5 #dfe2e5;
	border-width: 1px;
	background-color: #ffffff;
	
	padding: 2px 2px 2px 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
  	margin-right: 2px;
  	margin-right: 20px;
  	
  	clear: both;
}

/* 
	Stile per tabella non contenute in tabs e/o accordion (es: alcuni quadri di dettaglio)
	Da tenere allineato al tema di JQuery-UI (e relativo ovveride) 
*/

.sfondoTabellaSenzaContainer {
	background: url("../IMG/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE;
}


/* Questi stili sono usati in nuovaPratica.jsp e impostaZonaLavoro.jsp e nella griglia */
.testo, .testoinputnoupper, .testoinput
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253e53;
	font-weight: normal;
}

.testoinputnoupper, .testoinput
{
	border: 1px #999999 solid;
	background-color: #FFFFFF;
}
.testoinput
{
	text-transform: uppercase;	
}

.testo_iscrizione_bordo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
	border-color: white white black black;
	padding-left: 5px;
	padding-bottom: 0px;
	line-height: normal;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #253E53;
	/*font-weight: bold;*/
}

.testo_iscrizione_nobordo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253e53 ;
	padding-right: 10px;
	border-color: white white black black;
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: normal;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px
}
.tabella_vuota {
	border-color: white white black black;
	/*font-weight: bold;*/
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.tabella_vuota_nobordo {
	border-color: white white black black;
	font-weight: bold;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabella_vuota_close {
	border-color: white white white white;
	/*font-weight: bold;*/
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Questi stili sono usati in nuovaPratica.jsp e elencoPratiche.jsp e nelle griglie */
.testo_sfondo_iscriz
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253e53;
	/*
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	*/
	line-height: normal;
	/*
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-color: #dfe2e5 #dfe2e5 black black;
	*/
	/*background-color: #dfe2e5;*/
}

/* Usato su Riepilogo pratica e nei filtri  */
.testologin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253e53;
	padding-right: 15px;
	font-weight: bold;
}

.testo_no_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253e53;
	padding-right: 15px;
}

/* Usato nei filtri */
.testo_readonly {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253e53 ;
	border: none;
	background-image: url("../IMG/pattern_sfumatura_lunga.gif")	                  
}


/* Usati nella griglia (elenchi) vecchio stile */

.datagrid {
	/*border: 1px solid #eef0f1;*/
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #253E53;
	border-collapse: collapse;
}

.datagrid td {
	padding: 3px;
}

.datagrid tr.numeri_tab_cosa_fare a,
.datagrid tr.numeri_tab_cosa_fare a:visited,
.datagrid tr.numeri_tab_cosa_fare a:hover {
	text-decoration: none; 
	color: #3E3E3E;
}

.numeri_tab_cosa_fare {
	background-image: url("../IMG/grid_search_pat.gif");
	line-height: 22px;
	font-family: arial;
	font-size: 12px;
	color: #253E53;
	font-weight: bold;
	background-color: #E5F2FF;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	text-align: center ;
}

.numeri_tab_cosa_fare td {
	border-color: #D0D0D0;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

.rows
{
	background-color: #FFFFFF;
}

.hiliterows {
	background-color: #CBE9FF;
}

.alternaterows {
	background-color: #F8F8F8;
}

/* Griglia dinamica */

.dynamicGrid_row {
	background-color: #FFFFFF;
}

.dynamicGrid_altRow {
	background-color: #EFEFEF;
}

/* Bottoni (parte comune) */

.bottoneImmagine {
	height: 21px;
	/*line-height: 18px;*/
	border: 0px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-align: center;
	padding: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left;	
	margin: 0px;
	cursor: pointer; 
}

.bottoneImmagine:hover {
	color: white;
}

.bottone60 {
	width: 60px;
}
	
.bottone90 {
	width: 90px;
}
	
.bottone100 {
	width: 100px;
}
	
.bottone110 {
	width: 110px;
}
	
.bottone115 {
	width: 115px;
}

.bottone135 {
	width: 135px;
}

.bottone155 {
	width: 155px;
}


.pulsante_pulsantiera {
	display: block;
	margin-bottom: 5px;
}


/* Stili per applicaSfondoTabella() */

/* - Bordi */

.tabellaConSfondo .firstRowBorder > td,
.tabellaConSfondo .lastRowBorder > td,
.tabellaConSfondo .middleRowBorder > td,
.tabellaConSfondo .singleRowBorder > td {
    border-color: #dedede;
    border-width: 1px;
    border-style: none;
}

.tabellaConSfondo .firstRowBorder > td {
    border-top-style: solid;
}

.tabellaConSfondo .firstRowBorder_first-child {
    -moz-border-radius-topleft: 4px !important;
    border-top-left-radius: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
}

.tabellaConSfondo .firstRowBorder_last-child {
    -moz-border-radius-topright: 4px !important;    
    border-top-right-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
}

.tabellaConSfondo .lastRowBorder_first-child {
    -moz-border-radius-bottomleft: 4px !important;
    border-bottom-left-radius: 4px !important;
    -webkit-border-bottom-left-radius: 4px !important;
}

.tabellaConSfondo .lastRowBorder_last-child {
    -moz-border-radius-bottomright: 4px !important;
    border-bottom-right-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
}

.tabellaConSfondo .lastRowBorder > td {
    border-bottom-style: solid !important;
}

.tabellaConSfondo .firstRowBorder_first-child,
.tabellaConSfondo .lastRowBorder_first-child,
.tabellaConSfondo .middleRowBorder_first-child {
    border-left-style: solid !important;
}

.tabellaConSfondo .firstRowBorder_last-child,
.tabellaConSfondo .lastRowBorder_last-child,
.tabellaConSfondo .middleRowBorder_last-child {
    border-right-style: solid !important;
}

.tabellaConSfondo .singleRowBorder > td {
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.tabellaConSfondo .singleRowBorder_first-child {
    border-left-style: solid !important;
    -moz-border-radius-topleft: 4px !important;
    border-top-left-radius: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    border-bottom-left-radius: 4px !important;
    -webkit-border-bottom-left-radius: 4px !important;
}
.tabellaConSfondo .singleRowBorder_last-child {
    border-right-style: solid !important;
    -moz-border-radius-topright: 4px !important;    
    border-top-right-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    border-bottom-right-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
}


/* - Background */

.tabellaConSfondo .middleRow,
.tabellaConSfondo .lastRow {
	background-color: #eeeeee; /* #e4e4e4; */
}

.tabellaConSfondo .firstRow {
    background-image: url("../IMG/pat_table_40-1.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #f8f8f8;
}

.tabellaConSfondo .secondRow {
    background-image: url("../IMG/pat_table_40-2.gif");
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #eeeeee;
}

.tabellaConSfondo .singleRow {
    background-image: url("../IMG/pat_table_40.gif");
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #eeeeee;
}

.tabellaConSfondo .middleRow,
.tabellaConSfondo .lastRow {
	background-image: none;
}

/* - Padding */

.tabellaConSfondo td {
	padding-left: 10px;
	padding-right: 10px;
}

.tabellaConSfondo .singleRow>td,
.tabellaConSfondo .firstRow>td {
	padding-top: 10px;
}
.tabellaConSfondo .singleRow>td,
.tabellaConSfondo .lastRow>td {
	padding-bottom: 10px;
}

.tabellaConSfondo .creaSezione {
	background-color: transparent;
}

/* ----------- */
/*

.pulsantiera{
	text-decoration: none;
	border: 0px;
}



.testo_iscrizione_bordo_close {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253e53 ;
	padding-right: 10px;
	border-color: #dfe2e5 #dfe2e5 #dfe2e5 #dfe2e5;
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: normal;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px
}





.requiredFieldClass
{
	background-color: #FFFFDA;
}

div.autocomplete
{
      position:absolute;
      width:250px;
      height:240px;
      background-color:white;
      border-left:1px solid #888;
      border-top:1px solid #888;
      border-right:1px solid black;
      border-bottom:1px solid black;
      margin:0px;
      padding:0px;
      z-index: 99;
      overflow: auto;
}
div.autocomplete ul
{
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div.autocomplete ul li.selected { background-color: #0000A0; color: white;}
div.autocomplete ul li
{
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:14px;
      cursor:pointer;
      white-space: nowrap;
}

*/


::selection {
  background: #beebff;
  /*color: rgba(255, 255, 255, 0.847656);*/
  color: black;
}

::-moz-selection {
  color: #fff;
  /*color: rgba(255, 255, 255, 0.847656);*/
  color: black;
  background: #9bdd62;
}


/*
BUG Chrome e FireFox
*/
@media print {
	html,body
	{
		height: auto !important;
	}
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #9b9a9a;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.form-control[readonly], .form-control[readonly], fieldset[readonly] {
  cursor: not-allowed;
}

/*Bootstrap override*/
.jumbotron {
	padding: 18px;
}

.table > colgroup + thead > tr:first-child > th {
	background-color: #337ab7;	
}

.table > colgroup + thead > tr:first-child > th span.text {
	color: #FFF;
	}

/*Daterangepicker bug*/
.daterangepicker_input > input[type="text"] {
	padding-left: 25px !important;	
}

/*Select-picker disabled style*/
.bootstrap-select ul > li.disabled label {
	text-decoration: line-through;
	color: red;
	cursor: not-allowed;
}


.bootbox-body{
	font-size: 12px;
}

.bootbox > .modal-dialog > .modal-content > .modal-header {
	background-color: #62a1dc;
	color:white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-top: 8px;
	height: 35px;
}

.bootbox > .modal-dialog > .modal-content > .modal-footer {
	padding: 5px;
}
.bootbox > .modal-dialog > .modal-content > .modal-footer > .btn{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.bootbox > .modal-dialog{
	margin-top: 15%;
}

textarea {
    resize: none;
}

.form-control-ricercaAnagrafiche {
	border: 1px solid #62a1dc !important;
}