body{
	background: #F4F4F4;
	padding:0.2%;
}

input[type="text"]:focus, 
input[type="datetime"]:focus{
  background-color: #fafce8;
  color:#000000;
}

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

/*------------------PERSONALIZZAZIONE CSS PER BOOTSTRAP NAV BAR--------------------*/
.navbar-expand-lg {
  border: 0; border-radius: 5px; margin: 5px 0; box-shadow: 0px 0px 1px 1px #2f568d; 
}
.navbar-expand-lg .navbar-brand {
  color: #1a28d9;
}
.navbar-expand-lg .navbar-brand:hover {
  background: #839cd3;
  background: -moz-linear-gradient(top, #08a2e7 0%, #0466d7 100%);
  background: -webkit-linear-gradient(top, #08a2e7 0%,#0466d7 100%);
  background: linear-gradient(to bottom, #08a2e7 0%,#0466d7 100%); 
  border-bottom-color : #fff !important;
  color : rgba(255,255,255,255) !important;
}
.webLogAffariTuoi:hover{
	color: red;
}
.nav > li > a {
  color: #0a2c74 !important; 
  font-weight: 500;
}
.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 {
  background: #606c88; /* Old browsers */
  background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-bottom-color : #fff !important;
  color : rgba(255,255,255,255) !important;
  border-bottom-right-radius : 0.5rem !important;
  border-bottom-left-radius : 0.5rem !important;
  border-top-right-radius : 0.5rem !important;
  border-top-left-radius : 0.5rem !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{
	max-height: 300;
}
.nav .nav-link:hover {
  background: #839cd3;
  background: -moz-linear-gradient(top, #08a2e7 0%, #0466d7 100%);
  background: -webkit-linear-gradient(top, #08a2e7 0%,#0466d7 100%);
  background: linear-gradient(to bottom, #08a2e7 0%,#0466d7 100%); 
  border-bottom-color : #fff !important;
  color : rgba(255,255,255,255) !important;
  border-bottom-right-radius : 0.5rem !important;
  border-bottom-left-radius : 0.5rem !important;
  border-top-right-radius : 0.5rem !important;
  border-top-left-radius : 0.5rem !important;
}
.nav .nav-link.active {
  background: #a7cfdf;
  background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%);
  background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%);
  background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%);
  border-bottom-color : #ffffff !important;
  color : rgba(250, 250, 250, 250) !important;;		
  margin : 0 -1% 0 -1% !important;
  border-bottom-right-radius : 0.6rem !important;
  border-bottom-left-radius : 0.6rem !important;
  border-top-right-radius : 0.6rem !important;
  border-top-left-radius : 0.6rem !important;
  margin-right : -1px !important;
}
.nav .nav-link.active:hover {
  background: #606c88;
  background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
  background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%);
  background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
  border-bottom-color : #fff !important;
  color : rgba(255,255,255,255) !important;  
  border-bottom-right-radius : 0.3rem !important;
  border-bottom-left-radius : 0.3rem !important;
  border-top-right-radius : 0.3rem !important;
  border-top-left-radius : 0.3rem !important;
}
@media screen and (max-width:980px){
	li.dropdown:hover .dropdown-menu{
	    display: block; 
	} 
	.navbar-collapse {
	    overflow-y: visible;
	}	
}
/************************************************************************************************************************************************/
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.h4Personale {
    font-family:Georgia,serif;
	color:#4E443C; 
    margin-bottom: 0;
  	transition: 1.0s;
  	-webkit-transition: 1.5s;
  	-moz-transition: 1.5s;
  	-ms-transition: 1.0s;
  	-o-transition: 1.5s;	
}
.h4Personale:hover{
	color : #1964BA !important;	
    font-family: Helvetica, Arial, sans-serif;
	-webkit-transform:translate(5px, -5px);
	-moz-transform: translate(5px, -5px);
	-o-transform: translate(5px, -5px);
	-ms-transform: translate(5px, -5px);
     transform: translate(5px, -5px);

}
.h4 {
     font-size: 18px;
     font-weight:bold;
     color: #4B76AD;
     border-bottom: 1px solid #4B76AD;
     padding: 5px 0 3px 5px;
}
.dotted {
  border-top:1px dotted #000000 !important;
  width:100% !important;
  margin:2px 1px 2px 1px !important;
  overflow:auto !important;
}
/***************************************************************************************************
 * 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; }
/******************************************************************************************
 * 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;
    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;
	transition-duration: 0.8s;
    box-shadow: 150px 0px 0 0 #158c31 inset , -150px 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;
}
/**********************************************************************
 ************************SPACER**************************************** 
 *********************************************************************/
.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; }

/********************************************************************************************
 *******************************CONTAINER BORDER ******************************************** 
 *******************************************************************************************/
.containerBorder{
  	border:1px solid #006699;
	background-color: #EAEFF4;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
	border-radius:4px;
}
.containerBorderPlatinum{
  	border:1px solid #006699;
	background-color: #E5E4E2;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px; 
	border-radius:4px; 
}
.containerBorderBlonde{
  	border:1px solid #006699;
	background-color: #FBF6D9;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px; 
	border-radius: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; 
	border-radius: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; 
	border-radius:4px; 
}

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

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

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

.containerBorderAliceViolet{
  	border:1px solid #006699;
	background-color: #f1e2e2;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
	border-radius:4px;
}
.containerBorderAliceLight{
  	border:1px solid #006699;
	background-color: #dbe7ff;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
	border-radius:4px;
}
.containerBorderAliceBlonde{
  	border:1px solid #006699;
	background-color: #fff4c4;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
	border-radius:4px;
}
.containerBorderSuccess{
  	border:1px solid #006699;
	background-color: #cedbecc2;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;  
	border-radius: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%}

/**************************************************************************************************
 *****************************BS CALLOUT*********************************************************** 
 *************************************************************************************************/
.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-medium {
    padding: 10px;
    margin: 10px 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;
}
/*****************************************
 *********JQUERY TOOLTIP CLASS************ 
 ****************************************/
.tooltipPersonal {
    position:absolute;
    border-radius: 8px;
    color: #000000;
    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);  
    top: 0%;
	background: whitesmoke;
}
/**************************************************************************************
 * 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 HTML
 *************************************************************************************/
.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;
  color: #dc3545 !important;/*#737373;*/
  font-size:14px;
}
/******************************************************
****************HEADER PAGE TEXT AND HOVER*************
******************************************************/
.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);
  -webkit-transform: none;
  transform: none;
}

.headDefaultUpperCase:hover {
  box-sizing:content-box;
  border: none;
  text-transform:uppercase;
  border-bottom: 1px solid #4B76AD;
  color: rgb(31 70 106) !important;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 3px 0 #ffffff, 0 0px 0 #ffffff, 0 3px 0 #fffefe, 0 2px 0 #000000;
  -webkit-transform: none;
  transform: none;
}

.demotext:hover {
color: #FFFFFF;
background: #0e8dbc;
text-shadow: 0 3px 0 #ffffff, 0 0px 0 #ffffff, 0 3px 0 #fffefe, 0 2px 0 #000000;
color: #FFFFFF;
background: #0e8dbc;
}

.headPageDefault{
	color: #2049D2;
	font-family:Impact;
	text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.25);
	font-size:300%
}
/* 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;
	}
}

/************************************************************************************************
 ******************************	BOOTSTRAP CUSTOMIZE INPUT-GROUP-XS******************************* 
 ************************************************************************************************/
.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;
}
/***************************************************************************************************
 * DIVERSI INNER LENGTH IN BASE AI MARGINI PER LA VISUALIZZAZIONE DELLE ICONE  
 **************************************************************************************************/

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

.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;}
/*********************************************************************************************************
 ********************BOTTONI TYPE SUBMIT BTN-SUCCESS ETC HOVER ETC....................
 *********************************************************************************************************/
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;
}

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

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

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

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

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

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

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

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;
  background-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

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

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

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

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

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;
  background-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

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

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);
}
/********************************************************************************************************
 ****************MODAL CUSTOMIZE************************************************************************* 
 ********************************************************************************************************/
.modal {
  text-align: center!important;
}
.modal-header-success {
	color:#fff !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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 !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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;     
}

 @-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%}
}

.modal-header-warning {
	color:#fff !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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 !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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 !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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 !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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 !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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 !important;
    padding:1% 1%;
    border-bottom:2px solid #bfbab5 !important;
    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:1% 1%;
    border-bottom:2px solid #bfbab5 !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:1% 1%;
    border-bottom:2px solid #bfbab5 !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; 
}

.modalHeaderText {
   flex-grow:2;
   font-size: 18px;
   font-weight: bold;
   color: #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
   border-left : 100px;
   padding: 1px 0px 5px 0px;
   text-align: center;
   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;
  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;
  color: #FFFFFF;
  white-space: pre;
  text-shadow: 1px 2px 0px rgba(100,140,140,1) , 1px 1px 10px rgba(150,250,200,1);
}

.modalClose{
  font-family: Arial !important;
  font-size: 1.8rem;  
  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 {
    font-family: Arial !important;
    font-size: 1.8rem;
    color : #FFFFFF !important;	
	top: 8px;
	-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-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); }
}

/***************************************
 ******SPIN BUT NON USATO PER ORA********
 **************************************/
@-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);
  }
}
/*****************************************************************************************************
 ************BUTTON EXTRA SMALL*********************************************************************** 
 ****************************************************************************************************/
.btn-xs, 
.btn-group-xs > .btn {
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge{
  top: 0 !important;
  padding: 1px 5px !important;
}
.btn-xxs,
.btn-group-xxs > .btn {
  padding: 1px 3px !important;
  font-size: 10px !important; 
  line-height: 1.3 !important;
  border-radius: 2px !important;
}
.btn-xxxs,
.btn-group-xxxs > .btn {
  padding: 1px 2px !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  border-radius: 2px !important;
}
.btn-xxxxs,
.btn-group-xxxxs > .btn {
  padding: 0.5px 0.5px;
  font-size: 8px;
  line-height: 1.0;
  border-radius: 0.5px;
}

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

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

@keyframes pulsea {
  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);
  }
}

.immagini img:hover {
  -webkit-animation-name: pulsea;
  animation-name: pulsea;
  -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;
}

.immaginiRiga{
    display:inline;
    margin : 0.5%;
}