/************************************************************
 **********************BODY WEB-LOG************************** 
 ************************************************************/
body {
    background-color: #FFFFED;
    margin-top: 0.2%;
    margin-right: 0.2%;
    margin-bottom: 0.2%;
    margin-left: 0.2%;
    padding:1%;
    height: 100%;
    overflow: auto;
}

body > fieldset {
    background-color: #E6E6E6;
    padding:1%;
}

.styleTrebuchet{
	margin-right: 2%;
	margin-left: 2%; 
	font-family: Trebuchet MS, sans-serif; 
	font-size: 14px"
}

h1{
    background-color:#cdcdc1;
    color:#0000ee;
    font-family:Arial, Helvetica, sans-serif;
    margin:auto;
}
.zindex{
	z-index: 100000 !important;
	color: darkblue !important;
    width: auto;
    height:auto;
    font-size: 13px;
    font-weight:  bolder;
    overflow: hidden;
    background: whitesmoke;
    border : 1px solid burlywood !important;
    box-shadow: 0px 0px 6px rgba(180,180,180,1);
}

.tooltipPersonal {
    position:absolute;
    border-radius: 8px !important;
    color: #000000 !important;
    padding: 5px 5px;
    margin: 5px;
    text-align: center;
    font-weight: 700;
    font-size:11px;
    text-decoration: none;
    box-shadow: 0px 0px 6px rgba(180,200,140,1) !important;  
    top: 0%;
	background: whitesmoke;
	z-index: 12500 !important;
}
/*.tooltipPersonal:after, .tooltipPersonal:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltipPersonal:after {
	border-color: rgba(213, 210, 209, 0);
	border-right-color: #DAA520;
	border-width: 7.5px;
	margin-top: -7.5px;
}
.tooltipPersonal:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color:  #a9801b;; 
	border-width: 10px;
	margin-top: -10px;
}*/

.h4 {
     font-size: 18px;
     font-weight:bold;
     color: #4B76AD;
     border-bottom: 1px solid #4B76AD;
     padding: 5px 0 3px 5px;
}

.container {
   height: auto;
   overflow: hidden;
}

.right {
    width: 30%;
    float: right;
}

.left {
    float: none; 
    width: auto;
    overflow: hidden;
}

button{
	cursor:pointer;
}
.InsertUtente {
    color:yellow;
    width: 14px;
    border: 2px solid #3399ff !important;
    background-color: #ccffff !important;
    color: #000000 !important;
    margin-left: 5% !important;
    padding: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
   -khtml-border-radius:6px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;    	
}
.insertPermesso{
    width: 14px;
    border: 2px solid #3399ff !important;
    background-color: #ccffff !important;
    color: #000000 !important;
    margin-left: 50% !important;
    padding: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
   -khtml-border-radius:6px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;  

}
.menu{
    position: relative;
    margin-top: 2%;

} 

/*----------------------------------FIELDSET PER RIQUADRO UTENTE-----*/
.profilo{
    position: relative;
    margin-top: 0%;
    float:right;
}   
.fieldUtente{
   border: 2px solid #B83400;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 12px;
   margin : 1% 0 0 0;
   padding: 1%;
}    
.divUtente{
    border: 2px solid #B83400;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 12px;        
}   
/*********************CSS PER VARIAZIONE DIALOG**************************/   
.fieldsetVariazione{
   margin-top: 2%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom:auto;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   border: 2px solid #FFFFF8;       
   position:relative;
}
.VariazioneRighe{
    float:right;
    margin-right:10%;
}
.VariazioneContieniRighe{
    margin-right:5%;
    float:left;
}
.ModDescrizione    {
   margin: 0% 5% 0% 5%;
   border: 2px solid #B81900;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   -khtml-border-radius: 6px 6px 6px 6px;
   border-radius: 6px 6px 6px 6px;
   position:relative;
   display:inline-block;
   padding: 10px;
   width: auto;
}    
/****************TABELLA DISPLAY WEBLOG******************************/ 
.weblog{
   width:100%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom:auto;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   border: 2px solid #B81900;       
   padding:0%;
   position:relative;
}

.InserimentoDati{
   background-color: #FBFBFB;
   border: 1px ridge #B81900;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   -khtml-border-radius: 6px 6px 6px 6px;
   border-radius: 6px 6px 6px 6px;
   padding: 1%;
   position:relative;
}
/***********************AGGIUNGI RECORD AMBITO INTERVENTO E MODULO*********/
.record{
   margin-top: 2%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom:auto;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   border: 2px solid #FFFFF8;       
   position:relative;    	
}
.aggRecord{
	max-width : 550px;
    float:left;
	
}
/******************ALLINEA LE INPUT TEXT***************************/
.righe{
   float:right;
   margin:auto;
}
  
.contieniRighe{
   margin-right:10%;
   float:left;
}
.TestoDescrizione{
   width:25em;
   word-wrap:break-word;
}
    
/*****************************************************************************
 ********************* JQUERY CSS DISPLAY NONE DELLA X NELLA DIALOG***********
 ****************************************************************************/
.no-close .ui-dialog-titlebar-close {
    display:none;
}
.ui-dialog{
	z-index: 1070 !important
}
.ui-widget-overlay {
  background: #000;
}
.ui-resizable-se {
   bottom: 17px;
} 
.ui-datepicker{ z-index: 12000 !important;}

/*********************************************************
 *********************MENU NAVIGAZIONE********************
 ********************************************************/
ul#navigation {
    position:absolute;
    margin-top: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
}
ul#navigation li {
    float:left;
    width: 100px;
}
ul#navigation li a {
    text-decoration:inherit;
    display: block;
    margin-top: 20px;
    width: 100px;
    height: 40px; 
    font-size:16px;
    font-weight:bold;
    background-color:#E0FFFF;
    background-repeat:no-repeat;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    border:1px solid #363636;
}

/*************************************************
 *********************INLINE DELLE IMMAGINI*******
 ************************************************/ 
.immaginiRiga{
    display:inline;
    margin : 0.5%;
}

.modal {
  text-align: center!important;
}

/*@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: text-top;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: text-top;
  text-align: center!important;
}*/

.fieldset{
   border-color: blue;
   border: 2px solid #B81900;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   padding: 10px;
   
}	

.contieniCentro{
   padding-left: 10px;
   padding-right: 10px;
   margin-left:18%;
   margin-right:auto;            
}	
.contieniCentro2{
  padding-left: 10px;
  padding-right: 10px;
  margin-left:auto;
  margin-right:auto;            
}	

/*Pulse effect-- crea effetto pulse nei thumbnail delle gallerie nggallery*/
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
  }
  75% {
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
  }
}

@keyframes pulse {
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
input[type="button"]{
    cursor: pointer;
}
input[type="button"]:hover{
  cursor: pointer;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.immagini img:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.immagini img{
	border: 2px solid #E4F1FB;
}

/*PERSONALIZZAZIONE CSS PER BOOTSTRAP*/
.btn-tondo{padding:1%, 6%;font-size:12px;line-height:1;border-radius:13px;font-weight:bold}

.uiTooltip {
    z-index:10;
    width:auto;
    padding:10px;
    min-height:20px;
    max-width:100%;
    font-size:0.875em;
    text-align:center;
    border-radius: 20px;
    color:#707070;
    background:#f8f8f8;
    font-family: 'Droid Sans', sans-serif;
    text-shadow: 1px 1px #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #e1e0aa;
}

/*************************************************************************************************************
 ******************PERSONALIZZAZIONE CSS PER BOOTSTRAP ED ALTRE CLASSI PERSONALIZZATE*************************
 *************************************************************************************************************/
.navbar-expand-lg {
  background-color: #FDFDFD;
  border: 0; background: #FDFDFD; border-radius: 2px; margin: 2px 0; box-shadow: 0 0 4px 0 #ccc; 
}
.navbar-expand-lg .navbar-brand {
  color: #1a7dd9;
}
.nav > li > a {
  color: #1a7dd9 !important; 
  border-style: solid; 
  border-width: 0 0 2px 0; 
  border-color: #fff;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #0000FF !important;
  border-color: #1a7dd9;
}

.nav .dropdown-item {
  background-color: #f8f9f9 !important;
}

.dropdown-menu .dropdown-item{
  color: #1a7dd9 !important;
}
 .dropdown-menu .dropdown-item:hover,
 .dropdown-menu .dropdown-item:focus {
  color: #0000FF !important;
}

.dropdown-menu > a , 
.dropdown-menu > a:hover, 
.dropdown-menu > a:focus {
  color: #0000FF !important;
  background-color: #E7E7E7  !important; 
  cursor: pointer;
}

.navbar-toggler {
  border-color: #0000FF;
}
.navbar-toggler:hover, 
.navbar-toggler:focus {
  background-color: #E7E7E7;
}
.navbar-toggler .icon-bar{
  background-color: #000000;
}
li.dropdown:hover .dropdown-menu{
	/*display: block;*/
	max-height: 300;

}
@media screen and (max-width:980px){
	li.dropdown:hover .dropdown-menu{
	    display: block; 
	    margin:0 -1% -1% 0%; 
	} 	
}
/*PERSONALIZZAZIONE CSS PER BOOTSTRAP ED ALTRE CLASSI PERSONALIZZATE
 *IN BOOTSTRAP 4 BETA 2 SONO STATE ELIMINATE LE INPUT ADDON IO PERO' LE HO TENUTE IN MODO DA
 *POTERLE COMUNQUE UTILIZZARE E PIAN PIANO AGGIONRARE CON LE PREPEND E LE APPEND
 */
input[type="text"]:focus { 
   background-color: #fafce8;
   color:#000000;
}
input[type="datetime"]:focus { 
   background-color:#FBFBEF;
   color:#000000;
}

/*******************STILE COLONNE CENTRATE*********************/
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}

.col-fixed {
    width:320px;
}
.col-min {
    min-width:320px;
}
.col-max {
    max-width:320px;
}

.form-compact {
  font-size: 0.8em;
}

.form-compact .form-control {
  padding: 1px 2px;
  height: 24px;
  font-size:1em;
}
.form-compact label {
  margin-bottom: 1px;
}
.form-compact .form-group{
  margin-bottom:0px;
}

.input-xs {
	height: 22px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.0;
	border-radius: 3px;
}

.input-validate {
	height: 22px;
	padding: 5px 5px;
	font-size: 12px;
	line-height: 1.0;
	border-radius: 3px;
}

/**
 * 	Queste classi select icon etc..etc...sono per il validatore per le input XS e per le select
 *  io ne ho create un pò di diverse ma forse quella più generale per le select è la selectIconModalGenerale
 *  mentre per le input se sono input-xs basta usare la styleIconXs e va sempre bene...fare delle prove.
 *  NON VENGONO USATE PERCHE' SONO STATE AGGIORNATE CON LE INNER-ADDON
 */
.styleIconXs{
	padding: 3px;
	font-size: 15px;
	line-height: 1.0;
}

.styleInputXs{
	padding: 3px;
	font-size: 15px;
	line-height: 1.0;
}

.styleSelectIconXs{
	padding-top: 1%;
	padding-right: 11%;
	font-size: 15px;
	line-height: 1.0;	
}

.styleSelectIconXs8{
	padding-top: 3px;
	padding-right: 6%;
	font-size: 15px;
	line-height: 1.0;	
}

.styleSelectIconModalMDXs8{
	padding-top: 3px;
	padding-right: 9%;
	font-size: 15px;
	line-height: 1.0;	
}

.styleSelectIconLabelGenerale{
	padding-top: 3px;
	padding-right: 35px;
	font-size: 15px;
	line-height: 1.0;
}

.styleSelectIconModalGenerale{
	padding-top: 3px;
	padding-right: 40px;
	font-size: 15px;
	line-height: 1.0;
}

.styleSelectIconInputGroupGenerale{
	padding-top: 3px;
	padding-right: 40px;
	font-size: 15px;
	line-height: 1.0;
}

.styleSelectIconXsLabel7{
	padding-top: 1%;
	padding-bottom:1%;
	padding-right: 7%;
	font-size: 15px;
	line-height: 1.0;
}
/*************************************************************************************************
 * QUESTE SONO LE CLASSI HAS ERROR HAS SUCCES DELLE VECCHIE VERSIONI DI BOOTSTRAP ADESSO SI USANO
 * LE IS-VALID IS-INVALID PERO' SI POSSONO USARE ANCHE QUESTE VOLENDO
 *************************************************************************************************/ 
em.error{
	color:#a94442;
}

.has-error textarea, 
.has-error label{
    color:#a94442;
    border-color: #a94442;
}

.has-success textarea,
.has-success label {
    color:#3c763d;
    border-color: #3c763d;
}
.has-success .table-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .table-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-error .table-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .table-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .table-control-feedback {
  color: #a94442;
}
.has-success .table-control-feedback {
  color: #3c763d;
}
/*********************************************************************************************
 * TOOLTIP E BOTTONI
 ********************************************************************************************/
.tooltiptext {
   visibility: hidden;
   width: auto;
   background-color:#f8f8f8;
   color: #a94442;
   text-align: center;
   border-radius: 6px;
   padding: 2px 2px;
   position: fixed;
   right:-10%;
   margin-top:-3.5%;
   z-index: 5 !important;
}

.btnSubmit{
  color:#FFFFFF !important;
  width: auto !important;
  height: auto !important;
  vertical-align: baseline !important;
  padding: 4px !important;
  margin: 0 !important; 
}

.btnSubmitSuccess {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}
.btnSubmitSuccess:focus,
.btnSubmitSuccess.focus {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #255625 !important;
}
.btnSubmitSuccess:hover {
  color: #fff  !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}

.input-group-xs > .form-control:not(textarea),
.input-group-xs > .input-group-addon {
    height: 22px !important;
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.input-group-xs > .form-control:not(textarea),
.input-group-xs > .input-group-prepend > .input-group-text,
.input-group-xs > .input-group-append > .input-group-text,
.input-group-xs > .input-group-prepend > .btn,
.input-group-xs > .input-group-append > .btn {
  height: 22px !important;
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/**********************************************************************************************
 *CONTAINER SOSTITUISCONO I FIELDSET
 **********************************************************************************************/
.containerBorder{
  	border:1px solid #006699;
	background-color: #EAEFF4;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
}
.containerBorderPlatinum{
  	border:1px solid #006699;
	background-color: #E5E4E2;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
}
.containerBorderBlonde{
  	border:1px solid #006699;
	background-color: #FBF6D9;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
}
.containerBorderBlank{
  	border:1px solid #006699;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px; 
	border-radius:4px;  
}
.containerBorderBlankDotted{
  	border:1px dotted #006699;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px; 
}

.containerBorderSolidBlank{
  	border:1px solid #848484;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border-radius:4px; 	 
}

.containerBorderMilk{
  	border:1px solid #006699;
	background-color: #EAE8EB;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
}

.containerBorderMilkDark{
  	border:1px solid #006699;
	background-color: #E0DEE1;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
}

.containerBorderAliceBlue{
  	border:1px solid #006699;
	background-color: #F0F8FF;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
}

.testoBlu {
	color:#336099 !important;
	font-weight:bold !important;
}
.padding0{padding: 0.5%;}
.padding1{padding: 1%;}
.padding2{padding: 2%;}
.padding3{padding: 3%;}
.padding3{padding: 4%;}
.paddingSx1{padding-left:1%}
.paddingSx2{padding-left:2%}
.paddingSx3{padding-left:3%}
.paddingSx4{padding-left:4%}
.paddingSx5{padding-left:5%}
.paddingSx6{padding-left:6%}
.paddingSx7{padding-left:7%}
.paddingSx8{padding-left:8%}

.label-as-badge {
    border-radius: 1em;
}

.personalBadge {
  display: inline-block;
  width: 370px;
  padding-top:3px;
  padding-bottom:3px;
  padding-right:2%;
  padding-left:2%;
  border:1px dotted #000000;
  white-space: nowrap;
  background-color: #fefcff;
  border-radius: 10px;
}

.etichettaPosta{
  background-color:#ffffff;
  top:20px;
  width:350px;
  height:auto;
  border: 1px dotted gray;
  border-radius:1em
}

.font8{font-size:8px;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}

.centered {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

thead th {
  background-color: #FFFFFF;
  color: black;
}

.input-length-md {
    min-width:150px;
    text-align:left;
}

.input-length-lg {
    min-width:200px;
    
}

.input-length-sm {
    min-width:100px;  
}

.input-length-xs {
    min-width:50px;  
}

.input-group-addon{text-align:left !important;}
.input-group-text{text-align:left !important;}

.spacer0{ height: 0px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer1{ height: 1px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer2{ height: 2px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer3{ height: 3px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer4{ height: 4px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer5{ height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10{ height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15{ height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20{ height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25{ height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30{ height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35{ height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40{ height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45{ height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50{ height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100{ height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200{ height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer300{ height: 300px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer400{ height: 400px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer500{ height: 500px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer600{ height: 600px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer700{ height: 700px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer800{ height: 800px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.dotted {
  border-top:1px dotted #000000;
  width:100%;
  margin:2px 1px 2px 1px;
  overflow:auto;
}

.evenGrid {
  background-color: #ffffff;
}
.oddGrid {
  background-color: #f3f6fa;
}	
.oddGrid:hover {
  background-color: #e6f0ff;
}
.evenGrid:hover {
  background-color: #e6f0ff;
}

/* columns of same height styles */
.row-same-height {
display: table;
width: 100%;
}
.row-same-height-cell {
	display: table-cell;
	width: 100%;
}
.col-xs-height {
	display: table-cell;
	float: none !important;
}
@media (min-width: 768px) {
	.col-sm-height {
	display: table-cell;
	float: none !important;
}
}
@media (min-width: 992px) {
	.col-md-height {
	display: table-cell;
	float: none !important;
}
}
@media (min-width: 1200px) {
	.col-lg-height {
	display: table-cell;
	float: none !important;
}
}
/* vertical alignment styles */
.col-top {
vertical-align:top;
}
.col-middle {
vertical-align:middle;
}
.col-bottom {
vertical-align:bottom;
}

/*Alcuni bottoni in più personalizzati guardare anche se serve il button active hover etc..prendere
 in esempio i bottoni standard di bootstrap*/
.btn-gray {
  color: #000 !important;
  background-color: #E6E6E6 !important;
  border-color: #f1f1f1 !important;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #000 !important;
  background-color: #e5e5e5 !important;
  border-color: #C0C0C0 !important;
}
.btn-gray:hover {
  color: #000 !important;
  background-color: #e5e5e5 !important;
  border-color: #C5C5C5 !important;
}

/*I bottoni di w2ui 1.4.3 sono impostati sul button tag io ho creato anche la classe in modo da poterli usare
 nell'input type button*/
.w2ui-btn {
  display: inline-block;
  margin: 0px 5px;
  padding: 7px 12px 8px 12px !important;
  color: #666;
  font-size: 12px !important;
  border: 2px solid #B6B6B6;
  background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
  outline: none;
  box-shadow: 0px 1px 0px white;
  cursor: default;
  min-width: 25px;
  line-height: 40% !important;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.w2ui-btn:hover {
  text-decoration: none;
  border: 1px solid #bbb;
  background-image: -webkit-linear-gradient(#f7f7f7 0%, #dddddd 100%);
  background-image: -moz-linear-gradient(#f7f7f7 0%, #dddddd 100%);
  background-image: -ms-linear-gradient(#f7f7f7 0%, #dddddd 100%);
  background-image: -o-linear-gradient(#f7f7f7 0%, #dddddd 100%);
  background-image: linear-gradient(#f7f7f7 0%, #dddddd 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#fff7f7f7', GradientType=0);
  color: #333;
}
.w2ui-btn:active,
.w2ui-btn.clicked {
  border: 1px solid #999;
  background-image: -webkit-linear-gradient(#cccccc 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(#cccccc 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(#cccccc 0%, #cccccc 100%);
  background-image: -o-linear-gradient(#cccccc 0%, #cccccc 100%);
  background-image: linear-gradient(#cccccc 0%, #cccccc 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffcccccc', GradientType=0);
  text-shadow: 1px 1px 1px #eee;
}
.w2ui-btn:disabled {
  border: 1px solid #bbb !important;
  background: #f7f7f7 !important;
  color: #bdbcbc !important;
  text-shadow: none !important;
}
.w2ui-btn-blue {
  color: white;
  background-image: -webkit-linear-gradient(#80c0f7 0%, #269df0 100%);
  background-image: -moz-linear-gradient(#80c0f7 0%, #269df0 100%);
  background-image: -ms-linear-gradient(#80c0f7 0%, #269df0 100%);
  background-image: -o-linear-gradient(#80c0f7 0%, #269df0 100%);
  background-image: linear-gradient(#80c0f7 0%, #269df0 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff269df0', endColorstr='#ff80c0f7', GradientType=0);
  border: 1px solid #538AB7;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-blue:hover {
  color: white;
  background-image: -webkit-linear-gradient(#73b6f0 0%, #2391dd 100%);
  background-image: -moz-linear-gradient(#73b6f0 0%, #2391dd 100%);
  background-image: -ms-linear-gradient(#73b6f0 0%, #2391dd 100%);
  background-image: -o-linear-gradient(#73b6f0 0%, #2391dd 100%);
  background-image: linear-gradient(#73b6f0 0%, #2391dd 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2391dd', endColorstr='#ff73b6f0', GradientType=0);
  border: 1px solid #497BA3;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-blue:active,
.w2ui-btn-blue.clicked {
  color: white;
  background-image: -webkit-linear-gradient(#1e83c9 0%, #1e83c9 100%);
  background-image: -moz-linear-gradient(#1e83c9 0%, #1e83c9 100%);
  background-image: -ms-linear-gradient(#1e83c9 0%, #1e83c9 100%);
  background-image: -o-linear-gradient(#1e83c9 0%, #1e83c9 100%);
  background-image: linear-gradient(#1e83c9 0%, #1e83c9 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff1e83c9', endColorstr='#ff1e83c9', GradientType=0);
  border: 1px solid #1268A6;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-green {
  color: white;
  background-image: -webkit-linear-gradient(#81cf81 0%, #52a452 100%);
  background-image: -moz-linear-gradient(#81cf81 0%, #52a452 100%);
  background-image: -ms-linear-gradient(#81cf81 0%, #52a452 100%);
  background-image: -o-linear-gradient(#81cf81 0%, #52a452 100%);
  background-image: linear-gradient(#81cf81 0%, #52a452 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff52a452', endColorstr='#ff81cf81', GradientType=0);
  border: 1px solid #479247;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-green:hover {
  color: white;
  background-image: -webkit-linear-gradient(#6abe68 0%, #3f8f3d 100%);
  background-image: -moz-linear-gradient(#6abe68 0%, #3f8f3d 100%);
  background-image: -ms-linear-gradient(#6abe68 0%, #3f8f3d 100%);
  background-image: -o-linear-gradient(#6abe68 0%, #3f8f3d 100%);
  background-image: linear-gradient(#6abe68 0%, #3f8f3d 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff3f8f3d', endColorstr='#ff6abe68', GradientType=0);
  border: 1px solid #479247;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-green:active,
.w2ui-btn-green.clicked {
  color: white;
  background-image: -webkit-linear-gradient(#377d36 0%, #377d36 100%);
  background-image: -moz-linear-gradient(#377d36 0%, #377d36 100%);
  background-image: -ms-linear-gradient(#377d36 0%, #377d36 100%);
  background-image: -o-linear-gradient(#377d36 0%, #377d36 100%);
  background-image: linear-gradient(#377d36 0%, #377d36 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff377d36', endColorstr='#ff377d36', GradientType=0);
  border: 1px solid #555 !important;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-orange {
  color: white;
  background-image: -webkit-linear-gradient(#fcc272 0%, #fb8822 100%);
  background-image: -moz-linear-gradient(#fcc272 0%, #fb8822 100%);
  background-image: -ms-linear-gradient(#fcc272 0%, #fb8822 100%);
  background-image: -o-linear-gradient(#fcc272 0%, #fb8822 100%);
  background-image: linear-gradient(#fcc272 0%, #fb8822 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffb8822', endColorstr='#fffcc272', GradientType=0);
  border: 1px solid #B68B4C;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-orange:hover {
  color: white;
  background-image: -webkit-linear-gradient(#f4ad59 0%, #f1731f 100%);
  background-image: -moz-linear-gradient(#f4ad59 0%, #f1731f 100%);
  background-image: -ms-linear-gradient(#f4ad59 0%, #f1731f 100%);
  background-image: -o-linear-gradient(#f4ad59 0%, #f1731f 100%);
  background-image: linear-gradient(#f4ad59 0%, #f1731f 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff1731f', endColorstr='#fff4ad59', GradientType=0);
  border: 1px solid #B68B4C;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-orange:active,
.w2ui-btn-orange.clicked {
  color: white;
  border: 1px solid #666;
  background-image: -webkit-linear-gradient(#b98747 0%, #b98747 100%);
  background-image: -moz-linear-gradient(#b98747 0%, #b98747 100%);
  background-image: -ms-linear-gradient(#b98747 0%, #b98747 100%);
  background-image: -o-linear-gradient(#b98747 0%, #b98747 100%);
  background-image: linear-gradient(#b98747 0%, #b98747 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffb98747', endColorstr='#ffb98747', GradientType=0);
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-red {
  color: white;
  background-image: -webkit-linear-gradient(#ff6e70 0%, #c72d2d 100%);
  background-image: -moz-linear-gradient(#ff6e70 0%, #c72d2d 100%);
  background-image: -ms-linear-gradient(#ff6e70 0%, #c72d2d 100%);
  background-image: -o-linear-gradient(#ff6e70 0%, #c72d2d 100%);
  background-image: linear-gradient(#ff6e70 0%, #c72d2d 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffc72d2d', endColorstr='#ffff6e70', GradientType=0);
  border: 1px solid #BB3C3E;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-red:hover {
  color: white;
  background-image: -webkit-linear-gradient(#ee696c 0%, #ae2527 100%);
  background-image: -moz-linear-gradient(#ee696c 0%, #ae2527 100%);
  background-image: -ms-linear-gradient(#ee696c 0%, #ae2527 100%);
  background-image: -o-linear-gradient(#ee696c 0%, #ae2527 100%);
  background-image: linear-gradient(#ee696c 0%, #ae2527 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffae2527', endColorstr='#ffee696c', GradientType=0);
  border: 1px solid #BB3C3E;
  text-shadow: 1px 1px 1px #777777;
}
.w2ui-btn-red:active,
.w2ui-btn-red.clicked {
  color: white;
  border: 1px solid #861C1E;
  background-image: -webkit-linear-gradient(#9c2123 0%, #9c2123 100%);
  background-image: -moz-linear-gradient(#9c2123 0%, #9c2123 100%);
  background-image: -ms-linear-gradient(#9c2123 0%, #9c2123 100%);
  background-image: -o-linear-gradient(#9c2123 0%, #9c2123 100%);
  background-image: linear-gradient(#9c2123 0%, #9c2123 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff9c2123', endColorstr='#ff9c2123', GradientType=0);
  text-shadow: 1px 1px 1px #777777;
}	

.text-header{
	text-align:left;
	margin-top:1%;
	margin-left:2%	
}

.text-header2{
	text-align:left;
	margin-top:0%;
	margin-left:2%	
}

/* Tabelle zebrate */
table.zebraBoot {
    border-collapse: collapse;
    empty-cells: show;
    margin-bottom: 10px;
    width: 99%;
    margin: 0 auto 3px auto;
}
table.zebraBoot th,
table.zebraBoot td {padding: 2px !important;}

table.zebraBoot th {
    background-color: #99BBE8;
    text-align: center;
    border-bottom: 1px solid #999;
    color: #2E496B;
}

table.zebraBoot td {
    color: #333;
}

table.zebraBoot tbody tr:hover td {background-color: #B3D6F5 !important;}

th {
     vertical-align:middle !important;
}
td {
     vertical-align:middle !important;
}

.tooltipInfo {
	display : none;
	position : absolute;
	border : 1px solid #333;
	background-color : #161616;
	border-radius : 5px;
	padding : 5px;
	color : #fff;
	font-size : 12px Arial;
}

.dropbtn {
    background-color: #4CAF50 !important;
    color: #000000;
    padding: 5px;
    font-size: 13px;
    border: 1px solid gray;
    cursor: pointer;
}

.dropdownBtn {
    position: relative;
    display: inline-block;
}

.dropdownBtn-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdownBtn-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdownBtn-content a:hover {background-color: #99BBE8 !important}

.dropdownBtn:hover .dropdownBtn-content {
    display: block;
}

.dropdownBtn:hover .dropbtn {
    background-color: #3e8e41 !important;
}	

input[type="submit"]:hover{
	cursor:pointer;
}
input[type="submit"]:hover[disabled]{
	cursor: not-allowed !important;
}
input[type="button"]:hover[disabled]{
	cursor: not-allowed !important;
}
button[disabled]:hover{
	cursor: not-allowed;
}
button:hover{
	cursor:pointer;
}

input[type="submit"].btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 40px;
}

input[type="submit"].btn-xs,
input[type="submit"].btn-group-xs > input[type="submit"].btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  color:#FFFFFF;
  border-radius: 3px;
  -webkit-appearance: button;
  cursor: pointer;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}
.btn-circle.btn-xs {
    width: 15px;
    height: 15px;
    padding: 0px 0px;
    border-radius: 10px;
    text-align: center;
    font-size: 8px;
    line-height: 1.42857;
}

/**************************************************************************************
 * BOOTSTRAP4 PERSONAL INVALID INPUT-GROUP-ADDON e PREPEND INVALID E VALID
 * INOLTRE HO AGGIUNTO UN TABLE-CONTROL CHE FA IL FEEDBACK DEL BORDER INPUT NELLE TABELLE
 **************************************************************************************/

.table-control:focus{
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
.was-validated .table-control:invalid, .table-control.is-invalid{
  border-color: #dc3545 !important;
}

.was-validated .table-control:invalid:focus, .table-control.is-invalid:focus{
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.was-validated .table-control:valid, .table-control.is-valid{
  border-color: #28a745 !important;
}

.was-validated .table-control:valid:focus, .table-control.is-valid:focus{
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .input-group-addon:invalid, .input-group-addon.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545 !important;
  color:#dc3545 !important;
  background-color: #f2dede !important; 
}
.was-validated .input-group-addon:valid, .input-group-addon.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745 !important;
  color: #3c763d !important;
  background-color: #dff0d8 !important;
}

.was-validated .input-group-prepend:invalid span:not(.glyphicon), 
.input-group-prepend.is-invalid span:not(.glyphicon), 
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545 !important;
  color:#dc3545 !important;
  background-color: #f2dede !important; 
}
.was-validated .input-group-prepend:valid span:not(.glyphicon), 
.input-group-prepend.is-valid span:not(.glyphicon), 
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745 !important;
  color: #3c763d !important;
  background-color: #dff0d8 !important;
}

.is-invalid textarea, 
.is-invalid label{
    color:#a94442 !important;
    border-color: #a94442 !important;
}

.is-valid textarea,
.is-valid label {
    color:#3c763d !important;
    border-color: #3c763d !important;
}

.help-block {
  display: block;
  text-align : center !important;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #dc3545 !important;/*#737373;*/
  
}
/***************************************************************************************************
 * DIVERSI INNER ADDON IN BASE AI MARGINI PER LA VISUALIZZAZIONE DELLE ICONE  
 **************************************************************************************************/
.inner-addon { 
    position: relative; 
}

.inner-addon-row .glyphicon {
  position: absolute;
  padding-right: 5px;
  z-index:3 !important;
  pointer-events: none;
}
.inner-addon-group .glyphicon {
  position: absolute;
  padding-right: 20px;
  z-index:3 !important;
  pointer-events: none;
}
.inner-addon-label .glyphicon {
  position: absolute;
  padding-right: 20px;
  z-index:3 !important;
  pointer-events: none;
}
.inner-addon-select .glyphicon {
  position: absolute;
  padding-right: 40px;
  z-index:3 !important;
  pointer-events: none;
}
.inner-addon-control .glyphicon {
  position: absolute;
  padding-right: 30px;
  z-index:3 !important;
  pointer-events: none;
}
.inner-addon-textarea .glyphicon {
  position: absolute;
  padding-right: 10px !important;
  z-index:3 !important;
  pointer-events: none;
}
.inner-addon-inline .glyphicon {
  position: absolute;
  padding-right: 10px !important;
  z-index:3 !important;
  pointer-events: none;
}

.left-addon .glyphicon  { 
	left:  0px;
}
.right-addon .glyphicon { 
	right: 0px;
}

.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
/*********************************************************************************************************
 ********************BOTTONI TYPE SUBMIT BTN-SUCCESS ETC HOVER ETC....................
 *********************************************************************************************************/
input[type="submit"].btn-success{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent; 
  border-radius: 4px; 
  color: #fff;
  background-color: #28a745 !important;
}

input[type="submit"].btn-xs.btn-success,
input[type="submit"].btn-group-xs > input[type="submit"].btn.btn-success{
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  color:#FFFFFF;
  border-radius: 3px;
  -webkit-appearance: button;
  cursor: pointer;
  color: #fff;
  background-color: #28a745 !important;
}

input[type="submit"].btn-success.btn-xs:hover,
input[type="submit"].btn-group-xs > input[type="submit"].btn.btn-success:hover {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  color:#FFFFFF;
  border-radius: 3px;
  -webkit-appearance: button;
  cursor: pointer;
  color: #fff;
  background-color: #218838 !important;
}

input[type="submit"].btn-info {
  color: #fff !important;
  background-color: #17a2b8 !important;
}

input[type="submit"].btn-info:hover {
  color: #fff !important;
  background-color: #138496 !important;
}

input[type="submit"].btn-info:focus, 
input[type="submit"].btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

input[type="submit"].btn-info.disabled, 
input[type="submit"].btn-info:disabled {
  background-color: #17a2b8 !important;
}

input[type="submit"].btn-info:not([disabled]):not(.disabled):active, 
input[type="submit"].btn-info:not([disabled]):not(.disabled).active,
.show > input[type="submit"].btn-info.dropdown-toggle {
  color: #fff !important;
  background-color: #117a8b !important;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

input[type="submit"].btn-warning {
  color: #fff !important;
  background-color: #ffc107 !important;
}

input[type="submit"].btn-warning:hover {
  color: #fff !important;
  background-color: #e0a800 !important;
}

input[type="submit"].btn-warning:focus, 
input[type="submit"].btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

input[type="submit"].btn-warning.disabled, 
input[type="submit"].btn-warning:disabled {
  background-color: #ffc107 !important;
}

input[type="submit"].btn-warning:not([disabled]):not(.disabled):active, 
input[type="submit"].btn-warning:not([disabled]):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff !important;
  background-color: #d39e00 !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

input[type="submit"].btn-primary.btn-xs{
  color: #fff !important;
  background-color: #007bff !important;
  cursor:pointer;
}

input[type="submit"].btn-primary.btn-xs:hover {
  color: #fff !important;
  background-color: #0069d9 !important;
  cursor:pointer;
}

input[type="submit"]:focus, input[type="submit"].focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

input[type="submit"].disabled, input[type="submit"]:disabled {
  background-color: #007bff;
  border-color: #007bff;
}

input[type="submit"]:not([disabled]):not(.disabled):active, input[type="submit"]:not([disabled]):not(.disabled).active,
.show > input[type="submit"].dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
/********************************************************************************************************
 ****************MODALI PERSONALIZZATE******************************************************************* 
 ********************************************************************************************************/
.modal-header-success {
    color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #28a745;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     opacity: 0.9;
}
.modal-header-success:hover {
    color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #218838;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
	 background: linear-gradient(240deg, #28a745, #218838);
	 background-size: 400% 400%;
	 -webkit-animation: pulse 1s ease infinite;
	 -moz-animation: pulse 1s ease infinite;
	 -o-animation: pulse 1s ease infinite;
	 animation: pulse 1s ease infinite;     
}
.modal-header-warning {
	color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #ffc107;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     opacity: 0.9;
}
.modal-header-warning:hover {
	color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #e0a800;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
	 background: linear-gradient(240deg, #ffc107, #e0a800);
	 background-size: 400% 400%;
	 -webkit-animation: pulse 1s ease infinite;
	 -moz-animation: pulse 1s ease infinite;
	 -o-animation: pulse 1s ease infinite;
	 animation: pulse 1s ease infinite;
}
.modal-header-danger {
	color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     opacity: 0.9;
}
.modal-header-danger:hover {
	color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #bd4844;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
	 background: linear-gradient(240deg, #d9534f, #bd4844);
	 background-size: 400% 400%;
	 -webkit-animation: pulse 1s ease infinite;
	 -moz-animation: pulse 1s ease infinite;
	 -o-animation: pulse 1s ease infinite;
	 animation: pulse 1s ease infinite;
}
.modal-header-info {
	display:flex;
    color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #50abc7;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     opacity: 0.9;
}
.modal-header-info:hover {
	display:flex;
    color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #eee;
    background-color: #54bad9;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
	 background: linear-gradient(240deg, #50abc7, #54bad9);
	 background-size: 400% 400%;
	 -webkit-animation: pulse 1s ease infinite;
	 -moz-animation: pulse 1s ease infinite;
	 -o-animation: pulse 1s ease infinite;
	 animation: pulse 1s ease infinite;
}
.modal-header-primary {
	display:flex;
	color:#fff !important;
    padding:8px 15px;
    border-bottom:1px solid #eee !important;
    background-color: #428bca !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
     border-top-left-radius: 5px !important;
     border-top-right-radius: 5px !important;  
     opacity: 0.9;
}
.modal-header-primary:hover {
	display:flex;
	color:#fff !important;
    padding:8px 15px;
    border-bottom:1px solid #eee !important;
    background-color: #397db8 !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
     border-top-left-radius: 5px !important;
     border-top-right-radius: 5px !important;
	 background: linear-gradient(240deg, #428bca, #397db8);
	 background-size: 400% 400%;
	 -webkit-animation: pulse 1s linear 0s infinite alternate;
	 -moz-animation: pulse 1s linear 0s infinite alternate;
	 -o-animation: pulse 1s linear 0s infinite alternate;
	 animation: pulse 1s linear 0s infinite alternate; 
}

 @-webkit-keyframes pulse {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes pulse {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes pulse {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes pulse {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.modalHeaderText {
   flex-grow:2 !important;
   font-size: 14px !important;
   color: #FFFFFF !important;
   border-bottom: 1px solid #FFFFFF !important;
   border-left : 100px !important;
   padding: 1px 0px 1px 0px !important;
   text-align: center !important;
   transition: border-bottom 0.25s ease-in, box-sizing 0.25s ease-in, text-shadow 0.25s ease-in;   
}

.modalHeaderText:hover {
  border-bottom: 2px solid #FFFFFF !important;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: rgba(48,48,48,1);
  text-align: center;
  text-transform: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
}

.modalClose{  
  position: absolute;
  top: 8px;
  right: 16px;
  transition: 0.50s;
  -webkit-transition: 0.40s;
  -moz-transition: 0.40s;
  -ms-transition: 0.40s;
  -o-transition: 0.40s;	
}

.modalClose:hover {
	color : #FFFFFF !important;	
	top: 11px;
	-webkit-transition: -webkit-transform 0.30s;
 	-moz-transition: -moz-transform 0.30s;
   	-o-transition: -o-transform 0.30s;
    transition: transform 0.30s;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	
	/*-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
   	-o-transform-style: preserve-3d;
      transform-style: preserve-3d;*/
	/*-webkit-transform: translateZ(100px);
 	-moz-transform: translateZ(100px);
   	-o-transform: translateZ(100px);
    transform: translateZ(100px);*/
    /*-webkit-animation : spin 1s infinite alternate;
    -moz-animation : spin 1s infinite alternate;
    -o-animation : spin 1s infinite alternate;
    animation : spin 1s infinite alternate;*/
    /*ruota 90 gradi questa la posso mettere*/
    /*-webkit-animation : rotate 1s;
    -moz-animation : rotate 1s;
    -o-animation : rotate 1s;
    animation : rotate 1s;*/
}

@-webkit-keyframes rotate {
  0% { -webkit-transform: rotate(0deg); }
  10% { -webkit-transform: rotate(36deg); }
  20% { -webkit-transform: rotate(72deg); }
  30% { -webkit-transform: rotate(108deg); }
  40% { -webkit-transform: rotate(144deg); }
  50% { -webkit-transform: rotate(180deg); }
  60% { -webkit-transform: rotate(216deg); }
  70% { -webkit-transform: rotate(252deg); }
  80% { -webkit-transform: rotate(288deg); }
  90% { -webkit-transform: rotate(324deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  0% {
    -moz-transform : rotate(0deg);
  }
  100% {
    -moz-transform : rotate(90deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform : rotate(0deg);
  }
  100% {
    -webkit-transform : rotate(90deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform : rotate(0deg);
  }
  100% {
    -o-transform : rotate(90deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform : rotate(0deg);
    transform : rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform : rotate(90deg);
  }
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #F6FCF4;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
/*********************************************************************************************************
 * QUESTI CREANO DEI MARGINI A SINISTRA CON IL NORMALE CALLOUT OPPURE USANDO BORDERED
 * CREANO MARGINI A DESTRA E SINISTRA COLORATI 
 * ESEMPIO
 * <div class="bs-callout bs-callout-primary">
  	<h4>Primary Callout</h4>
  	This is a primary callout.
   </div>
 * <div class="bs-callout-bordered bs-callout-primary-bordered">
  	<h4>Primary Callout</h4>
  	This is a primary callout.
   </div>
 *********************************************************************************************************/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.bs-callout-bordered {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-right-width: 5px;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-bordered-small {
    padding: 3px;
    margin: 3px 0;
    border: 1px solid #eee;
    border-right-width: 3px;
    border-left-width: 3px;
    border-radius: 3px;
}
.bs-callout-bordered h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout-bordered p:last-child {
    margin-bottom: 0;
}
.bs-callout-bordered code {
    border-radius: 3px;
}
.bs-callout-bordered+.bs-callout-bordered {
    margin-top: -5px;
}
.bs-callout-default-bordered {
    border-left-color: #777;
    border-right-color: #777;
}
.bs-callout-default-bordered h4 {
    color: #777;
}
.bs-callout-primary-bordered {
    border-left-color: #428bca;
    border-right-color: #428bca;
}
.bs-callout-primary-bordered h4 {
    color: #428bca;
}
.bs-callout-success-bordered {
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;
}
.bs-callout-success-bordered h4 {
    color: #5cb85c;
}
.bs-callout-danger-bordered {
    border-left-color: #d9534f;
    border-right-color: #d9534f;
}
.bs-callout-danger-bordered h4 {
    color: #d9534f;
}
.bs-callout-warning-bordered {
    border-left-color: #f0ad4e;
    border-right-color: #f0ad4e;
}
.bs-callout-warning-bordered h4 {
    color: #f0ad4e;
}
.bs-callout-info-bordered {
    border-left-color: #5bc0de;
    border-right-color: #5bc0de;
}
.bs-callout-info-bordered h4 {
    color: #5bc0de;
}
/*****************************************************************************************************
 ************BOTTONI EXTRA SMALL********************************************************************** 
 ****************************************************************************************************/
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.btn-xxs,
.btn-group-xxs > .btn {
  padding: 1px 3px;
  font-size: 10px;
  line-height: 1.3;
  border-radius: 2px;
}
.btn-xxxs,
.btn-group-xxxs > .btn {
  padding: 1px 2px;
  font-size: 9px;
  line-height: 1.2;
  border-radius: 2px;
}
.btn-xxxxs,
.btn-group-xxxxs > .btn {
  padding: 0.5px 0.5px;
  font-size: 8px;
  line-height: 1.0;
  border-radius: 0.5px;
}
label.col-form-label{
    text-align: right !important;
}

@media (max-width: 580px) {
	label.col-form-label{
	    text-align: left !important;
	}
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="vmonth"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
	.uneditable-input:focus {   
}

button[disabled],
html input[disabled] {
  cursor: default;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

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

.close{
    margin-top:-9px !important;;
}

input[type="checkbox"]:disabled{
	cursor:not-allowed;
}

/********************************************************************************************
 *************VECCHIO CODICE DELLE INPUT-GROUP-ADDON DI BOOTSTRAP4 BETA 2 O BOOTSTRAP3******* 
 *******************************************************************************************/
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .form-control-plaintext.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .form-control-plaintext.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
}

.input-group-addon {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:not(:last-child) {
  border-right: 0;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}

input[type="submit"].list-group-item-success.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

input[type="submit"].btn-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}
input[type="submit"].btn-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}
input[type="submit"].btn-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
input[type="submit"].btn-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

/**
 * 	mostra popup cercare spanPopup
 */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .frecciaSx{
    visibility: hidden;
    width: 260px;
  	background-color: #4d4b4c;
  	border: #FFF4EB 2px solid;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 7px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
    
}

/* Popup freccia giu*/
.popup .frecciaDown::after {
    content: "";
    position: absolute;
    top: 35%;
    left: 40.1%;   
    margin-left: -49%;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

/* Popup freccia a sx*/
.popup .frecciaSx::after{
    content: "";
    position: absolute;
    top: 35%;
    left: 40.1%;   
    margin-left: -49%;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

/* Toggle classe popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
/* Aggiunge animazione (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/*
*	STYLES FOR: complex.html UI LAYOUT
*
*	Created with ThemeRoller...
*	http://ui.jquery.com/themeroller/?bgColorDefault=e0e0e0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=d8d8d8&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=888888&fcHover=111111&iconColorHover=222222&bgColorActive=8ab9ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorContent=f3f3f3&fcContent=362b36&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.2&fsDefaultUnit=em#bgColorDefault=d6d6d6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=bbbbbb&fcDefault=000000&iconColorDefault=444444&bgColorHover=eeeeee&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=cccccc&fcHover=000066&iconColorHover=000066&bgColorActive=80ade5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=266cc0&fcActive=000000&iconColorActive=ffffff&bgColorContent=D1E6FC&bgTextureContent=10_dots_medium.png&bgImgOpacityContent=90&borderColorContent=bbbbbb&fcContent=000000&iconColorContent=222222&ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1&fsDefaultUnit=em
*/
/*
*	GENERAL COSMETICS
*/
.pane ,	
.ui-layout-pane {	
	background-color: #FFF;
	border: 1px solid #777;
	padding: 0;
	overflow: auto; 
}

.pane-north ,
.pane-south ,
.pane-west ,
.pane-east {
	overflow:		hidden;
}
.pane-north {
	border-bottom:	none;
	}
	.pane-north .content ,
	.pane-south .content {
		text-align: center;
	}
.pane-center {
	background-color: #F6F6F6;
	padding: 15px; 
}

.header { 
	background: #80ade5 url(../img/layoutIcone/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}
.subhead ,
.footer {
	background: #d6d6d6 url(../img/layoutIcone/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 0.85em;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.subhead { border-bottom: 1px solid #777; }
.footer  { border-top: 1px solid #777; }
#mainContent .footer  { border-top: 1px solid #BBB; }
.content {
	padding:	10px;
	position:	relative;
	overflow:	auto;
}

#mainContent .ui-layout-pane {
	padding: 10px;
}
#mainContent .ui-layout-north ,
#mainContent .ui-layout-south {
	text-align: center;
}
#mainContent .ui-layout-center {
	padding: 0 !important; 
}
#mainContent .ui-layout-content {
	padding: 10px;
}
#mainContent .ui-layout-center h3 {
	font-size: 1em;
	padding: 5px;
	margin: 0;
}

/*
 * Resizer Nord e hover
 */
.resizer-north-closed{
	background: url(../img/layoutIcone/resizable-n.gif) repeat-x center;;
}
.resizer-north-open	{ 
	background: url(../img/layoutIcone/resizable-n.gif) repeat-x center;}

.resizer-north-dragging ,
.resizer-north-open:hover { 
	background: url(../img/layoutIcone/resizable-s.gif) repeat-x center;
 }


/*
 * Resizer Est ed ovest e hover
 */

.resizer-east-dragging ,
.resizer-east-open:hover{ 
	background: url(../img/layoutIcone/resizable-e.gif) repeat-y center; 
}
.resizer-west-closed{
	background: #D1E6FC url(../img/layoutIcone/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-west-closed:hover {
	background: #D1E6FC;
}
.resizer-west-open{
	background: url(../img/layoutIcone/resizable-w.gif) repeat-x center;
}

.resizer-west-dragging ,
.resizer-west-open:hover{ 
	background: url(../img/layoutIcone/resizable-e.gif) repeat-y center; 
}

/**
 * 	Toggle nord sud
 */
.toggler-north-open ,
.toggler-south-closed 		{ background: url(../img/layoutIcone/toggle-up.gif) no-repeat center bottom; }
.toggler-north-closed ,
.toggler-south-open   		{ background: url(../img/layoutIcone/toggle-dn.gif) no-repeat center top; }
/**
 * 	Toogle est ed ovest
 */
.toggler-west-closed		{ background: url(../img/layoutIcone/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(../img/layoutIcone/go-rt-on.gif)  no-repeat center; }
.toggler-east-closed		{ background: url(../img/layoutIcone/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover	{ background: url(../img/layoutIcone/go-lt-on.gif)  no-repeat center; }

ul.toolbar {
	position:	relative;
	overflow:	hidden;
	height:		auto;
	margin:		0;
	padding:	2px;
	width:		100%;
	list-style:	none;
	text-align: left;
	background: #D6D6D6 url(../img/layoutIcone/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	border-top: 1px solid #BBB;
}
ul.toolbar li {
	font-size: 0.9em;
	margin: 0;
	padding: 2px 7px;
	float: left;
	color: #000;
	border: 1px solid transparent;
	border-right-color: #BBB;
	cursor: pointer;
}
ul.toolbar li:hover {
	color: #005;
	background: #EEE url(../img/layoutIcone/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	border-top-color: #BBB;
	border-bottom-color: #BBB;
}
ul.toolbar li.first:hover {
	border-left-color: #BBB;
	}
ul.toolbar li span {
	width: 			15px;
	height:			15px;
	margin-left:	-3px;
	margin-right:	0.75ex;
	vertical-align:	middle;
	opacity:		0.6;
	filter:			alpha(opacity=60);
	display:		block;
	display:		inline-block;
}
ul.toolbar li:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
}
li.button-toggle-north span	,
li.button-open-south span	{ background: url(../img/layoutIcone/go-up-on.gif) no-repeat center; }
li.button-close-south span	{ background: url(../img/layoutIcone/go-dn-on.gif) no-repeat center; }
li.button-pin-up span		{ background: url(../img/layoutIcone/pin-up-on.gif) no-repeat center; }
li.button-pin-down span		{ background: url(../img/layoutIcone/pin-dn-on.gif) no-repeat center; }

span.button-pin ,
span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west	{ left:	 0; }
span.button-close-east	{ right: 0; }
span.button-pin-west	{ right: 1px; }
span.button-pin-east	{ left:	 1px; }

span.button-pin-up 		  		{ background: url(../img/layoutIcone/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(../img/layoutIcone/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(../img/layoutIcone/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(../img/layoutIcone/pin-dn-on.gif)  no-repeat center; }

span.button-close-west			{ background: url(../img/layoutIcone/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(../img/layoutIcone/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(../img/layoutIcone/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(../img/layoutIcone/go-rt-on.gif)  no-repeat center; }

#mainContent .ui-layout-resizer-closed:hover	{ background: #FFEDCA !important; }
#mainContent .ui-layout-resizer-open:hover ,
#mainContent .ui-layout-resizer-dragging		{ background: #C4E1A4 !important; }
#mainContent .ui-layout-resizer-dragging-limit	{ background: #FF3300 !important; }

#mainContent .ui-layout-resizer-north ,
#mainContent .ui-layout-resizer-south		{ border-left:  1px solid #BBB !important;
											  border-right: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-north-closed{ border-top:   1px solid #BBB !important; }
#mainContent .ui-layout-resizer-south-closed{ border-bottom:1px solid #BBB !important; }
#mainContent .ui-layout-resizer-west-closed	{ border-left:  1px solid #BBB !important; }
#mainContent .ui-layout-resizer-east-closed	{ border-right: 1px solid #BBB !important; }

#mainContent .ui-layout-resizer:hover .ui-layout-toggler {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #FD9 !important;
	border-color: #CB7 !important;
}

#mainContent .ui-layout-resizer-sliding {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#mainContent .ui-layout-resizer-sliding:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler {
	display: none !important;
}
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler {
	display: block !important;
}

/*
 * Default Layout Theme
 *
 * Created for jquery.layout 
 *
 * Copyright (c) 2010 
 *   Fabrizio Balliano (http://www.fabrizioballiano.net)
 *   Kevin Dalman (http://allpro.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * Last Updated: 2010-02-10
 * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
 */

.ui-layout-pane {
    padding:	0px;
}

.ui-layout-content {
    padding:	0px;
    position:	relative;
}
.layout-child-container,
.layout-content-container {
    padding:	0;
    overflow:	hidden;
}
.layout-child-container {
    border:		0; 
}
.layout-scroll {
    overflow:	auto;
}
.layout-hide {
    display:	none;
}
.ui-layout-resizer	{
    background:		#DDD;
    border:			1px solid #BBB;
    border-width:	0;
}
.ui-layout-resizer-drag {
}
.ui-layout-resizer-hover{	
}
.ui-layout-resizer-open-hover ,	
.ui-layout-resizer-dragging {	
    background: #C4E1A4;
}
.ui-layout-resizer-dragging {	
    border: 	 1px solid #BBB;
}
.ui-layout-resizer-north-dragging,
.ui-layout-resizer-south-dragging {
    border-width:	1px 0;
}
.ui-layout-resizer-west-dragging,
.ui-layout-resizer-east-dragging {
    border-width:	0 1px;
}
.ui-layout-resizer-dragging-limit {	
    background: #E1A4A4; 
}

.ui-layout-resizer-closed-hover	{ 
    background: #EBD5AA;
}
.ui-layout-resizer-sliding {
    opacity: .10; 
    filter:  alpha(opacity=10);
}
.ui-layout-resizer-sliding-hover {	
    opacity: 1.00; 
    filter:  alpha(opacity=100);
}

.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

.ui-layout-toggler {
    border: 1px solid #BBB;
    background-color: #BBB;
}
.ui-layout-resizer-hover .ui-layout-toggler {
    opacity: .60;
    filter:  alpha(opacity=60);
}
.ui-layout-toggler-hover , 
.ui-layout-resizer-hover .ui-layout-toggler-hover {
    background-color: #FC6;
    opacity: 1.00;
    filter:  alpha(opacity=100);
}
.ui-layout-toggler-north ,
.ui-layout-toggler-south {
    border-width: 0 1px;
}
.ui-layout-toggler-west ,
.ui-layout-toggler-east {
    border-width: 1px 0; 
}
.ui-layout-resizer-sliding  .ui-layout-toggler {
    display: none;
}
.ui-layout-toggler .content {
    color:			#666;
    font-size:		12px;
    font-weight:	bold;
    width:			100%;
    padding-bottom:	0.35ex; 
}
.ui-layout-mask {
    border:		none !important;
    padding:	0 !important;
    margin:		0 !important;
    overflow:	hidden !important;
    position:	absolute !important;
    opacity:	0 !important;
    filter:		Alpha(Opacity="0") !important;
}
.ui-layout-mask-inside-pane {
    top:		0 !important;
    left:		0 !important;
    width:		100% !important;
    height:		100% !important;
}

.ui-layout-pane { 
    z-index: auto !important;
    border: 0px;
}

.fancybox-image {
  border: 8px solid #FFF4EB !important;
  border-radius : 5px !important;
}
/******************************************************************************************
 * IN AGGIUNTA AI BTN DI BOOTSTRAP CREA EFFETTO HOVER
 * ESEMPIO  BTN BTN-PRIMARY BTN-XS BTN-CHANGE7-PRIMARY
 ******************************************************************************************/
.btn-change-primary{
    -webkit-transition: all 0.5s ease-in;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change-primary:hover{
    -webkit-transform: scale(0.9);
    background: #1964BA;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change1-primary{
    border: 1px solid whitesmoke !important;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 0px 0 0 #1964BA inset , 0px 0px 0 0 #1964BA inset;
}
.btn-change1-primary:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 60px 0px 0 0 #1964BA inset , -60px 0px 0 0 #1964BA inset;
}
.btn-change2-primary{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transform-origin: 0 0;
    box-shadow:0px 0px 0 100px #1964BA inset;
}
.btn-change2-primary:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow:0px 0px 0 0px #1964BA inset;
    -webkit-transform: scale(1);
}
.btn-change3-primary{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px 0px 0 0 #1964BA inset , 0px 0px 0 #1964BA inset;
}
.btn-change3-primary:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 60px 0 0px #1964BA inset , 0px -60px 0 0px #1964BA inset; 
}
.btn-change4-primary{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px -60px 0 0 #1964BA inset , 0px 60px 0 #1964BA inset;
}
.btn-change4-primary:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0px #1964BA inset , 0px 0px 0 0px #1964BA inset; 
}
.btn-change5-primary{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 60px 0px 0 0 #1964BA inset , -60px 0px 0 #1964BA inset;
}
.btn-change5-primary:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0 #1964BA inset , 0px 0px 0 #1964BA inset;
}
.btn-change6-primary{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #1964BA  inset;
}
.btn-change6-primary:hover{
    border: 1px solid whitesmoke !important;
    box-shadow:0 0 0 25px #1964BA inset;
    -webkit-transform: scale(1);
}
.btn-change7-primary{
    border:2px solid whitesmoke !important;
    color:#fff;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #1e68d1 inset;
}
.btn-change7-primary:hover{
    border:2px solid whitesmoke !important;
    box-shadow:200px 0 0 #1e68d1 inset;/*#1964BA,1B6BC6*/
}
.btn-change8-primary{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #1964BA  inset;
}
.btn-change8-primary:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: -200px 0 0 #1964BA inset;
}
/******Success********/
.btn-change-success{
    -webkit-transition: all 0.5s ease-in;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change-success:hover{
    -webkit-transform: scale(0.9);
    background: #158c31;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change1-success{
    border: 1px solid whitesmoke !important;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 0px 0 0 #158c31 inset , 0px 0px 0 0 #158c31 inset;
}
.btn-change1-success:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 60px 0px 0 0 #158c31 inset , -60px 0px 0 0 #158c31 inset;
}
.btn-change2-success{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transform-origin: 0 0;
    box-shadow:0px 0px 0 100px #158c31 inset;
}
.btn-change2-success:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow:0px 0px 0 0px #158c31 inset;
    -webkit-transform: scale(1);
}
.btn-change3-success{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px 0px 0 0 #158c31 inset , 0px 0px 0 #158c31 inset;
}
.btn-change3-success:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 60px 0 0px #158c31 inset , 0px -60px 0 0px #158c31 inset; 
}
.btn-change4-success{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px -60px 0 0 #158c31 inset , 0px 60px 0 #158c31 inset;
}
.btn-change4-success:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0px #158c31 inset , 0px 0px 0 0px #158c31 inset; 
}
.btn-change5-success{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 60px 0px 0 0 #158c31 inset , -60px 0px 0 #158c31 inset;
}
.btn-change5-success:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0 #158c31 inset , 0px 0px 0 #158c31 inset;
}
.btn-change6-success{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #158c31  inset;
}
.btn-change6-success:hover{
    border: 1px solid whitesmoke !important;
    box-shadow:0 0 0 25px #158c31  inset;
    -webkit-transform: scale(1);
}
.btn-change7-success{
    border:2px solid whitesmoke !important;
    color:#fff;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in;
    box-shadow:0px 0 0 #158c31 inset;
}
.btn-change7-success:hover{
    border:2px solid whitesmoke !important;
    box-shadow:200px 0 0 #158c31 inset;
}
.btn-change8-success{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #158c31  inset;
}
.btn-change8-success:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: -200px 0 0 #158c31 inset;
}
/**********warning**************/
.btn-change-warning{
    -webkit-transition: all 0.5s ease-in;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change-warning:hover{
    -webkit-transform: scale(0.9);
    background: #e6af09;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change1-warning{
    border: 1px solid whitesmoke !important;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 0px 0 0 #e6af09 inset , 0px 0px 0 0 #e6af09 inset;
}
.btn-change1-warning:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 60px 0px 0 0 #e6af09 inset , -60px 0px 0 0 #e6af09 inset;
}
.btn-change2-warning{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transform-origin: 0 0;
    box-shadow:0px 0px 0 100px #e6af09 inset;
}
.btn-change2-warning:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow:0px 0px 0 0px #e6af09 inset;
    -webkit-transform: scale(1);
}
.btn-change3-warning{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px 0px 0 0 #e6af09 inset , 0px 0px 0 #e6af09 inset;
}
.btn-change3-warning:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 60px 0 0px #e6af09 inset , 0px -60px 0 0px #e6af09 inset; 
}
.btn-change4-warning{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px -60px 0 0 #e6af09 inset , 0px 60px 0 #e6af09 inset;
}
.btn-change4-warning:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0px #e6af09 inset , 0px 0px 0 0px #e6af09 inset; 
}
.btn-change5-warning{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 60px 0px 0 0 #e6af09 inset , -60px 0px 0 #e6af09 inset;
}
.btn-change5-warning:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0 #e6af09 inset , 0px 0px 0 #e6af09 inset;
}
.btn-change6-warning{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #e6af09  inset;
}
.btn-change6-warning:hover{
    border: 1px solid whitesmoke !important;
    box-shadow:0 0 0 25px #e6af09  inset;
    -webkit-transform: scale(1);
}
.btn-change7-warning{
    border:2px solid whitesmoke !important;
    color:#fff;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in;
    box-shadow:0px 0 0 #e6af09 inset;
}
.btn-change7-warning:hover{
    border:2px solid whitesmoke !important;
    box-shadow:200px 0 0 #e6af09 inset;
}
.btn-change8-warning{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #e6af09  inset;
}
.btn-change8-warning:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: -200px 0 0 #e6af09 inset;
}
/*****************danger*************/
.btn-change-danger{
    -webkit-transition: all 0.5s ease-in;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change-danger:hover{
    -webkit-transform: scale(0.9);
    background: #c92c39;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change1-danger{
    border: 1px solid whitesmoke !important;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 0px 0 0 #c92c39 inset , 0px 0px 0 0 #c92c39 inset;
}
.btn-change1-danger:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 60px 0px 0 0 #c92c39 inset , -60px 0px 0 0 #c92c39 inset;
}
.btn-change2-danger{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transform-origin: 0 0;
    box-shadow:0px 0px 0 100px #c92c39 inset;
}
.btn-change2-danger:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow:0px 0px 0 0px #c92c39 inset;
    -webkit-transform: scale(1);
}
.btn-change3-danger{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px 0px 0 0 #c92c39 inset , 0px 0px 0 #c92c39 inset;
}
.btn-change3-danger:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 60px 0 0px #c92c39 inset , 0px -60px 0 0px #c92c39 inset; 
}
.btn-change4-danger{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px -60px 0 0 #c92c39 inset , 0px 60px 0 #c92c39 inset;
}
.btn-change4-danger:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0px #c92c39 inset , 0px 0px 0 0px #c92c39 inset; 
}
.btn-change5-danger{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 60px 0px 0 0 #c92c39 inset , -60px 0px 0 #c92c39 inset;
}
.btn-change5-danger:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0 #c92c39 inset , 0px 0px 0 #c92c39 inset;
}
.btn-change6-danger{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #c92c39  inset;
}
.btn-change6-danger:hover{
    border: 1px solid whitesmoke !important;
    box-shadow:0 0 0 25px #c92c39  inset;
    -webkit-transform: scale(1);
}
.btn-change7-danger{
    border:2px solid whitesmoke !important;
    color:#fff;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in;
    box-shadow:0px 0 0 #c92c39 inset;
}
.btn-change7-danger:hover{
    border:2px solid whitesmoke !important;
    box-shadow:200px 0 0 #c92c39 inset;
}
.btn-change8-danger{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #c92c39  inset;
}
.btn-change8-danger:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: -200px 0 0 #c92c39 inset;
}
/*****************info*************/
.btn-change-info{
    -webkit-transition: all 0.5s ease-in;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change-info:hover{
    -webkit-transform: scale(0.9);
    background: #1492a8;
    border: 1px solid whitesmoke !important;
    color: #fff;
}
.btn-change1-info{
    border: 1px solid whitesmoke !important;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 0px 0 0 #1492a8 inset , 0px 0px 0 0 #1492a8 inset;
}
.btn-change1-info:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 60px 0px 0 0 #1492a8 inset , -60px 0px 0 0 #1492a8 inset;
}
.btn-change2-info{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transform-origin: 0 0;
    box-shadow:0px 0px 0 100px #1492a8 inset;
}
.btn-change2-info:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow:0px 0px 0 0px #1492a8 inset;
    -webkit-transform: scale(1);
}
.btn-change3-info{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px 0px 0 0 #1492a8 inset , 0px 0px 0 #1492a8 inset;
}
.btn-change3-info:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 60px 0 0px #1492a8 inset , 0px -60px 0 0px #1492a8 inset; 
}
.btn-change4-info{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px -60px 0 0 #1492a8 inset , 0px 60px 0 #1492a8 inset;
}
.btn-change4-info:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0px #1492a8 inset , 0px 0px 0 0px #1492a8 inset; 
}
.btn-change5-info{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transform-origin: 50% 50%;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 60px 0px 0 0 #1492a8 inset , -60px 0px 0 #1492a8 inset;
}
.btn-change5-info:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: 0px 0px 0 0 #1492a8 inset , 0px 0px 0 #1492a8 inset;
}
.btn-change6-info{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #1492a8  inset;
}
.btn-change6-info:hover{
    border: 1px solid whitesmoke !important;
    box-shadow:0 0 0 25px #1492a8  inset;
    -webkit-transform: scale(1);
}
.btn-change7-info{
    border:2px solid whitesmoke !important;
    color:#fff;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in;
    box-shadow:0px 0 0 #1492a8 inset;
}
.btn-change7-info:hover{
    border:2px solid whitesmoke !important;
    box-shadow:200px 0 0 #1492a8 inset;
}
.btn-change8-info{
    border: 1px solid whitesmoke !important;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #1492a8  inset;
}
.btn-change8-info:hover{
    border: 1px solid whitesmoke !important;
    -webkit-box-shadow: -200px 0 0 #1492a8 inset;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

/************************************************************************
 ********************FOOTER AND COPYRIGHT******************************** 
 ***********************************************************************/
.footer-bottom {
    padding: 15px 0 15px;
    border-top: 1px solid #000000;
    background-color: #1492a8;
}
.footer-bottom:hover {
    padding: 15px 0 15px;
    border-top: 1px solid #000;
    background-color: #40aabd;
}
.copyright-text p {
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0;
    transition: all 0.8s;
}
.copyright-text p:hover {
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0;
    text-overflow:  clip;
    /*text-shadow: 0px 1px 0px rgba(255,255,255,1) , 0 2px 0 rgba(255,255,255,1) , 0 2px 2px rgba(255,255,255, 1), 0 1px 0px rgba(255,255,155,2), 0 5px 1px rgba(25,15,55,1), 0 1px 1px rgba(255,255,255,1);*/
	text-shadow: 0px 1px 0px rgba(255,255,255,1) , 0 1px 0 ;
}
.copyrightRotation{
    position: absolute;
    left:-1px;
    top: 0px;
    width: 0px;
    height: 0px;
    
    -webkit-animation: orbita 3s linear infinite; 
    -moz-animation: orbita 3s linear infinite; 
     -o-animation: orbita 3s linear infinite; 
     animation: orbita 3s linear infinite; 
}
@keyframes orbita {
    0%  { transform: rotate(0deg) translateX(0px) translateY(10px) rotate(0deg) scale(1); }
    25%  { transform: rotate(90deg) translateX(0px) translateY(10px) rotate(-90deg) scale(1); }
    50%  { transform: rotate(180deg) translateX(0px) translateY(10px) rotate(-180deg) scale(1); }
    75%  { transform: rotate(270deg) translateX(0px) translateY(10px) rotate(-270deg) scale(1); }
    100%  { transform: rotate(360deg) translateX(0px) translateY(10px) rotate(-360deg) scale(1); }
}
@-webkit-keyframes orbita {
    0%  { transform: rotate(0deg) translateX(0px) translateY(10px) rotate(0deg) scale(1); }
    25%  { transform: rotate(90deg) translateX(0px) translateY(10px) rotate(-90deg) scale(1); }
    50%  { transform: rotate(180deg) translateX(0px) translateY(10px) rotate(-180deg) scale(1); }
    75%  { transform: rotate(270deg) translateX(0px) translateY(10px) rotate(-270deg) scale(1); }
    100%  { transform: rotate(360deg) translateX(0px) translateY(10px) rotate(-360deg) scale(1); }
  
}
@-moz-keyframes orbita {
    0%  { transform: rotate(0deg) translateX(0px) translateY(10px) rotate(0deg) scale(1); }
    25%  { transform: rotate(90deg) translateX(0px) translateY(10px) rotate(-90deg) scale(1); }
    50%  { transform: rotate(180deg) translateX(0px) translateY(10px) rotate(-180deg) scale(1); }
    75%  { transform: rotate(270deg) translateX(0px) translateY(10px) rotate(-270deg) scale(1); }
    100%  { transform: rotate(360deg) translateX(0px) translateY(10px) rotate(-360deg) scale(1); }
}
@-o-keyframes orbita {
    0%  { transform: rotate(0deg) translateX(0px) translateY(10px) rotate(0deg) scale(1); }
    25%  { transform: rotate(90deg) translateX(0px) translateY(10px) rotate(-90deg) scale(1); }
    50%  { transform: rotate(180deg) translateX(0px) translateY(10px) rotate(-180deg) scale(1); }
    75%  { transform: rotate(270deg) translateX(0px) translateY(10px) rotate(-270deg) scale(1); }
    100%  { transform: rotate(360deg) translateX(0px) translateY(10px) rotate(-360deg) scale(1); }
}

/*Cambia lo stile della scritta in header*/
.headDefault {
  text-transform:capitalize;
  box-sizing:content-box;
  border: none;
  font: normal normal 900 70px/normal "Aldrich", Helvetica, sans-serif;
  color: rgb(45, 90, 235);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 1px 0 rgb(180,14,147) , -1px 0 0 rgb(180,20,213) , -1px 2px 0 rgb(128,141,147) , -2px 1px 0 rgb(205,210,213) , -2px 3px 0 rgb(128,151,147) , -3px 2px 0 rgb(25,210,213) , -3px 4px 0 rgb(128,141,147) , -4px 3px 0 rgb(205,210,213) , -4px 5px 0 rgb(128,141,147) , -5px 4px 0 rgb(205,210,213) , -5px 6px 0 rgb(128,141,147) , -6px 5px 0 rgb(205,210,213) , -6px 7px 0 rgb(128,11,147) , -7px 6px 0 rgb(205,20,213) , -7px 8px 0 rgb(18,141,147) , -8px 7px 0 rgb(25,210,213);
  transition: all 0.5s;
}

.headDefault:hover {
  box-sizing:content-box;
  border: none;
  text-transform:capitalize;
  color: rgb(45, 90, 235);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 1px 0 rgba(255,255,255,1) , 0 2px 0 rgba(255,255,255,1) , 0 3px 150px rgba(215,155,55,1) , 0 4px 0 rgba(255,25,25,1) , 0 5px 0 rgba(55,55,255,1) , 0 6px 1px rgba(255,255,255,0.0980392) , 0 0 5px rgba(250,250,250,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 -5px 10px rgba(0,0,0,0.247059) , 0 -7px 10px rgba(0,0,0,0.2) , 0 -15px 20px rgba(0,0,0,0.14902) ;
  /*.transition(all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms);*/
  -webkit-transform: none;
  transform: none;
}
/* Portrait and Landscape */
@media screen and (max-width: 400px){
	.headDefault{
 	   font-family: "Times New Roman", Times, serif;
       font-style:oblique;
       font-size:50px;
	   font-weight: normal;
	}
}

/*************************************************************************
 **********JQUERY UI AUTCOMPLETE PERSONALIZZAZIONE E ITEM ODD EVEN********
 *************************************************************************/
.ui-autocomplete {
	position:absolute;
	padding: 2px 0;
	border: 2px solid red;
	list-style: circle !important;
	border-style: solid;
	border-color: #2E6DA4 !important;
	border-width: 2px;
	min-width: auto;
	float: left !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
	-webkit-background-clip: padding-box !important;
	-moz-background-clip: padding !important;
	background-clip: padding-box !important;
	/**border-right-width: 2px !important;
	*border-bottom-width: 2px !important;*/
	max-height: 350px !important; 
	overflow-y: scroll !important; 
	overflow-x: hidden !important;
	z-index:100006 !important
}		
	
.ui-autocomplete li.ui-menu-item {
  background-color: #f3f6fa !important;  
}

.ui-autocomplete li.ui-menu-item-odd {
  background-color: #ffffff !important;
}	
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
/**
 * 	TOOLTIP MASTER
 */
.tooltipInfo {
	display : none;
	position : absolute;
	border : 1px solid #FFF3CD;
	background-color : #d1ecf1;
	border-radius : 5px;
	padding : 5px;
	color : #000000;
	font-size : 12px Arial;
}
.tooltipDanger {
	display : none;
	position : absolute;
	border : 1px solid #FFF3CD;
	background-color : #f8d7da;
	border-radius : 5px;
	padding : 5px;
	color : #000000;
	font-size : 12px Arial;
}
.tooltipWarning {
	display : none;
	position : absolute;
	border : 1px solid #FFF3CD;
	background-color : #fff3cd;
	border-radius : 5px;
	padding : 5px;
	color : #000000;
	font-size : 12px Arial;
}


/*
 * Icone per w2ui ed altro
 */
.iconaAttivita:before{
	content:url('../img/icone/attivita.png'); 
}
.iconaAttivita1:before{
	content:url('../img/icone/attivita1.png'); 
}
.iconaAttivita2:before{
	content:url('../img/icone/attivita2.png'); 
}
.iconaCalendario:before{
	content:url('../img/icone/calendrio.png'); 
}
.iconaCalendario1:before{
	content:url('../img/icone/calendrio1.png'); 
}
.iconaCalendario2:before{
	content:url('../img/icone/calendrio2.png'); 
}
.iconaCancella:before{
	content:url('../img/icone/cancella.png'); 
}
.iconaCancellaDocumento:before{
	content:url('../img/icone/cancellaDocumento.png'); 
}
.iconaChiudi:before{
	content:url('../img/icone/chiudi.png'); 
}
.iconaCreaNuovo:before{
	content:url('../img/icone/creaNuovo.png'); 
}
.iconaCreaNuovo1:before{
	content:url('../img/icone/creaNuovo1.png'); 
}
.iconaCreaNuovo2:before{
	content:url('../img/icone/creaNuovo2.png'); 
}
.iconaDaFare:before{
	content:url('../img/icone/daFare.png'); 
}
.iconaDocumenti:before{
	content:url('../img/icone/documenti.png'); 
}
.iconaDocumenti1:before{
	content:url('../img/icone/documenti1.png'); 
}
.iconaDocumenti2:before{
	content:url('../img/icone/documenti2.png'); 
}
.iconaDownloads:before{
	content:url('../img/icone/downloads.png'); 
}
.iconaElimina:before{
	content:url('../img/icone/elimina.png'); 
}
.iconaElimina1:before{
	content:url('../img/icone/elimina1.png'); 
}
.iconaElimina2:before{
	content:url('../img/icone/elimina2.png'); 
}
.iconaEliminaFile:before{
	content:url('../img/icone/eliminaFile.png'); 
}
.iconaEliminaFile2:before{
	content:url('../img/icone/eliminaFile2.png'); 
}
.iconaEliminaFile3:before{
	content:url('../img/icone/eliminaFile3.png'); 
}
.iconaEliminaFile4:before{
	content:url('../img/icone/eliminaFile4.png'); 
}
.iconaEliminaProprieta:before{
	content:url('../img/icone/eliminaProprieta.png'); 
}
.iconaEliminaProprieta1:before{
	content:url('../img/icone/eliminaProprieta1.png'); 
}
.iconaEliminaProprieta2:before{
	content:url('../img/icone/eliminaProprieta2.png'); 
}
.iconaEliminaProprieta3:before{
	content:url('../img/icone/eliminaProprieta3.png'); 
}
.iconaEliminaProprieta4:before{
	content:url('../img/icone/eliminaProprieta4.png'); 
}
.iconaEliminare:before{
	content:url('../img/icone/eliminare.png'); 
}
.iconaEliminare1:before{
	content:url('../img/icone/eliminare1.png'); 
}
.iconaEliminaVista:before{
	content:url('../img/icone/eliminaVista.png'); 
}
.iconaError:before{
	content:url('../img/icone/error.png'); 
}
.iconaEseguireComando:before{
	content:url('../img/icone/eseguireComando.png'); 
}
.iconaEsportaPdf:before{
	content:url('../img/icone/esportaPdf.png'); 
}
.iconaMatita:before{
	content:url('../img/icone/matita.png'); 
}
.iconaModificaFile:before{
	content:url('../img/icone/modificaFile.png'); 
}
.iconaModificaFile1:before{
	content:url('../img/icone/modificaFile1.png'); 
}
.iconaModificaFile2:before{
	content:url('../img/icone/modificaFile2.png'); 
}
.iconaModificaProprieta:before{
	content:url('../img/icone/modificaProprieta.png'); 
}
.iconaModificaProprieta1:before{
	content:url('../img/icone/modificaProprieta1.png'); 
}
.iconaModificare:before{
	content:url('../img/icone/modificare.png'); 
}
.iconaModificare1:before{
	content:url('../img/icone/modificare1.png'); 
}
.iconaModificare2:before{
	content:url('../img/icone/modificare2.png'); 
}
.iconaModificare3:before{
	content:url('../img/icone/modificare3.png'); 
}
.iconaMultiEdit:before{
	content:url('../img/icone/multiEdit.png'); 
}
.iconaOk:before{
	content:url('../img/icone/ok.png'); 
}
.iconaPdf:before{
	content:url('../img/icone/pdf.png'); 
}
.iconaPdf1:before{
	content:url('../img/icone/pdf1.png'); 
}
.iconaPiu:before{
	content:url('../img/icone/piu.png'); 
}
.iconaPiuVerde:before{
	content:url('../img/icone/piuVerde.png'); 
}
.iconaPiuVerde1:before{
	content:url('../img/icone/piuVerde1.png'); 
}
.iconaProgettazione:before{
	content:url('../img/icone/progettazione.png'); 
}
.iconaProgettazione1:before{
	content:url('../img/icone/progettazione2.png'); 
}
.iconaProgettazione1:before{
	content:url('../img/icone/progettazione2.png'); 
}
.iconaRicercaProprieta:before{
	content:url('../img/icone/ricercaProprieta.png'); 
}
.iconaRicercaProprieta1:before{
	content:url('../img/icone/ricercaProprieta1.png'); 
}
.iconaRimuovi:before{
	content:url('../img/icone/rimuovi.png'); 
}
.iconaRimuovi1:before{
	content:url('../img/icone/rimuovi1.png'); 
}
.iconaRimuovi2:before{
	content:url('../img/icone/rimuovi2.png'); 
}
.iconaRimuoviProprieta:before{
	content:url('../img/icone/rimuoviProprieta.png'); 
}
.iconaSalva:before{
	content:url('../img/icone/salva.png'); 
}
.iconaSalva1:before{
	content:url('../img/icone/salva1.png'); 
}
.iconaSpunta:before{
	content:url('../img/icone/spunta.png'); 
}
.iconaSpunta1:before{
	content:url('../img/icone/spunta1.png'); 
}
.iconaSpunta2:before{
	content:url('../img/icone/spunta2.png'); 
}
.iconaEsportaCsv:before{
	content:url('../img/icone/esportaCsv.png'); 
}
.iconaPassword:before{
	content:url('../img/icone/password.png'); 
}
.iconaUser:before{
	content:url('../img/icone/user.png'); 
}