/* Titolo applicazione  */
#header-main-caption i {
	font-size: 12px;
	Color: #e5e5e5;
	font-style: normal;
}
/* Titolo applicazione  */
/* Bottone debug  */
#header-debug-image {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}
/* input box del comando nell'header  */
#header-command-input
{
	margin-right: 0px;
	font-size: 8pt;
	text-transform: none;
	width: 120px;
	color: #8b0000;
}


/* Bottone debug  */
/* Videate  */
.form-container
{
	width: 100%;
	height: 100%;
	background-color: #FAF9F4;
	border: 0px solid #99bbe8;
	text-align: left;
}
/* Videate  */

/* Menu popup  */
.popup-menu-hover {
background-color: #e0e0e0;
}

.popup-cell-icon {
background-color: #e0e0e0;
padding: 2px;
width: 20px;
height: 1px;
font-size: 1pt;
cursor: pointer;
}
/* Menu popup  */

/* Menu BLU */
.MENU_TASSELLO_BLU {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_BLU:hover {
/* background: url(images/Tassello_Blu2.png); */
background-color: #b2c2db !important;
}
.MENU_TASSELLO_BLU:visited {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_BLU:active{
padding: 0;
border: 0;
/* background: url(images/Tassello_Blu1.png); */
background-color: #87a3c6 !important;
}
/* Menu BLU */

/* Menu VERDE */
.MENU_TASSELLO_VERDE {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_VERDE:hover {
/*background: url(images/Tassello_Verde2.png);*/
background-color: #d4e5d7 !important;
}
.MENU_TASSELLO_VERDE:visited {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_VERDE:active{
padding: 0;
border: 0;
/*background: url(images/Tassello_Verde1.png);*/
background-color: #bbd6c1 !important;
}
/* Menu VERDE */

/* Menu AZZURRO */
.MENU_TASSELLO_AZZURRO {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_AZZURRO:hover {
/*background: url(images/Tassello_Azzurro2.png);*/
background-color: #c6dde6 !important;
}
.MENU_TASSELLO_AZZURRO:visited {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_AZZURRO:active{
padding: 0;
border: 0;
/*background: url(images/Tassello_Azzurro1.png);*/
background-color: #a4c8d4 !important;
}
/* Menu AZZURRO */

/* Menu GIALLO */
.MENU_TASSELLO_GIALLO {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_GIALLO:hover {
/*background: url(images/Tassello_Giallo2.png);*/
background-color: #e3eabd !important;
}
.MENU_TASSELLO_GIALLO:visited {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_GIALLO:active{
padding: 0;
border: 0;
/*background: url(images/Tassello_Giallo1.png);*/
background-color: #d3de94 !important;
}
/* Menu GIALLO */

/* Menu EVIDENZA */
.MENU_TASSELLO_EVIDENZA {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_EVIDENZA:hover {
/* background: url(images/Tassello_Evidenza2.png); */
background-color: #f3d4b5 !important;
}
.MENU_TASSELLO_EVIDENZA:visited {
padding: 0;
border: 0;
background-color: Transparent;
}
.MENU_TASSELLO_EVIDENZA:active{
padding: 0;
border: 0;
/* background: url(images/Tassello_Evidenza1.png); */
background-color: #ecb886 !important;
}
/* Menu EVIDENZA */



/* BOTTONI STEP */
.ATT_1  {padding: 0; border: 0; background: url(images/ATT_1.gif);}
.ATT_2  {padding: 0; border: 0; background: url(images/ATT_2.gif);}
.ATT_3  {padding: 0; border: 0; background: url(images/ATT_3.gif);}
.ATT_4  {padding: 0; border: 0; background: url(images/ATT_4.gif);}
.ATT_5  {padding: 0; border: 0; background: url(images/ATT_5.gif);}
.ATT_6  {padding: 0; border: 0; background: url(images/ATT_6.gif);}
.ATT_7  {padding: 0; border: 0; background: url(images/ATT_7.gif);}
.ATT_8  {padding: 0; border: 0; background: url(images/ATT_8.gif);}
.ATT_9  {padding: 0; border: 0; background: url(images/ATT_9.gif);}
.ATT_10 {padding: 0; border: 0; background: url(images/ATT_10.gif);}
.ATT_11 {padding: 0; border: 0; background: url(images/ATT_11.gif);}
.ATT_12 {padding: 0; border: 0; background: url(images/ATT_12.gif);}
.ATT_13 {padding: 0; border: 0; background: url(images/ATT_13.gif);}
.ATT_UT {padding: 0; border: 0; background: url(images/ATT_UT.png);}
.DIS_1  {padding: 0; border: 0; background: url(images/DIS_1.gif);}
.DIS_2  {padding: 0; border: 0; background: url(images/DIS_2.gif);}
.DIS_3  {padding: 0; border: 0; background: url(images/DIS_3.gif);}
.DIS_4  {padding: 0; border: 0; background: url(images/DIS_4.gif);}
.DIS_5  {padding: 0; border: 0; background: url(images/DIS_5.gif);}
.DIS_6  {padding: 0; border: 0; background: url(images/DIS_6.gif);}
.DIS_7  {padding: 0; border: 0; background: url(images/DIS_7.gif);}
.DIS_8  {padding: 0; border: 0; background: url(images/DIS_8.gif);}
.DIS_9  {padding: 0; border: 0; background: url(images/DIS_9.gif);}
.DIS_10 {padding: 0; border: 0; background: url(images/DIS_10.gif);}
.DIS_11 {padding: 0; border: 0; background: url(images/DIS_11.gif);}
.DIS_12 {padding: 0; border: 0; background: url(images/DIS_12.gif);}
.DIS_13 {padding: 0; border: 0; background: url(images/DIS_13.gif);}
.DIS_UT {padding: 0; border: 0; background: url(images/DIS_UT.png);}
.ABL_1  {padding: 0; border: 0; background: url(images/ABL_1.gif);}
.ABL_2  {padding: 0; border: 0; background: url(images/ABL_2.gif);}
.ABL_3  {padding: 0; border: 0; background: url(images/ABL_3.gif);}
.ABL_4  {padding: 0; border: 0; background: url(images/ABL_4.gif);}
.ABL_5  {padding: 0; border: 0; background: url(images/ABL_5.gif);}
.ABL_6  {padding: 0; border: 0; background: url(images/ABL_6.gif);}
.ABL_7  {padding: 0; border: 0; background: url(images/ABL_7.gif);}
.ABL_8  {padding: 0; border: 0; background: url(images/ABL_8.gif);}
.ABL_9  {padding: 0; border: 0; background: url(images/ABL_9.gif);}
.ABL_10 {padding: 0; border: 0; background: url(images/ABL_10.gif);}
.ABL_11 {padding: 0; border: 0; background: url(images/ABL_11.gif);}
.ABL_12 {padding: 0; border: 0; background: url(images/ABL_12.gif);}
.ABL_13 {padding: 0; border: 0; background: url(images/ABL_13.gif);}
.ABL_UT {padding: 0; border: 0; background: url(images/ABL_UT.png);}
.DRK_1  {padding: 0; border: 0; background: url(images/DRK_1.gif);}
.DRK_2  {padding: 0; border: 0; background: url(images/DRK_2.gif);}
.DRK_3  {padding: 0; border: 0; background: url(images/DRK_3.gif);}
.DRK_4  {padding: 0; border: 0; background: url(images/DRK_4.gif);}
.DRK_5  {padding: 0; border: 0; background: url(images/DRK_5.gif);}
.DRK_6  {padding: 0; border: 0; background: url(images/DRK_6.gif);}
.DRK_7  {padding: 0; border: 0; background: url(images/DRK_7.gif);}
.DRK_8  {padding: 0; border: 0; background: url(images/DRK_8.gif);}
.DRK_9  {padding: 0; border: 0; background: url(images/DRK_9.gif);}
.DRK_10 {padding: 0; border: 0; background: url(images/DRK_10.gif);}
.DRK_11 {padding: 0; border: 0; background: url(images/DRK_11.gif);}
.DRK_12 {padding: 0; border: 0; background: url(images/DRK_12.gif);}
.DRK_13 {padding: 0; border: 0; background: url(images/DRK_13.gif);}
.DRK_UT {padding: 0; border: 0; background: url(images/DRK_UT.png);}
/* BOTTONI STEP */


/* BOTTONI HOME */

.BoxHomeContact
{
    background-color: rgb(121, 169, 202) !important;
    background-color: rgba(121, 169, 202, .6) !important;
}
.BoxHomePowered
{
    background-color: rgb(121, 169, 202) !important;
    background-color: rgba(121, 169, 202, .8) !important;
}

.Facsimile
{
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
    transform: rotate(-30deg);
}

.TestoVerticale
{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.BoxImmagine
{
  position: relative;
  overflow: hidden;
}

.BoxImmagine img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.BoxImmagine:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.ErroreVisualizzazioneDati{
    background-image: url('images/ErroreVisualizzazioneDati.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}
.textNoACapo{
	white-space: nowrap !important;
}

.ce-scala-G  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-G.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-F  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-F.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-E  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-E.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-D  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-D.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-C  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-C.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-B  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-B.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-A1  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-A1.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-A2  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-A2.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-A3  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-A3.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-A4  {
	border: 1px solid #000000 !important;
    background-image: url(images/ce/ce-scala-A4.png);
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;	
}

.ce-scala-riepilogo  {
    width: auto; /* Larghezza del contenitore */
    height: auto; /* Altezza dinamica basata sul contenuto o impostala fissa */
    aspect-ratio: 1 / 1.5; /* Mantieni il rapporto 1:1.5 */
    background-image: url('images/ce/ce-scala-riepilogo.png');
    background-size: contain; /* Scala l'immagine per adattarla al contenitore */
    background-repeat: no-repeat !important; /* Evita che l'immagine si ripeta */
    background-position: center; /* Centra l'immagine nel contenitore */	
    background-color: white !important;
}

.PromemoriaSistemaCoppia{
    position: absolute;
    left: 50% !important;
    transform: translateX(60%);
	border-radius: 18px;
	text-align: center;
    padding-left: 3px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.PromemoriaSistemaSingolo{
    position: absolute;
    left: 50% !important;
    transform: translateX(60%);
	border-radius: 18px;
	text-align: center;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.PromemoriaPersonale{
	border-radius: 18px;
	text-align: center;
    margin-left: 15% !important;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.BoxDataBorder{
    margin-left: 2px;
    margin-top: 2px;
}

.BoxGiornoBorder{
    margin-left: 2px;
}

.TitoloBoxGrafico{
    color: white !important;
    text-align: left !important;
    font-size: 12px  !important;
    font-family: Arial, sans-serif !important;
    display: flex;
    align-items: center;
    padding-left: 4px !important;
    border: none !important;
}

.BoxGrafico{
    box-shadow: 0px 1px 6px rgb(0 0 0 / 13%);
}

.BoxAnomalia {    
    font-family: Arial, sans-serif !important;
    box-shadow: 0px 1px 6px 1px rgb(0 0 0 / 13%);
}

.BoxAnomalia::after {
    content: ""; /* Necessario per creare un elemento pseudo */
    position: absolute; /* Posiziona l'elemento rispetto al suo contenitore */
    bottom: 5px; /* Distanza dal fondo di 5 pixel */
    left: 0; /* Inizia dal lato sinistro */
    width: 100%; /* Occupa tutta la larghezza */
    height: 2px; /* Altezza della riga */
    background-color: white; /* Colore della riga */
}

.BoxDati1 {    
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 13%);
    font-family: Arial, sans-serif !important
}
.BoxDati2 {    
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 13%);
    font-family: Arial, sans-serif !important
}
.BoxDati3 {    
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 13%);
    font-family: Arial, sans-serif !important
}
.BoxDati4 {    
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 13%);
    font-family: Arial, sans-serif !important
}

.BoxDati1::after {
    content: ""; /* Necessario per creare un elemento pseudo */
    position: absolute; /* Posiziona l'elemento rispetto al suo contenitore */
    bottom: 5px; /* Distanza dal fondo di 5 pixel */
    left: 0; /* Inizia dal lato sinistro */
    width: 100%; /* Occupa tutta la larghezza */
    height: 2px; /* Altezza della riga */
    background-color: rgb(2, 87, 134); /* Colore della riga */
}
.BoxDati2::after {
    content: ""; /* Necessario per creare un elemento pseudo */
    position: absolute; /* Posiziona l'elemento rispetto al suo contenitore */
    bottom: 5px; /* Distanza dal fondo di 5 pixel */
    left: 0; /* Inizia dal lato sinistro */
    width: 100%; /* Occupa tutta la larghezza */
    height: 2px; /* Altezza della riga */
    background-color: rgb(0, 137, 175); /* Colore della riga */
}
.BoxDati3::after {
    content: ""; /* Necessario per creare un elemento pseudo */
    position: absolute; /* Posiziona l'elemento rispetto al suo contenitore */
    bottom: 5px; /* Distanza dal fondo di 5 pixel */
    left: 0; /* Inizia dal lato sinistro */
    width: 100%; /* Occupa tutta la larghezza */
    height: 2px; /* Altezza della riga */
    background-color: rgb(87, 159, 115); /* Colore della riga */
}
.BoxDati4::after {
    content: ""; /* Necessario per creare un elemento pseudo */
    position: absolute; /* Posiziona l'elemento rispetto al suo contenitore */
    bottom: 5px; /* Distanza dal fondo di 5 pixel */
    left: 0; /* Inizia dal lato sinistro */
    width: 100%; /* Occupa tutta la larghezza */
    height: 2px; /* Altezza della riga */
    background-color: rgb(138, 160, 64); /* Colore della riga */
}


.TestoValoreEtichette{
    border: none !important;
    font-size: large !important;
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
}

.TestoUnitaMisuraEtichette{
    border: none !important;
    font-size: large !important;
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
}

.BoxIconaCalendario{
    background-image: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 448 512%22 version%3D%221.1%22 id%3D%22svg1%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M 152,24 C 152,10.7 141.3,0 128,0 114.7,0 104,10.7 104,24 V 64 H 64 C 28.7,64 0,92.7 0,128 v 16 48 256 c 0,35.3 28.7,64 64,64 h 320 c 35.3,0 64,-28.7 64,-64 V 192 144 128 C 448,92.7 419.3,64 384,64 H 344 V 24 C 344,10.7 333.3,0 320,0 306.7,0 296,10.7 296,24 V 64 H 152 Z M 48,192 h 352 v 256 c 0,8.8 -7.2,16 -16,16 H 64 c -8.8,0 -16,-7.2 -16,-16 z%22 style%3D%22display:inline;fill:%2335537e;fill-opacity:1%22 /%3E%3Crect style%3D%22fill:%23ffffff;fill-opacity:1;stroke-width:1.02165;paint-order:fill markers stroke%22 id%3D%22rect1%22 width%3D%22352.75342%22 height%3D%22257.58612%22 x%3D%2248.21809%22 y%3D%22206.83023%22 ry%3D%2214.464172%22 /%3E%3Crect style%3D%22fill:%23ffffff;fill-opacity:1;stroke-width:1.20085;paint-order:fill markers stroke%22 id%3D%22rect2%22 width%3D%22353.22925%22 height%3D%2238.066914%22 x%3D%2247.900002%22 y%3D%22189.70012%22 ry%3D%220%22 /%3E%3C/svg%3E');
    background-size: cover; /* Regola come desiderato */
    background-repeat: no-repeat; /* Impedisce la ripetizione */
    width: 100%; /* Imposta larghezza desiderata */
    height: 100%; /* Imposta altezza desiderata */
}

.BoxDataScritta{
    background-color: transparent !important;
    border: none !important;
    font-size: 17px !important;
    font-family: Arial, sans-serif !important;
}

.BoxNumeroCalendario{
    font-family: aial, sans-serif !important;
    font-weight: bold !important;
    font-size: x-large !important;
    background-color: transparent !important;
    border: none !important;
}

.PulsanteOpzioniSfondoModuli{
    background-image: url(images/graph/images.png);
    background-position: center !important;
    background-size: 80% !important;
    background-repeat: no-repeat !important; /* Evita la ripetizione */
}

.BoxDatiTAB .frame-content-container,
.BoxDatiTAB .toolstrip-container,
.BoxDatiTAB .toolstrip-container .selected-tab-caption-container-0 .selected-tab-caption-0{
    background-color: #FFFFFF !important;
}

.BoxPulsanteRefresh{
    background-image: url(images/graph/refresh.png);
    background-size: cover; /* Regola come desiderato */
    background-repeat: no-repeat; /* Impedisce la ripetizione */
    width: 100%; /* Imposta larghezza desiderata */
    height: 100%; /* Imposta altezza desiderata */
}



.book-box.BoxRegistro{
    background-image: url(./images/CalendarioScadenze/registro.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    
}

.book-box.BoxScadenze{
    background-image: url(./images/CalendarioScadenze/scadenze.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    

}

.book-box.BoxISTAT{
    background-image: url(./images/CalendarioScadenze/istat.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    
}

.book-box.BoxDisdette{
    background-image: url(./images/CalendarioScadenze/disdette.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    
}


.book-box.BoxFidejussioni{
    background-image: url(./images/CalendarioScadenze/fidejussioni.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    
}

.book-box.BoxRecessi{
    background-image: url(./images/CalendarioScadenze/recessi.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    
}

.BoxCalendarioScad{
    font-size: 11px !important;
}

.BoxTitoloCalendarioScad{
    font-size: large !important;
    align-content: center !important;
}