.fa-blue {
color: #04307c; 
--fa-primary-color: #04307c; 
--fa-secondary-color: #3e83f9;
}

.fa-white {
color: #ffffff; 
--fa-primary-color: #ffffff;
--fa-secondary-color: #ffffff;
}


.fa-red {
color: #df3030; 
--fa-primary-color: #df3030; 
--fa-secondary-color: #e32626;
}

.fa-slow {
--fa-animation-duration: 2.0s;
}

.fa-fast {
--fa-animation-duration: 0.5s;	
}

.fa-shake-3 {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, 3);
          animation-iteration-count: var(--fa-animation-iteration-count, 3);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }
		  
.fa-click {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, 1);
          animation-iteration-count: var(--fa-animation-iteration-count, 1);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }
		  
		  
.its-background-italfirma {
 background-image: url('../../../files/logo_italfirma.png');
 background-position: right center; 
 background-size: contain; 
 opacity: 1.0;
 background-repeat: no-repeat;
}

.its-background-italsoft {
 background-image: url('../../../files/file01.png'); 
 background-position: right center; 
 background-size: contain; 
 opacity: 0.3;
 background-repeat: no-repeat;
}

.its-background-italcloud {
 background-image: url('../../../files/vertical02.png'); 
 background-position: right center; 
 background-size: contain; 
 opacity: 1.0;
 background-repeat: no-repeat;
}


.its-color {
color: #f0f5fb;	
}

.its-padding-left {
padding-left: 10px;	
}

.its-padding-right {
padding-right: 10px;	
}

.its-color-border {
color: #f0f5fb;	
border-color: #5fa2dd;
border-width: 1px;
border-style: solid;
}
		  

.x-form-trigger-default {
    border-radius: 0;
    -moz-border-radius: 0 ;
    -webkit-border-radius: 0 ;
    -ms-border-radius: 0 ;
    border-radius: 0 ;
    color: #7e7e7e
}

.x-form-text-wrap, .x-form-trigger-wrap-default {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
}

.x-form-trigger-wrap-default {
    border-color: #ccc #ccc #ccc #ccc !important;
}


.x-form-trigger-wrap-focus {
    border-color: #ccc #ccc #0072dc #ccc !important
}

.x-fieldset-default {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border-color: #bbb;
}

.x-form-radio-default::before {
    content: "";
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid #dfdfdf;
    background-color: #fff;
}

.x-form-checkbox-default {
    width: 14px;
    height: 14px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid transparent;
    border-color: #5c6e90;
    background-color: white;
    transition: border 50ms cubic-bezier(0.18,0.24,0.29,0.96), color 0.15s 250ms cubic-bezier(0.18,0.24,0.29,0.96)
}

.x-form-cb-checked .x-form-checkbox-default::before {
    content: "\f00c" !important;
    display: block;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-size: 0.6em;
    left: 3px;
    position: relative;
    top: 3px
}

.x-form-cb.x-form-radio-default::after {
    content: "";
    position: absolute;
    background-color: #fff;
    color: #fff;
    border-radius: 0%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    transition: transform 0.3s;
    transform: scale(0);
    transform-origin: 50% 50%
}

.x-boundlist {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.x-button-grid-cell-small-cell > .x-grid-cell-inner > .x-btn-grid-cell-small {
    vertical-align: center;
}



/*
.w3-theme-form {color:#757575 !important; background-color:#000 !important}
*/

.w3-form-theme {color:#607d8b !important; background-color:#fff !important}

.w3-text-bold {font-weight: bold;}

.w3-text-italic {font-style: italic;}

/*.w3-text-padding {padding-left: 4px; padding-right: 4px;}*/

.w3-text-padding {
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;	
}	

.w3-text-error {
	color: #fff !important;
    background-color: #f44336 !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}	

.w3-text-ok {
    color: #fff !important;
    background-color: #4caf50 !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}	

.w3-text-info {
    color: #fff !important;
    background-color: #2196f3 !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;	
}	

.w3-text-warning {
    color: #fff !important;
    background-color: #ff9800 !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;	
}	

.w3-text-line {
    color: #000000 !important;
    background-color: #eeeeee !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;	
}	

.w3-text-title {
    color: #ffffff !important;
    background-color: #607d8b !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;	
}	

.w3-text-bar {
    color: #ffffff !important;
    background-color: #3a4b53 !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;	
}	

.w3-text-evid {
    color: #ffffff !important;
    background-color: #a1851e !important;
	padding-left: 4px; 
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;	
}	
	

.its-tooltip {
	position:fixed;
	/*
	display: inline-block;
	*/
	margin-top:-25px;
	margin-left:30px;
	width: auto;
	z-index: 99999;
}

.its-tooltip .its-tooltiptext  {
  width: max-content;
  background-color: #3a4b53;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  position: absolute;
  box-shadow: 0px 0px 2px #ffffff;
}	

.its-tooltip::after {
	content: "";
	position: absolute;		
	right: 100%;
	margin-left:0px;
	margin-right:-8px;
	margin-top:12px;		
	border-width: 5px;
	border-style: solid;
	border-color: transparent #3a4b53 transparent transparent;
}


.its-grid-correct {
	top: 0px !important;
}

.its-stayontop {
	position:fixed !important;
	z-index: 99999;
}


.its-autohide-title {
  display: none;
}

.its-autohide-icon {
  display: none;
}

.its-button-hide {
  display: none;
}

.its-button-show {
  display: inline;
}

/* Stile per per nascondere un oggetto per browser con larghezza minore di 450px */
@media screen and (min-width: 449px) {
  .its-autohide-title {
    display: inline;
  }
}

/* Stile per per nascondere un oggetto per browser con larghezza minore di 350px */
@media screen and (min-width: 349px) {
  .its-autohide-icon {
    display: inline;
  }
}

/* Stile per browser con larghezza maggiore di 350px */
@media screen and (min-width: 350px) {
    .its-display-large {
        display: inline; /* Mostra div1 */
    }
    .its-display-normal {
        display: none; /* Nasconde div2 */
    }
}

/* Stile per browser con larghezza minore o uguale a 350px */
@media screen and (max-width: 350px) {
    .its-display-large {
        display: none; /* Nasconde div1 */
    }
    .its-display-normal {
        display: inline; /* Mostra div2 */
    }
}

/* Cambia distanta tra i pulsanti nelle toolbar prima era 8px 16px */
.w3-button { 

	padding:8px 12px; !important;
	
}