/* ************************************************
// Instant Developer RD3 Framework
// (c) 1999-2009 Pro Gamma Srl - All rights reserved
//
// Foglio di stile per gli elementi RD3
// ************************************************/


/* Elemento HTML */
html
{  
  border: none;
}
/* Elemento BODY */
BODY
{
	font-family: "Hind Vadodara", "Open sans",Tahoma, Arial;
	font-size: 8pt;
	background-color: #f4f7fc!important;
	margin: 0px;	
	position: absolute;
	border: none;
	behavior: url('csshover3.htc');
}

DIV
{
	-moz-user-select: -moz-none;
	cursor: default;
}

SPAN
{
	-moz-user-select: none;
	cursor: default;
}

IMG
{
	-moz-user-select: none;
	cursor: default;
}

/* Elemento DIV che contiene l'intero oggetto WebEntryPoint */
#wep 
{
  height : 100%;
  width  : 100%;
  overflow: hidden;
  border: 0px solid red;
  background-color: #f4f7fc!important;
}

/* Elemento DIV che contiene i menu posti sulla sinistra e la lista delle videate */
#side-menu-container
{
  overflow: hidden;
  padding: 5px;
  padding-right: 0px;
  background-color: #ffffff!important;
  /*background-color: #2f4050; -- VERSIONE BLU */
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.05)!important;
}
.no-border{
	border:none!important;
}

.cruscotto
{
	background:none!important;
	max-width: 100%!important;
}	  						   
/* Classe aggiunta per side bar a destra */
.side-menu-right
{
  padding-left: 0px !important;
  padding-right: 5px !important;
  float:right;
}

/* Classe aggiunta per menu bar in alto */
.side-menu-upbar
{
  padding-right: 0px !important;
  padding-left: 0px !important;
  height: 21px;
}

/* Classe aggiunta per menu bar in basso */
.side-menu-taskbar
{
  padding: 0px !important;
  height: 30px;
  position: absolute;
  z-index: 10; 
}


/* SEZIONE SU HEADER DI INDE dove mostriamo i menu bacheca, le info utente, ecc... */

.toolbar {
	display: flex;
    background-color: #153d77;
    padding: 20px 0px;
    margin-left: auto;
}
.menu-div{
	display: flex;	
	height: 15px;
}
.menu-span{
	display: flex;
	align-items: center;
	margin-right: 30px;
	font-size:14px!important;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7)!important;
	cursor:pointer;
	padding-left:2px;
}
.menu-span-multi{
	display: flex;
	align-items: center;
	margin-right: 3px;
	font-size:14px!important;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7)!important;
	cursor:pointer;
	padding-left:2px;
}

.menu-img  {
    height: 16px;
    padding-right: 3px;
    margin-bottom: 3px;
    vertical-align: bottom;
	margin-left: 15px;
	cursor:pointer!important;
}

.menu-down-img  {
	width: 8px;
    margin-bottom: 2px;
    vertical-align: bottom;
    padding: 0px 3px;
}

.submenu-panel{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	z-index: 1;
	box-shadow: 0 0 2rem 0 rgb(0 0 0 / 5%);
	background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.2rem;
	top: 45px;
}

.submenu-row {
	padding: 0px 20px;
    margin: 5px 0px;
	cursor: pointer;
}
.submenu-row:hover {
    background: #dff4ff;
    color: #fff!important;
}
.submenu-span{
	font-size:13px!important;
	font-weight: normal!important;
	color: #3E4676!important;
	display: inline-block;
    vertical-align: middle;
	padding-left: 4px;
	cursor: pointer;
}
.submenu-img {
    height: 16px;
    padding-right: 3px;
    margin-bottom: 3px;
    vertical-align: bottom;
	cursor: pointer;
}

.no-click{
	cursor:default!important;
}
/* SEZIONE SU HEADER DI INDE dove mostriamo i menu bacheca, le info utente, ecc... - FINE */

/* SEZIONE SU MENU DI INDE dove mostriamo le info cruscotto */

/* FLUSSO CRS ANA */ 
.menu-user{
	padding: 2.5rem 1rem 0 1rem !important;
    background: #fff;
    text-align: center;
}

.menu-user-title{
	color:#3e4676;
	font-weight: 600!important;
	font-size: 14px;
}
.menu-user-subtitle{
	color:#3e4676;
	font-size: 11px;
}
.menu-user-subtitle2{
	color:#3e4676;
	font-size: 9px;
	margin-top: 15px;
}
.img-menu-user{
   width: 64px;
   height: 64px;
   border-radius: 50% !important;
   margin-bottom: 9px;
}

.menu-user-title{
	color:#3e4676;
	font-weight: 600!important;
	font-size: 14px;
}
.menu-user-subtitle{
	color:#3e4676;
	font-size: 11px;
}

.img-menu-user{
   width: 64px;
   height: 64px;
   border-radius: 50% !important;
   margin-bottom: 9px;
   cursor: pointer;
}

/* FLUSSO CRS DIC */ 
.menu-dic {
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding-top: 0px;
}
.menu-dic-badge {
	display: inline-block;
	padding: 4px 8px;
	background-color: #007bff; /* Colore di sfondo del badge */
	color: #fff; /* Colore del testo del badge */
	border-radius: 4px; /* Bordi arrotondati */
	font-size: 14px;
	font-weight: bold;
}
.menu-dic-title {
	font-weight: 600!important;
    text-align: center;
    margin: 0px;
    font-size: 35px;
    color: #3e4676;
    height: 40px;
    line-height: 35px;
	cursor:pointer;
}
.menu-iva-title {
	font-weight: 600!important;
    text-align: center;
    margin: 0px;
    font-size: 17px;
    color: #3e4676;
    height: 40px;
    line-height: 35px;
	cursor:pointer;
}
.img-menu-dic {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;			
	height:48px;
}
.menu-dic-sottotitolo-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 600px;
	padding-top: 8px;
}
.menu-dic-CAF {
	font-size: 15px;
	font-weight: 500;
	color:#3b7ddd;
}
.menu-dic-anno {
	font-size: 15px;
	font-weight: 500;
	color:#3b7ddd;
}				
.menu-dic-stato {
	font-size: 15px;
	font-weight: 400;
	color:#3e4676;
}
.timeline {
	background-color: #e9ecef!important;
}


.timeline-header {
    text-align: center;
    color: #153d77;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
}
.timeline-subheader {
    text-align: center;
    color: #153d77;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
}

.event {
    padding: 3px;
    border-top: 1px solid #f8f9fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event:last-child {
	border-bottom: none;
}

.event .date {
    font-size: 1em;
    font-weight: 600;
    color: #153d77;
    margin-left: 5px;
	white-space: nowrap!important;
}

.event .description {
	flex: revert;
	margin-right: 5px;
	color: #153d77;
	white-space: nowrap!important;
}
.event .storico {
    flex: 1;
    color: #3b7ddd;
    cursor: pointer;
    text-decoration: underline;
}

.h16 .menu-command-image-level-1{
	height:16px!important;
	width:16px!important;
	padding-right:0px!important;
}

h2 {
    text-align: center;
    margin: 6px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

/* CONTAINER PER MENU SX */
/*  SEZIONE SU MENU DI INDE dove mostriamo le info cruscotto - FINE */

/* DIV Nascosti */
.divNascosti
    position: relative;
    top: 0px;
}

.divNascosti .panel-body{
	overflow:hidden;
}

/* DIV Nascosti - FINE */


/* Stili per la span */
.span-con-pannello {
	position: relative;
	cursor: pointer;
}
/* */


/* Elementi della Task bar */
#taskbar-table
{
	border-collapse: collapse;
  width: 100%;
  padding: 1px;
}

#taskbar-trow
{
	background-image: url('images/applhdr.gif');
	background-repeat: repeat-x;
	background-color: #f3f3f3;
	border-bottom: 1px solid #f7f7f7;
	height : 30px;
}

#taskbar-start-cell
{
	background-image: url('images/start.gif');
	background-repeat: no-repeat;
	width: 95px;
	cursor: pointer;
}

#taskbar-start-cell:hover
{
	background-position: 0px -30px;
}

#taskbar-quick-cell
{
	width: 1px;
	white-space: nowrap;
}

#taskbar-formlist-cell
{
}

#taskbar-tray-cell
{
	width: 1px;
	white-space: nowrap;
	padding-right: 8px;
}

#taskbar-menu-box
{
	position: absolute;
	overflow: hidden;
	width: 300px;
	height: 300px;
	left: 0px;
	border: 2px solid #35537e;
	display: none;
	background-color: #d3d3d3;
	z-index: 10;
}

/* Elemento DIV che contiene il testo iniziale */
#wait-box
{
	position: relative;
	margin: 250px auto;
	border: 1px solid #6899BB;
	background-color: white;
	width: 244px;
	height: 36px;
}

/* IMG Immagine nel testo iniziale */
#wait-box-image
{	
	position: absolute;
	padding: 2px;
}

/* DIV del testo iniziale */
#wait-box-text
{
	position: absolute;
	left: 38px;
	top: 4px;
	font-size: 10pt;
	width: 200px;
}

/* DIV Progress bar caricamento immagini */
#wait-box-progress
{
	position: absolute;
	left: 38px;
	top: 24px;
	background-color: #6899BB;
	height: 4px;
	width: 200px;
	font-size: 0px;
}

/* Elemento DIV che contiene la status bar */
#status-bar-container
{
	background-color: transparent;
	position: absolute;
	height: 23px;
	width: 300px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	white-space: nowrap;
}

#taskbar-status-container
{
  display: inline-block;
  height: 20px;
  vertical-align: top;
  margin-right: 2px;
  margin-left: 2px;
  padding-top: 1px;
  white-space: nowrap;
}

/* Elemento DIV utilizzato per fuocare i campi */
#focus-box 
{
  border: 1px solid red;
  position: absolute;
  z-index: -1;
}

/* Elemento DIV che contiene la status bar quando non deve essere mostrata*/
.status-bar-invisible
{
  height: 0px !important;
  padding: 0px !important;
  border: 0px !important;
	font-size: 0px;
}

/* Elemento DIV che contiene la toolbar */
#toolbar-container
{
	background-color: transparent;
	position: absolute;
	height: 30x;
	width: 300px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#taskbar-toolbar-container
{
	background-color: transparent;
	height: 30x;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}

/* Elemento DIV che contiene la toolbar globale quando non deve essere vista*/
.toolbar-container-invisible
{
  height: 0px !important;
  padding: 0px !important;
  border: 0px !important;
	font-size: 0px;
}

/* Elemento DIV che contiene lo spazio per le forms */
#forms-container
{
	position: absolute;
	overflow: hidden;
	padding: 5px;
	border: none;
	background-color: transparent;
	z-index: 0;
}

/* Elemento DIV che contiene la form agganciata a sinistra */
#left-dock-container
{
	position: absolute;
	width : 0px;
}

/* Elemento DIV che contiene la form agganciata sopra */
#top-dock-container
{
	position: absolute;
	height : 0px;
	font-size: 0px;
	padding: 0px!important;					
}

/* Elemento DIV che contiene la form agganciata a destra */
#right-dock-container
{
	position: absolute;
	width : 0px;
}

/* Elemento DIV che contiene la form agganciata in basso */
#bottom-dock-container
{
	position: absolute;
	height : 0px;
	font-size: 0px;
}

/* Classe della form agganciata a sinistra */
.left-dock-container-visible
{
	position: absolute;
	overflow: hidden;
	padding: 5px;
	padding-right: 0px;
	border: none;
	background-color: transparent;
}

/* Classe della form agganciata sopra */
.top-dock-container-visible
{
	position: absolute;
	overflow: hidden;
	padding: 5px;
	padding-bottom: 0px;
	border: none;
	background-color: transparent;
}

/* Classe della form agganciata a destra */
.right-dock-container-visible
{
	position: absolute;
	overflow: hidden;
	padding: 5px;
	padding-left: 0px;
	border: none;
	background-color: transparent;
}

/* Classe della form agganciata in basso */
.bottom-dock-container-visible
{
	position: absolute;
	overflow: hidden;
	padding: 5px;
	padding-top: 0px;
	border: none;
	background-color: transparent;
}

/* Elemento IFRAME che contiene la pagina di benvenuto */
#welcome-container
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	border: 1px solid #f7f7f7;
}

/* Elemento DIV che contiene i menu posti sulla sinistra */
#menu-container
{
	vertical-align: top;
	background-color: #ffffff!important;
	padding-bottom: 8px;
	border-left: none;
	border-right: none;
	border-top: none;
	/*
	background-color: #f3f3f3;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	border-top: 1px solid #f7f7f7;
	*/
}

.menu-container-upbar
{
	width: 100% !important;
	border: none !important;
	background-image: url('images/frmcaptionbg.gif');
	background-position: 0px -2px;
	font-size: 13px;
	padding: 4px !important;
}

/* Elemento DIV superiore che serve per effettuare lo scrolling del menu laterale */
.menu-scrollbox-up
{
  height: 15px;
	background-color: #6899BB;
	position: absolute;
	display: none;
	opacity: 0.7;
  filter: alpha(opacity = 70);
  background-image: url('images/scrup.gif');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
}

/* Elemento DIV inferiore che serve per effettuare lo scrolling del menu laterale */
.menu-scrollbox-dn
{
  height: 15px;
	background-color: #6899BB;
	position: absolute;
	display: none;
	opacity: 0.7;
  filter: alpha(opacity = 70);
  background-image: url('images/scrdn.gif');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
}

/* Elemento DIV che contiene la lista delle form aperte */
#form-list-container
{
	background-color: transparent;
	border-left: none;
	border-right: none;
	border-bottom: none;
	display: none!important;
	/*
	background-color: #f3f3f3;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
	*/
}

/* Classe applicata ai DIV che contengono i PDF da stampare */
.pdf-object
{
	width: 1px;
	height: 1px;
	border: 0px solid white;
	background-color: transparent;
	position: absolute;
	overflow: hidden;
	left: 3000px;
	top: 3000px;
}

/* Classe applicata al DIV che invia messaggi alla traylet */
#traylet-frame
{
	width: 1px;
	height: 1px;
	border: 0px solid white;
	background-color: transparent;
	position: absolute;
	overflow: hidden;
	left: 3200px;
	top: 3200px;
}

/* Elemento DIV utilizzato per effettuare resize degli oggetti */
#resize-object
{
	position: absolute;
	background-color: transparent;
	border: 2px dotted blue;
	padding: 0px;
	margin: 0px;
}

/* Elemento DIV utilizzato per evidenziare l'oggetto drag */
#drag-object
{
	position: absolute;
	background-color: gray;
	opacity: 0.3;
  filter: alpha(opacity = 30);
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	z-index: 100;
}

/* Elemento DIV utilizzato per evidenziare un drop target */
#drop-target
{
	position: absolute;
	background-color: transparent;
	border: 2px solid red;
	padding: 0px;
	margin: 0px;
	z-index: 100;
}

/* **********************************************************/
/* Classe applicata al titolo della lista delle Form Aperte */
/* **********************************************************/
.form-list-header
{
  width: 100%;
	text-align: left;
	text-indent: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #384d6c;
	/*color: #1e1e1e;*/
	font-weight: bold;
	font-size: 8pt;
}


/* ******************************************************/
/* Elemento DIV che contiene gli elementi della lista   */
/* delle form aperte                                    */
/* ******************************************************/
.form-list-entry-container
{
  width: 100%;
	background-color: #f3f3f3;
}

/* ************************************************************/
/* Classe applicata alla riga in cui viene disegnato il       */
/* pulsante chiudi tutto                                      */
/* ************************************************************/
.form-list-close-all-box
{
  width: 100%;
	text-align: right;
	padding-top: 8px;
}

.form-list-close-all-box-right
{
	text-align: left;
}


/* ************************************************************/
/* Classe applicata al pulsante chiudi tutto                  */
/* (NON EVIDENZIATO)                                          */
/* ************************************************************/
.form-list-close-all-button
{
  cursor: pointer;
	height: 28px;
	line-height: 28px;
	margin-right: 20px;
	color: #384d6c;
	/*color: #1e1e1e;*/
	font-weight: bold;
	font-size: 8pt;
}

.form-list-close-all-button-right
{
	margin-right: 0px;
	margin-left: 16px;
}


/* ************************************************************/
/* Classe applicata al pulsante chiudi tutto                  */
/* (EVIDENZIATO)                                              */
/* ************************************************************/
.form-list-close-all-button-hl
{
  cursor: pointer;
	height: 28px;
	line-height: 28px;
	margin-right: 20px;
	color: #1e1e1e;
	font-weight: bold;
	font-size: 8pt;
}

/* ************************************************************/
/* Classe applicata all'immagine del pulsante chiudi tutto    */
/* ************************************************************/
.form-list-close-all-img
{
	display: inline;
	vertical-align: bottom;
	cursor: pointer;
	background-image: none!important;
	/*background-image: url(images/clall-bg.gif);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.form-list-close-all-img-hover
{
	display: inline;
	vertical-align: bottom;
	cursor: pointer;
	background-image: url(images/clall-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px -28px;
}

.form-list-close-all-img-down
{
	display: inline;
	vertical-align: bottom;
	cursor: pointer;
	background-image: url(images/clall-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}


/* ************************************************************/
/* Classe applicata al testo del pulsante chiudi tutto        */
/* ************************************************************/
.form-list-close-all-text
{
  padding-left: 4px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	cursor: pointer;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per il popup menu                      */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* classe per i DIV che contengono l'intero menù   */
/* *************************************************/
.popup-menu-container 
{
  background-color: white;
  border: 1px solid #f7f7f7;
  margin: 0px;
	padding: 0px;
  position: absolute;
  width: 250px;
}

.popup-menu-table
{
	border-collapse: collapse;
  width: 100%;
  padding: 1px;
}

.popup-menu-hover
{
	background-color: #f3f3f3;
}

/* *************************************************/
/* classe per la TR che contiene una linea del     */
/* menu popup     																 */
/* *************************************************/
.popup-menu-item 
{
	cursor: pointer;
}

/* *************************************************/
/* classe per la TD/IMG che contiene l'icona di una*/
/* riga del menu popup     												 */
/* *************************************************/
.popup-cell-icon 
{
	background-color: #f3f3f3;
	padding: 2px;
	width: 20px;
	height: 1px;
	font-size: 1pt;
	cursor: pointer;
}

.popup-menu-image
{
	vertical-align: middle;
}

/* *************************************************/
/* classe per la TD/SPAN che contiene il testo di  */
/* una riga del menu popup     										 */
/* *************************************************/
.popup-cell-text
{
	height: 18px;
	color: black;
	font-size: 8pt;
	padding: 2px;
	padding-left: 5px;
	width:100%;
	cursor: pointer;
}

.popup-cell-text-sep
{
	width: 100%;
	height: 5px;
	padding: 2px;
	font-size: 1pt;
	background-image: url('images/phr.gif');
	background-position: center right;
	background-repeat: repeat-x;
}

.popup-menu-text
{
	cursor: pointer;
}

.popup-menu-text-sep
{
}

.popup-menu-popup
{
	background-image: url('images/rs.gif');
	background-position: center right;
	background-repeat: no-repeat;
}

/* *************************************************/
/* classe per il testo del menu popup (disab.)     */
/* *************************************************/
.popup-menu-disabled
{
	color: gray;
	cursor: default;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per l'header dell'applicazione         */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Elemento DIV che contiene l'header              */
/* *************************************************/
#header-container 
{
	height:61px;
	width  : 100%;
	color: white;
	padding: 0px;
	font-weight: bold;
	font-size: 14pt;
	background-image: none;
	/*background-image: url('images/applhdr.gif');*/
	background-repeat: repeat-x;
	background-color: #153d77!important;
	border-bottom: none;
	/*border-bottom: 1px solid #e7eaec!important;*/
	overflow: hidden;
	display:flex;
}


/* *************************************************/
/* immagine per chiudere o aprire il menù          */
/* *************************************************/
/
#header-suppress-menu
{
	display:none!important;
	cursor: pointer;
	padding-left: 5px;
	margin-bottom: 1px;
	vertical-align: 3px;
	width: 20px!important;
    height: 20px!important;
}

.header-suppress-menu-hl-right
{
	display:none!important;
	padding-left: 0px !important;
	padding-right: 8px !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.header-suppress-menu-hl
{
	display:none!important;
	background-repeat: no-repeat;
	background-position: 5px 0px;
	width: 20px!important;
    height: 20px!important;
}

.header-suppress-menu-hover
{
	background-repeat: no-repeat;
	background-position: 5px -15px;
}

.header-suppress-menu-hover-right
{
	padding-left: 0px !important;
	padding-right: 8px !important;
	background-repeat: no-repeat;
	background-position: 0px -15px;
}

.header-suppress-menu-down
{
	background-repeat: no-repeat;
	background-position: 5px -30px;
}

.header-suppress-menu-down-right
{
	padding-left: 0px !important;
	padding-right: 8px !important;
	background-repeat: no-repeat;
	background-position: 0px -30px;
}

/* *************************************************/
/* immagine logo dell'applicazione                 */
/* *************************************************/

#header-main-image
{
	vertical-align: 3px;			 
	display: none;
}

/* *************************************************/
/* titolo dell'applicazione                        */
/* *************************************************/
/*header-main-caption
{
	margin-left : 8px;
	line-height: 32px;
	vertical-align: 3px;
	color:#1e1e1e; 
	font-weight: bold; 
	font-size: 12px;
}*/
#header-main-caption
{
	margin-left : 8px;
	line-height: 32px;
	vertical-align: 3px;
	color:#1e1e1e; 
	font-weight: bold; 
	font-size: 12px;
	display: none;
}
/* *************************************************/
/* Info Operatore dell'applicazione                        */
/* *************************************************/
#header-info-user-caption
{
	vertical-align: top; 
	text-align: right; 
	color:#ffffff; 
	font-weight: bold; 
	font-size: 12px;
	width: 500px;
}

/* *************************************************/
/* versione dell'applicazione                        */
/* *************************************************/
#header-version-caption
{
	vertical-align: top; 
	text-align: right; 
	color:#ffffff; 
	font-weight: bold; 
	font-size: 10px
}

/* *************************************************/
/* span usato per separare gli elementi dell'header*/
/* *************************************************/
#header-divider
{
  vertical-align: 5px;
}

/* *************************************************/
/* Icona di comunicazione ajax in corso            */
/* *************************************************/
#header-ajax-indicator
{
	vertical-align: 3px;
	padding-right: 8px;
	width:14px;
	height:14px;
}

/* *************************************************/
/* casella command nell'header                     */
/* *************************************************/
/*#header-command-box
{
	font-size: 8pt;
	font-weight: normal;
	padding-bottom: 1px;
	border-bottom: 1px dotted white;
	display: inline-block;
	margin-right: 16px;
	height: 22px;
	margin-bottom: 2px;
	line-height: 24px;
	vertical-align: 5px;
}*/
#header-command-box {
    font-size: 8pt;
    font-weight: normal;
    padding-bottom: 1px;
    border-bottom: 0px dotted white;
    display: inline-block;
    margin-right: 16px;
    height: 22px;
    margin-bottom: 2px;
    line-height: 24px;
    vertical-align: 4px;
    margin-top: 18px;
}

/* *************************************************/
/* input box del comando nell'header               */
/* *************************************************/
#header-command-input {
    margin-right: 0px;
    font-size: 10pt;
    text-transform: uppercase;
    width: 60px;
    color: #153d77;
    height: 20px;
    font-family: "Hind Vadodara", "Open sans",Tahoma, Arial!important;
    border-radius: 3px;
    padding: 1px 3px;
}

/* *************************************************/
/* bottone debug/trace nell'header                 */
/* *************************************************/
#header-debug-image
{
	vertical-align: 8px;
	margin-right: 8px;
	cursor: pointer;
	width: 14px;
    height: 14px;
}

.header-debug-image-hl
{
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.header-debug-image-hover
{
  background-repeat: no-repeat;
  background-position: 0px -15px;
}

.header-debug-image-down
{
  background-repeat: no-repeat;
  background-position: 0px -25px;
}

/* *************************************************/
/* bottone help nell'header                        */
/* *************************************************/
#header-help-button
{
	vertical-align: 8px;
	margin-right: 8px;
	cursor: pointer;
}

.header-help-button-hl
{
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.header-help-button-hover
{
  background-repeat: no-repeat;
  background-position: 0px -15px;
}

.header-help-button-down
{
  background-repeat: no-repeat;
  background-position: 0px -25px;
}

/* *************************************************/
/* bottone chiudi applicazione nell'header         */
/* *************************************************/
#header-close-app
{
	vertical-align: 8px;
	cursor: pointer;
	display: none
}

.header-close-app-hl
{
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.header-close-app-hover
{
  background-repeat: no-repeat;
  background-position: 0px -15px;
}

.header-close-app-down
{
  background-repeat: no-repeat;
  background-position: 0px -25px;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile del menù a tendina        */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata ai comandi della barra         */
/* *************************************************/
.menu-bar-command
{
  padding: 2px;
  margin: 2px;
  border: 1px solid transparent;
  vertical-align: middle;
}

.menu-bar-hover
{
  border: 1px solid #f7f7f7;
  background-color: white;
}

.menu-bar-disabled
{
  color: gray;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile del menù laterale         */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata ai contenitori dei command set */
/* ogni container contiene l'intero command set    */
/* o command di qualunque livello                  */
/* *************************************************/
.menu-container-level-1
{
  font-size: 0px;
}

.menu-container-level-2
{
	font-size: 0px;
	padding: 4px 0px 4px;
	background-color: #ffffff;
	/*background-color: #293846; -- VERSIONE BLU */										 
}

.menu-container-level-3
{
	font-size: 0px;
	padding: 4px 0px 4px;
	background-color: #ffffff;
	/*background-color: #293846; -- VERSIONE BLU */  											 
}

.menu-container-level-4
{
  font-size: 0px;
	padding-left: 12px;
}


/* *************************************************/
/* Il submenu-container è il DIV che contiene i    */
/* comandi figli di questo command set (solo per   */
/* essi)                                           */
/* *************************************************/
.submenu-container-level-1
{
  background-color: #2f4050!important;
  border-bottom: none;
}

.submenu-container-level-2
{
  background-color: #2f4050!important;
}

.submenu-container-level-3
{
  background-color: #2f4050!important;
}

.submenu-container-level-4
{
  background-color: #2f4050!important;
}


/* *************************************************/
/* Questa classe rappresenta la testata del        */
/* command set (l'oggetto stesso)                  */
/* *************************************************/
.menu-commandset-level-1
{
	background-image: none!important;
	background-color:#ffffff;
	/*background-image: url(images/cmdslev1bg.gif);*/
	height: 21px;
	border-bottom: none!important;
	color: #1e1e1e;
	padding-left: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	padding: 8px 7px 8px 3px;	  
}

.menu-commandset-level-2
{
	color: #1e1e1e;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	padding-bottom: 2px;
	padding: 8px 10px 8px 15px;			
}

.menu-commandset-level-3
{
  color: #1e1e1e;
  white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	margin-top: -3px;
	margin-left: 4px;
	padding-bottom: 2px;				 
}

.menu-commandset-level-4
{
  color: #1e1e1e;
  white-space: nowrap;
	overflow: hidden;
	padding-bottom: 2px;			 
}


/* *************************************************/
/* Questa classe rappresenta la testata del        */
/* command (l'oggetto stesso)                      */
/* *************************************************/
.menu-command-level-1
{
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.menu-command-level-2
{
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	background: #ffffff!important;
	/*background: #293846!important;  -- VERSIONE BLU */
	color: #7c899a!important;	
	/*color: #a7b1c2!important; -- VERSIONE BLU */
	padding-bottom: 3px;						   
}

.taskbar-command-level-2
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.taskbar-command-level-2 A
{
	color: black !important;
}

.menu-command-level-3
{
	height: 20px;
	padding-left: 21px;
	margin-top: -2px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	background: #ffffff!important;
	color: #7c899a!important;
	/*color: #a7b1c2!important; -- VERSIONE BLU */
	padding-bottom: 3px;
}

.menu-command-level-4
{
	height: 20px;
	padding: 0px;
	margin-top: -2px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	background: #ffffff!important;
	color: #7c899a!important;
	/*color: #a7b1c2!important; -- VERSIONE BLU */
}


/* *************************************************/
/* Questa classe rappresenta la testata del        */
/* command set (EVIDENZIATA)                       */
/* (le classi con -hover sono necessarie per IE6)  */
/* *************************************************/
.menu-commandset-level-1:hover
{
	/*background-color: #293846; -- VERSIONE BLU */
	background-color: #e9ecef;
	color:#212529;
}
.menu-commandset-level-1-hover
{
  /*background-color: #293846; -- VERSIONE BLU */
  background-color: #e9ecef;
  color:#384D6C;
  background-image: none!important;
  /*background-image: url(images/cmdslev1bg_hl.gif);*/
  border-bottom: none!important;
}

.menu-commandset-level-2:hover
{
	/*background-color: #293846; -- VERSIONE BLU */
	background-color: #e9ecef;
	color:#212529;
}
.menu-commandset-level-2-hover
{
	/*background-color: #293846; -- VERSIONE BLU */
	background-color: #e9ecef;
	color:#212529;
}

.menu-commandset-level-3:hover
{
	/*background-color: #293846; -- VERSIONE BLU */
	background-color: #e9ecef;
	color:#212529;
	cursor: pointer;
}
.menu-commandset-level-3-hover
{
	/*background-color: #293846; -- VERSIONE BLU */
	background-color: #e9ecef;
	color:#212529;
	cursor: pointer;
}

.menu-commandset-level-4:hover
{
	/*background: #293846; -- VERSIONE BLU */
	background: #e9ecef;
	color:#212529;
}
.menu-commandset-level-4-hover
{
	/*background: #293846; -- VERSIONE BLU */
	background: #e9ecef;
	color:#212529;
}


/* *************************************************/
/* Questa classe rappresenta la testata del        */
/* command (EVIDENZIATA)                           */
/* (le classi con -hover sono necessarie per IE6)  */
/* *************************************************/
.menu-command-level-1:hover
{
	background-color: #e9ecef!important;
}
.menu-command-level-1-hover
{
	background-color: #e9ecef!important;
}

.menu-command-level-2:hover
{
	background-color: #e9ecef!important;
}
.menu-command-level-2-hover
{
	background-color: #e9ecef!important;
}

.menu-command-level-3:hover
{	
	background-color: #e9ecef!important;
}
.menu-command-level-3-hover
{	
	background-color: #e9ecef!important;
}

.menu-command-level-4:hover
{
	background-color: #e9ecef!important;
}
.menu-command-level-4-hover
{
	background-color: #e9ecef!important;
}




/* *************************************************/
/* Questa classe rappresenta il link interno       */
/* alla testata del command set                    */
/* *************************************************/
.menu-commandset-link-level-1
{
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
	line-height: 20px;
	padding-left: 4px;
}

.menu-commandset-link-level-1:hover
{
	color: #384d6c;
}

.menu-commandset-link-level-1-hover
{
	color: #384d6c;
}

.menu-commandset-link-level-2
{
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	line-height: 20px;
	padding-left: 4px;
	vertical-align: 1px;
}

.menu-commandset-link-level-3
{
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	line-height: 20px;
	padding-left: 4px;
	vertical-align: 1px;
}

.menu-commandset-link-level-4
{
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	line-height: 20px;
	padding-left: 4px;
	vertical-align: 1px;
}


/* *************************************************/
/* Questa classe rappresenta il link interno       */
/* alla testata del command                        */
/* *************************************************/
.menu-command-link-level-1
{
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
	padding-left:10px;
}

.menu-command-link-level-2
{
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: 2px;
	padding-left:18px;
}

.menu-command-link-level-3
{	
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	vertical-align: 1px;
	padding-left:10px;
}

.menu-command-link-level-4
{
	color: #6c7578;
	/*color: #a7b1c2; -- VERSIONE BLU*/
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	vertical-align: 2px;
	padding-left:10px;
}

/* ****************************************************/
/* Questa classe rappresenta il link interno in HOVER */
/* alla testata del command                           */
/* ****************************************************/
.menu-command-link-level-1:hover
{
	color: #212529;
}

.menu-command-link-level-2:hover
{
	color: #212529;
}

.menu-command-link-level-3:hover
{	
	color: #212529;
}

.menu-command-link-level-4:hover
{
	color: #212529;
}


/* *************************************************/
/* Questa classe rappresenta il link interno       */
/* al menu disabilitato                            */
/* *************************************************/
.menu-item-disabled
{
	cursor: default !important;
}

.menu-item-disabled A
{
	color: gray !important;
	cursor: default !important;
}

.menu-item-disabled:hover
{
	background-color: white !important;
}


/* *************************************************/
/* Questa classe è associata all'immagine          */
/* all'interno del link di un command set          */
/* *************************************************/
.menu-commandset-image-level-1
{
  display: none;
	vertical-align: -3px;
}

.menu-commandset-image-level-2
{
	padding-left: 2px;
	vertical-align: -3px;
	width:12px;
}

.menu-commandset-image-level-3
{
	padding-left: 4px;
	vertical-align: -3px;
  background-image: url(images/cmdmlev3end.gif);
  background-repeat: no-repeat;
  background-position: -4px 0px;
  width:12px;
}

.menu-commandset-image-level-4
{
	padding-left: 4px;
	vertical-align: -3px;
	width:12px;
}

/* *************************************************/
/* Questa classe è associata all'immagine          */
/* a destra del link di un command set             */
/* *************************************************/
.menu-commandset-imagedx-level-1
{
	vertical-align: -3px;
	cursor: pointer;
	width: 12px;
}

.menu-commandset-imagedx-level-2
{
	vertical-align: -3px;
	display: none !important;
	width: 12px;
}

.menu-commandset-imagedx-level-3
{
	vertical-align: -3px;
	display: none !important;
	width: 12px;
}

.menu-commandset-imagedx-level-4
{
	vertical-align: -3px;
	display: none !important;
	width: 12px;
}

/* *************************************************/
/* Questa classe è associata all'immagine          */
/* all'interno del link di un command              */
/* *************************************************/
.menu-command-image-level-1
{
	padding-right: 4px;
	vertical-align: -3px;
	width: 12px;
}

.menu-command-image-level-2
{
	padding-right: 4px;
	vertical-align: -3px;
	width: 12px;
}

.menu-command-image-level-3
{
	padding-right: 4px;
	vertical-align: -3px;
	width: 12px;
}

.menu-command-image-level-4
{
	padding-right: 4px;
	vertical-align: -3px;
	width: 12px;
}

/* *************************************************/
/* Questa classe è associata all'immagine          */
/* a destra del link di un command                 */
/* *************************************************/
.menu-command-imagedx-level-1
{
	vertical-align: -3px;
	display: none !important;
	width: 12px;
}

.menu-command-imagedx-level-2
{
	vertical-align: -3px;
	display: none !important;
	width: 12px;
}

.menu-command-imagedx-level-3
{
	vertical-align: -3px;
	display: none !important;
	width: 12px;
}

.menu-command-imagedx-level-4
{
	vertical-align: -3px;
	display: none !important;
	width: 12px;
}

/* *************************************************/
/* Questa classe è associata all'immagine          */
/* che rappresenta i rami dell'albero dei comandi  */
/* *************************************************/
.menu-command-branchimage-level-1
{
  vertical-align: -3px;
}

.menu-command-branchimage-level-2
{
	vertical-align: -3px;
	padding-left: 3px;
}

.menu-command-branchimage-level-3
{
	vertical-align: -3px;
}

.menu-command-branchimage-level-4
{
	vertical-align: -3px;
}

/* *************************************************/
/* Questa classe è associata all'immagine          */
/* che rappresenta i rami dell'albero dei comandi  */
/* *************************************************/
.menu-commandset-branchimage-level-1
{
	width: 0px;
	display: none;
}

.menu-commandset-branchimage-level-2
{
	width: 0px;
}

.menu-commandset-branchimage-level-3
{
	width: 0px;
}

.menu-commandset-branchimage-level-4
{
	width: 0px;
}


/* *************************************************/
/* Questa classe è associata ai separatori         */
/* fra i vari command/commandset                   */
/* *************************************************/
.menu-separator-level-1
{
	height: 6px;
	font-size: 2px;
	border-bottom: none;
}

.menu-separator-level-2
{
	height: 1px;
	font-size: 2px;
	background-color: #99bbe8;
	margin-bottom: none;
}

.menu-separator-level-3
{
	height: 1px;
	font-size: 2px;
	background-color: #99bbe8;
	margin-top: -2px;
	margin-bottom: 4px;
	margin-left: 7px;
}

.menu-separator-level-4
{
	height: 4px;
	font-size: 2px;
}

.menu-separator-first
{
	height: 2px;
	margin: 0px;
	font-size: 0px;
	display: none;
}

.menu-separator-img
{
  vertical-align: middle;
  display: none;
}

.menu-separator-img-first
{
  display: none;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi relative alle ToolBar                  */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata allo span che contiene         */
/* l'intera toolbar                                */
/* *************************************************/
.toolbar-container
{
  background-color: #f3f3f3;
  background-image: url(images/msgbg.gif);
  border: 1px solid #f7f7f7;
  display: inline-block;
  height: 20px;
  vertical-align: top;
  margin-right: 2px;
  padding-top: 1px;
}

/* *************************************************/
/* Classe applicata allo span che contiene         */
/* l'intera toolbar quando renderizzata all'interno*/
/* della caption di una form                       */
/* *************************************************/
.toolbar-form-container
{
  vertical-align: -6px;
}

.toolbar-form-image-hl
{
  cursor: pointer;
  padding-left: 4px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 4px 0px;
}

.toolbar-form-image
{
  cursor: pointer;
  padding-left: 4px;
  vertical-align: top;
}


/* *************************************************/
/* Classe applicata allo span che contiene         */
/* l'intera toolbar quando renderizzata all'interno*/
/* della caption di un frame                       */
/* *************************************************/
.toolbar-frame-container
{
  vertical-align: middle;
}
.toolbar-frame-container-small
{
}

/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di pannello  */
/* ************************************************************/
.toolbar-frame-image-hl
{
	vertical-align: top;
	cursor: pointer;
	padding-right: 4px;
	background-image: none;
	background-repeat: no-repeat;
	height: 20px;
}

.toolbar-frame-image
{
	vertical-align: top;
	cursor: pointer;
	border: 0px solid #c7c8ca;
    border-radius: 3px;
    padding: .225rem .40rem;
    margin: 0px 2px 0px 2px;
	height: 20px;
	box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1)!important;
}

.frame-caption-hover
{
  background-image: none;
  background-repeat: no-repeat;
}

.frame-caption-press
{
  background-image: none;
  background-repeat: no-repeat;
}


/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di pannello  */
/* ************************************************************/
.toolbar-frame-image-hl-small
{
	vertical-align: middle;
	cursor: pointer;
	padding-right: 4px;
	background-image: none;
	background-repeat: no-repeat;
}

.toolbar-frame-image-small
{
	vertical-align: middle;
	cursor: pointer;
	padding-right: 4px;
}

.frame-caption-hover-small
{
  background-image: none;
  background-repeat: no-repeat;
}

.frame-caption-press-small
{
  background-image: none;
  background-repeat: no-repeat;
}

/* *************************************************/
/* Classe applicata allo span che contiene un      */
/* intero comando della toolbar                    */
/* NON EVIDENZIATO                                 */
/* *************************************************/
.toolbar-command
{
	cursor: pointer;
	font-size: 8pt;
  color: black;
  vertical-align: middle;
  padding: 2px;
}

.taskbar-toolbar-command
{
	cursor: pointer;
	font-size: 8pt;
  color: black;
  vertical-align: middle;
  padding: 2px;
}


/* *************************************************/
/* Classe applicata allo span che contiene un      */
/* intero comando della toolbar e le caption dei   */ 
/* comandi                                         */
/* NON EVIDENZIATO                                 */
/* *************************************************/
.toolbar-command-showcaption
{
  width: 35px;
  cursor: pointer;
  font-size: 8pt;
  color: black;
  padding: 2px;
}


/* *************************************************/
/* Classe applicata al comando di una toolbar      */
/* EVIDENZIATO                                     */
/* *************************************************/
.toolbar-command-hl
{
	background-color: #0066CC;
	cursor: pointer;
	font-size: 8pt;
  color: white;
  vertical-align: middle;
  padding: 2px;
}




/* *************************************************/
/* Classe applicata alll'immagine di un comando    */
/* di toolbar                                      */
/* *************************************************/
.toolbar-image
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
}
.toolbar-image-small
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
}

/* *************************************************/
/* Classe applicata alll'immagine di un comando    */
/* di toolbar con hilight attivo                   */
/* *************************************************/
.toolbar-image-hl
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  background-repeat: no-repeat;
}
.toolbar-image-hl-small
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  background-repeat: no-repeat;
}

/* *************************************************/
/* Classe applicata alll'immagine di un comando    */
/* di toolbar con hilight attivo (mouse over)      */
/* *************************************************/
.toolbar-image-hl-hover
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
}
.toolbar-image-hl-hover-small
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
}

/* *************************************************/
/* Classe applicata alll'immagine di un comando    */
/* di toolbar con hilight attivo (mouse down)      */
/* *************************************************/
.toolbar-image-hl-down
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
}
.toolbar-image-hl-down-small
{
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
}

/* *************************************************/
/* Classe applicata all'input di un comando        */
/* di toolbar quando questo non ha un'immagine     */
/* *************************************************/
.toolbar-button
{
  vertical-align: middle;
  margin-right: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: Tahoma, Arial;
  font-size: 8pt;
  border: 1px solid #8BA3C3;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F9FDFF,EndColorStr=#CFE1EF);
}

.toolbar-main-button
{
  height: 19px;
}
.toolbar-form-button
{
  height: 22px;
}
.toolbar-frame-button
{
  height: 22px;
}
.toolbar-frame-button-small
{
  height: 18px;
}

.main-button-hover
{
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F1F4FF,EndColorStr=#F8FBFD);
}
.form-button-hover
{
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F1F4FF,EndColorStr=#F8FBFD);
}
.frame-button-hover
{
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F1F4FF,EndColorStr=#F8FBFD);
}

.main-button-press
{
  border: 1px solid #82c36d; 
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E0ECE8,EndColorStr=#F6F1E6);
}
.form-button-press
{
  border: 1px solid #82c36d; 
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E0ECE8,EndColorStr=#F6F1E6);
}
.frame-button-press
{
  border: 1px solid #82c36d; 
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E0ECE8,EndColorStr=#F6F1E6);
}

/* *************************************************/
/* Classe applicata ad un separatore tra comandi   */
/* di toolbar                      		             */
/* *************************************************/
.toolbar-separator
{
  display: inline-block;
	width: 4px;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle form                */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al contenitore dell'intera		 */
/* form                                            */
/* *************************************************/
.popup-frame-content .form-container
{
	width: 99%!important;
	max-width: 99%!important;
	margin-left: 0px;
    margin-right: 0px;
}

.form-container
{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border: 0px solid #f7f7f7;
	text-align: left;
	max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* *************************************************/
/* Classe applicata al contenitore dei frames      */
/* posto sotto la caption della form               */
/* *************************************************/

/* FORZATURA per INDI : Non mostrare scroll orizzontale*/
.INDI .form-frames-container {
    overflow-x: hidden!important;
}

.form-frames-container
{
  height:100%;
  position:absolute;
  overflow: auto;
  padding-top: 2px;
  }

/* *************************************************/
/* Classe applicata al contenitore della caption	 */
/* della form                                      */
/* *************************************************/
.form-caption-container
{
	width: 100%!important;
	height: 40px;
	background-color: #3b7ddd;
	background-image: none;
	background-repeat: repeat-x;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
    white-space: nowrap;
	border-radius: 2px;
}


/* *************************************************/
/* Classe aggiunta  al contenitore della caption	 */
/* della form se in stato INACTIVE                 */
/* *************************************************/
.form-caption-inactive
{
  opacity: 0.90;
  filter: alpha(opacity = 90);
}

/* *************************************************/
/* il form cover serve per rendere lo stato del 	 */
/* popup quando inattivo                           */
/* *************************************************/
.form-cover-inactive
{
  opacity: 0.35;
  filter: alpha(opacity = 35);
  display:block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
}

/* *************************************************/
/* il form cover serve per rendere lo stato del 	 */
/* popup quando attivo                             */
/* *************************************************/
.form-cover
{
  display:none;
}

/* *************************************************/
/* Classe applicata ai bottoni presenti sulla   	 */
/* caption della form                              */
/* *************************************************/
.form-caption-image
{
	vertical-align: top;
    cursor: pointer;
    padding-left: 7px;
    margin-top: 5px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 4px 0px;
    width: 24px;
    padding-top: 3px;
}

.form-caption-modal-image
{
  vertical-align: top;
  cursor: pointer;
  padding-left: 4px;
  margin-top: 5px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 4px 0px;
}

.form-caption-hover
{
  background-position: 4px -15px;
}

.form-caption-press
{
  background-position: 4px -30px;
}

/* *************************************************/
/* Classe applicata all'icona della caption        */
/* della form                                      */
/* *************************************************/
.form-caption-icon
{
  vertical-align: top;
  padding-left: 4px;
  margin-top: 5px;
  cursor: pointer;
}

/* *************************************************/
/* Classe applicata al testo della caption         */
/* della form                                      */
/* *************************************************/
.form-caption-text
{
  height: 30px;
  line-height: 38px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  padding-left: 6px;
}


/* *************************************************/
/* Classe applicata al div di una entry nella      */
/* form list                                       */
/* *************************************************/
.form-list-item
{
  width: 100%;
	height: 24px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
}


/* *************************************************/
/* Classe applicata al div della form attiva nella */
/* form list                                       */
/* *************************************************/
.form-list-active-item
{
  width: 100%;
	height: 24px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
}

/* *************************************************/
/* Classe applicata all'immagine della entry della */
/* form attiva nella form list                     */
/* *************************************************/
.form-list-active-img
{
	vertical-align: bottom;
	display:inline-block;
	width: 27px;
	height: 24px;
	background-image: url(images/selflrd3.gif);
}


/* *************************************************/
/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list                 */
/* *************************************************/
.form-list-img
{
	vertical-align: bottom;
	display:inline-block;
	width: 27px;
	height: 24px;
	background-image:  none!important;
	background-position: 0px 0px;
}

/* *************************************************/
/* Classe aggiuntiva applicata se il menù          */
/* è posizionato a destra                          */
/* *************************************************/
.form-list-img-right
{
	background-position: 27px 0px;
}

/* *************************************************/
/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list (EVIDENZIATA)   */
/* *************************************************/
.form-list-img-hl
{
	vertical-align: bottom;
	display:inline-block;
	width: 27px;
	height: 24px;
	background-image: none;
	/*background-image: url(images/noflrd3.gif);*/
	background-position: 0px -24px;
}

/* *************************************************/
/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list (EVID.-DESTRA)  */
/* *************************************************/
.form-list-img-hl-right
{
	vertical-align: bottom;
	display:inline-block;
	width: 27px;
	height: 24px;
	background-image: url(images/noflrd3.gif);
	background-position: 27px -24px;
}

/* *************************************************/
/* Classe applicata al nome della form attiva      */
/* nella form list                                 */
/* *************************************************/
.form-list-active-caption
{
  display: inline-block;
  cursor: pointer;
	height: 24px;
	line-height: 24px;
	vertical-align: bottom;
	background-color: #2f4050;
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	padding-left: 5px;
	background-image: none;
	/*background-image: url(images/flselitembg.gif);*/
}


/* *************************************************/
/* Classe applicata al nome della form attiva      */
/* nella form list (EVIDENZIATO)                   */
/* *************************************************/
.form-list-active-caption-hl
{
  display: inline-block;
	height: 24px;
	line-height: 24px;
	vertical-align: bottom;
	background-color: white;
	font-weight: bold;
	font-size: 8pt;
	color: #1e1e1e;
	padding-left: 5px;
	background-image: url(images/flselitembg.gif);
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;				 
}


/* *************************************************/
/* Classe applicata al nome di una form non attiva */
/* nella form list                                 */
/* *************************************************/
.form-list-caption
{
	display: inline-block;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    vertical-align: bottom;
    background-color: #3b7ddd;
    color: #ffffff;
    font-weight: normal;
    font-size: 8pt;
    padding-left: 5px;
    background-image: none!important;
    background-position: 0px 0px;
    border-radius: 3px;
}


/* *************************************************/
/* Classe applicata al nome di una form non attiva */
/* nella form list (EVIDENZIATO)                   */
/* *************************************************/
.form-list-caption-hl
{
  display: inline-block;
  cursor: pointer;
	height: 24px;
	line-height: 24px;
	vertical-align: bottom;
	background-color: #dff4ff;
	color: #1e1e1e;
	font-weight: bold;
	font-size: 8pt;
	padding-left: 5px;
	background-image: none;
	background-position: 0px -24px;
	border-radius: 3px;
}


/* *************************************************/
/* Classi Form List Taskbar                        */
/* *************************************************/
.taskbar-form-list-item
{
	cursor: pointer;
	border: 1px solid gray;
	padding: 0px;
	margin: 2px;
	display: inline-block;
	width: 150px;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: white;
	vertical-align: top;
	padding-top: 3px;
	background-image: url(images/tbfl.gif);
	background-position: 0px 55px;
}

.taskbar-form-list-item:hover
{
	background-position: 0px 25px;
}

.taskbar-form-list-img
{
	cursor: pointer;
	vertical-align: -4px;
	padding: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.taskbar-form-list-caption
{
	color: white;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	padding: 2px;
}

.taskbar-form-list-active
{
	background-position: 0px 0px;
	border: 1px groove gray;
	font-weight: bold;
}

.taskbar-form-list-active:hover
{
	background-position: 0px 0px;
}


/* *************************************************/
/* Classe applicata al contenitore dei messaggi  	 */
/* della form                                      */
/* *************************************************/
.form-message-container
{
  width: 100%;
  overflow: auto;
	background-color: #fff3cd;
	background-image: none!important;
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
	text-align: left;
  border-bottom: 1px solid #f7f7f7;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto!important;
}

/* *************************************************/
/* Classe applicata al div che contiene un         */
/* singolo messaggio della form                    */
/* *************************************************/
.form-message-div
{
  height: auto!important;
  padding-top: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* *************************************************/
/* Classe applicata al IMG che contiene l'icon     */
/* di un messaggio della form                      */
/* *************************************************/
.form-message-icon
{
  vertical-align: middle;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* *************************************************/
/* Classe applicata allo SPAN che contiene         */
/* il testo di un messaggio della form             */
/* *************************************************/
.form-message-text
{
  font-size: 13px;
  color: #3e4676;
  white-space: normal; /* Consente il ritorno a capo del testo se necessario */
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile dei frames                */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al contenitore di un frame     */
/* che contiene altri frame suddivisi verticalmente*/
/* *************************************************/
.frame-container-top
{
	background-color: transparent;
	border: 0px;
	position: absolute;
	width: 100%!important;		  
  }

/* ***************************************************/
/* Classe applicata al contenitore di un frame       */
/* che contiene altri frame suddivisi orizzontalmente*/
/* ***************************************************/
.frame-container-bottom
{
	background-color: transparent;
	border: 0px;
	position: absolute;
	width: 100%!important;		 
}


/* ***************************************************/
/* Classe applicata al contenitore di un frame       */
/* che contiene altri frame suddivisi orizzontalmente*/
/* ***************************************************/
.frame-container-left
{
  background-color: transparent;
  border: 0px;
  position: absolute;
}


/* ***************************************************/
/* Classe applicata al contenitore di un frame       */
/* che contiene altri frame suddivisi orizzontalmente*/
/* ***************************************************/
.frame-container-rigth
{
  background-color: transparent;
  border: 0px;
  position: absolute;
}

/* ***************************************************/
/* Classe applicata al contenitore di un frame       */
/* con bordo orizzontale                             */
/* ***************************************************/
.frame-border-top
{
  border-top: 1px solid #47648e;
}

/* ***************************************************/
/* Classe applicata al contenitore di un frame       */
/* con bordo verticale                               */
/* ***************************************************/
.frame-border-left
{
  border-left: 1px solid #47648e;
}

/* ***************************************************/
/* Classe applicata al contenitore di un frame       */
/* che contiene oggetti visuali effettivi            */
/* ***************************************************/
.frame-container
{
	width: 100%;
	position: absolute;
	overflow: hidden;
	background-color: transparent;
	border: none;
}
/* -----------------------------------------------------------------------------------------------*/
/* NB. Metto il 100% important solo per le videate normali, altrimenti non mi apre le popup*/
/* -----------------------------------------------------------------------------------------------*/
#forms-container .frame-container
{
	width: 100%!important;
}
/* -----------------------------------------------------------------------------------------------*/

/* ***************************************************/
/* Classe applicata al contenitore della toolbar     */
/* del frame                                         */
/* ***************************************************/
.frame-toolbar-container
{
	height: 35px;	   
	background-color: #e9ecef;
	background-image: none;
	border-bottom: none;
	overflow: hidden;
	white-space: nowrap;
	padding: 4px 0px 2px 0px;
	/*max-width: 89%!important;*/
}

.popup-frame-content .frame-toolbar-container
{
	height: 35px;	   
	background-color: #e9ecef;
	background-image: none;
	border-bottom: none;
	overflow: hidden;
	white-space: nowrap;
	padding: 4px 0px 2px 0px;
	max-width: 99%!important;
}
/* ***************************************************/
/* Classe applicata al contenitore della toolbar     */
/* del frame in caso di icone piccole                */
/* ***************************************************/
.frame-toolbarsmall-container
{
  width: 100%;
  height: 30px;
  padding-top: 1px;
	background-color: #f3f3f3;
	background-image: url('images/frmcaptionbg.gif');
	border-bottom: 1px solid #f3f3f3;
	overflow: hidden;
	white-space: nowrap;
}

/* ***************************************************/
/* Classi applicata al DIV che appare quando la      */
/* toolbar ha contenuto scrollabile                  */
/* ***************************************************/
.frame-toolbar-scrollbox-dx
{
  width: 16px;
  height: 24px;
	background-color: #6899BB;
	position: absolute;
	top: 2px;
	display: none;
	opacity: 0.7;
  filter: alpha(opacity = 70);
  background-image: url('images/scrdx.gif');
  background-repeat: no-repeat;
  background-position: 4px 5px;
}

.frame-toolbarsmall-scrollbox-dx
{
  width: 16px;
  height: 18px;
	background-color: #6899BB;
	position: absolute;
	top: 2px;
	display: none;
	opacity: 0.7;
  filter: alpha(opacity = 70);
  background-image: url('images/scrdx.gif');
  background-repeat: no-repeat;
  background-position: 4px 2px;
}

.frame-toolbar-scrollbox-sx
{
  width: 16px;
  height: 24px;
	background-color: #6899BB;
	position: absolute;
	top: 2px;
	display: none;
	opacity: 0.7;
  filter: alpha(opacity = 70);
  background-image: url('images/scrsx.gif');
  background-repeat: no-repeat;
  background-position: 4px 5px;
}

.frame-toolbarsmall-scrollbox-sx
{
  width: 16px;
  height: 18px;
	background-color: #6899BB;
	position: absolute;
	top: 2px;
	display: none;
	opacity: 0.7;
  filter: alpha(opacity = 70);
  background-image: url('images/scrsx.gif');
  background-repeat: no-repeat;
  background-position: 4px 2px;
}


/* ***************************************************/
/* Classe applicata al contenitore di tutti gli      */
/* altri oggetti visuali del frame                   */
/* ***************************************************/
.cruscotto .frame-content-container
{
	max-width: 100%!important;
	margin-left: 0px!important;
}
.indi-panel .frame-content-container
{
	max-width: 100%!important;
	margin-left: 0px!important;
}

.popup-frame-content .frame-content-container
{
	max-width: 100%!important;
	margin-left: 0px!important;
}

.indi-sep .frame-content-container
{
	background-color: #f4f7fc!important;
}

.frame-content-container
{
	background-color:  #ffffff!important;
	/*background-color:  #f4f7fc!important;*/
	position: absolute;
	overflow: auto;
	margin: 0px!important;
	width:100%!important;
	padding-top:5px;
}

.popup-frame-content .frame-content-container
{
	width:100%;
}

/* Sul cruscotto la personalizzo con il colore blu a contrasto forte */

.cruscotto .frame-content-container
{
    background-color:#153d77!important;
}
/* ******************************************************/
/* Classe applicata all'immagine del pulsante collapse  */
/* ******************************************************/
.frame-toolbar-button
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	height: 22px;
}

.frame-toolbar-button-hover
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	height: 22px;
}

.frame-toolbar-button-down
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	height: 22px;
}

.frame-toolbar-button-small
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

.frame-toolbar-button-small-hover
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

.frame-toolbar-button-small-down
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

/* ******************************************************/
/* Classe applicata all'icona del frame                 */
/* ******************************************************/
.frame-toolbar-icon
{
	vertical-align: middle;
}

/* ******************************************************/
/* Classe applicata al testo della caption del frame    */
/* ******************************************************/
.frame-toolbar-caption
{
  line-height: 22px;
	color: #3e4676;
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	padding-left: 1px;
	overflow: hidden;
}

/* ******************************************************/
/* Classe applicata al testo della caption del frame    */
/* ******************************************************/
.frame-toolbarsmall-caption
{
	height: 20px;
	line-height: 20px;
	color: #3e4676;
	font-size: 11px;
	font-weight: normal;
	display: inline-block;
	padding-left: 8px;
	overflow: hidden;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile degli indicatori          */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata alla Box esterna               */
/*  di un indicatore                               */
/* *************************************************/
.indicator-box
{
	border: solid #f7f7f7 1px;
	background-color: white;
	background-image: url(images/msgbg.gif);
	font-size: 8pt;
	height: 17px;
	vertical-align: middle;
	padding: 1px;
	margin-right: 2px;
	display: inline-block;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 3px;
	color: black;
}

.taskbar-indicator-box
{
	font-size: 8pt;
	height: 17px;
	vertical-align: top;
	padding: 1px;
	margin-right: 2px;
	display: inline-block;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	color: white;
	white-space: nowrap;
}

/* *************************************************/
/* Classe applicata alla Box esterna               */
/*  di un indicatore vuoto                         */
/* *************************************************/
.indicator-box-empty
{
	border: solid transparent 1px;
	font-size: 8pt;
	background-color: transparent;
	height: 13px;
	vertical-align: middle;
	padding: 1px;
	margin-right: 2px;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}


/* *************************************************/
/* Classe applicata all'immagine dell'indicatore   */
/* (abilitato)                                     */
/* *************************************************/
.indicator-image
{
  float: left;
  vertical-align: bottom;
  padding-right: 4px;
  cursor: pointer;
}

/* *************************************************/
/* Classe applicata al testo dell'indicatore       */
/* quando questo è attivo                          */
/* *************************************************/
.indicator-text
{
	cursor: pointer;
}

/* *************************************************/
/* Classe applicata al testo dell'indicatore       */
/* quando questo è evidenziato                     */
/* *************************************************/
.indicator-text:hover
{
	background-color: #1e1e1e;
	color: white;
}

/* *************************************************/
/* Classe applicata all'indicatore quando questo è */
/* non attivo                                      */
/* *************************************************/
.indicator-disabled
{
  cursor: default !important;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile degli alberi              */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al DIV che contiene tutto      */
/* l'albero e i suoi figli                         */
/* *************************************************/
.tree-container
{
  background-color: white;
  border: 1px solid #C0C0C0;
  padding-left: 2px;
  padding-top: 1px;
  overflow: auto;
}

/* *************************************************/
/* Classe applicata al DIV che contiene il nodo    */
/* dell'albero ed i suoi figli                     */
/* *************************************************/
.tree-node-container
{
}

/* *************************************************/
/* Classe applicata al DIV che contiene il nodo    */
/* dell'albero (la riga con l'immagine ed il testo */
/* *************************************************/
.tree-node-caption
{
  vertical-align: middle;
	margin-top: -1px; 
	margin-bottom: 0px;
  white-space: nowrap;
}

/* *************************************************/
/* Classe applicata al DIV che contiene il nodo    */
/* dell'albero (la riga con l'immagine ed il testo */
/* HILIGHT                                         */
/* *************************************************/
.tree-node-caption-hl
{
  vertical-align: middle;
	margin-top: -1px; 
	margin-bottom: 0px;
  white-space: nowrap;
  background-color: #EEEEEE;
}

/* *************************************************/
/* Classe applicata al DIV che contiene i nodi     */
/* figli di un nodo dell'albero                    */
/* *************************************************/
.tree-node-children
{
}

/* *************************************************/
/* Classe applicata all'IMG all'inizio di ogni     */
/* nodo figlio per fare le righine verticali dei   */
/* nodi padri                                      */
/* *************************************************/
.tree-node-filler
{
  height: 19px;
	background-image: url(images/t.gif);
  vertical-align: middle;
	cursor: pointer;
}

/* *************************************************/
/* Classe applicata all'immagine di un nodo che può*/
/* essere espanso                                  */
/* *************************************************/
.tree-exp-img
{
  vertical-align: middle;
}

/* *************************************************/
/* Classe applicata all'immagine di un nodo che non*/
/* può essere espanso                              */
/* *************************************************/
.tree-child-img
{
  vertical-align: middle;
}

/* *************************************************/
/* Classe applicata all'immagine associata al nodo */
/* *************************************************/
.tree-node-img
{
  vertical-align: middle;
}

/* *************************************************/
/* Classe applicata al checkbox di un nodo         */
/* *************************************************/
.tree-node-check
{
  vertical-align: middle;
  border: none;
  padding: 0px;
  margin: 0px;
  margin-right: 2px;
  height: 13px;
  width: 13px;
}

/* *************************************************/
/* Classe applicata allo span che contiene il testo*/
/* con il nome del nodo                            */
/* *************************************************/
.tree-node-text
{
  vertical-align: middle;
  font-size: 8pt;
  font-weight: normal;
  color: black;
  cursor: pointer;
  padding-left: 2px;
}

/* *************************************************/
/* Classe applicata allo span che contiene il testo*/
/* con il nome del nodo selezionato                */
/* *************************************************/
.tree-selected-node-text
{
  color: #1e1e1e;
  font-size: 8pt;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 2px;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile dei book                  */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al DIV che contiene tutto      */
/* l'albero e i suoi figli                         */
/* *************************************************/
.book-container
{
  background-color: #e1dfc4;
  /*border: 1px solid #C0C0C0;*/
  padding: 2px;
  overflow: auto;
  position: absolute;
}

.book-container-noborder
{
  border: none;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  position: absolute;
}


/* ************************************************************/
/* Classe applicata alla status bar di un book                */
/* (area che contiene) le informazioni di navigazione         */
/* ************************************************************/
.book-toolbar-status
{
	line-height: 22px;
	color: #1e1e1e;
	font-size: 8pt;
	font-weight: bold;
	overflow:hidden;
	display:inline-block;
}


/* ************************************************************/
/* Classe applicata alla status bar di un book                */
/* (area che contiene) le informazioni di navigazione         */
/* ************************************************************/
.book-toolbarsmall-status
{
	height: 20px;
	line-height: 20px;
	color: #1e1e1e;
	font-size: 8pt;
	font-weight: bold;
	display: inline-block;
	overflow:hidden;
}


/* *************************************************/
/* Classe applicata al DIV che contiene una pagina */
/* del book                                        */
/* *************************************************/
.book-page-container
{
	border: 1px solid black;
	background-color: white;
	position: absolute;	
}

.book-page-container-noborder
{
	border: none;
	position: absolute;	
}


/* *************************************************/
/* Classe applicata al DIV che contiene una box    */
/* del book                                        */
/* *************************************************/
.book-box
{
	border: 1px solid red;
	position: absolute;
	z-index: 0;
}


/* *************************************************/
/* Classe applicata al IMG che contiene l'immagine */
/* di sfondo di una box del book                   */
/* *************************************************/
.book-box-img
{
  z-index: -1;
  position: absolute;
  left: 0px;
  top: 0px;
}

/* *************************************************/
/* Classe applicata al IMG che contiene l'immagine */
/* di un grafico in una box del book                */
/* *************************************************/
.book-box-graph
{
  border: 0px solid white;
}

/* *************************************************/
/* Classe applicata allo SPAN che contiene uno     */
/* span di una box del book                        */
/* *************************************************/
.book-span
{  
}

/* *************************************************/
/* Classe applicata all'INPUT di tipo testo        */
/* contenuto in  uno span attivo di una            */
/* box del book                                    */
/* *************************************************/
.book-span-input
{
	position: absolute;
	left: 0px;
	background-color: transparent;
	border: none;
	padding-top: 3px;
	padding-left: 5px;
	border:0px !important;
	text-transform: uppercase;
}

.book-span-textarea
{
	position: absolute;
	left: 0px;
	background-color: transparent;
	overflow: auto;
	border: none;
	padding-top: 3px;
	padding-left: 5px;
	border:0px !important;
	text-transform: uppercase;
}

.book-span-calendar
{
  border: none;
  cursor: pointer;
  position: absolute;
}

/* *************************************************/
/* Classe applicata all'INPUT di tipo check        */
/* contenuto in  uno span attivo di una            */
/* box del book                                    */
/* *************************************************/
.book-span-check
{
	background-color: transparent;
}

iframe#calpopup {
    width: 255px!important;
	height: 255px!important;
	BORDER: 2PX SOLID #e9ecef!important;
}

input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

/* *************************************************/
/* Classe applicata all'INPUT di tipo file         */
/* contenuto in  uno span attivo di una            */
/* box del book                                    */
/* *************************************************/
.book-span-file
{
	color: blue !important;
	text-decoration: underline !important;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

/* *************************************************/
/* Classe applicata all'INPUT di tipo combo        */
/* contenuto in  uno span attivo di una            */
/* box del book                                    */
/* *************************************************/
.book-span-combo
{
}

/* *************************************************/
/* Classe applicata all'INPUT di tipo radio        */
/* contenuto in uno span attivo di una             */
/* box del book                                    */
/* *************************************************/
.book-span-radio
{
	vertical-align: -4px;
	height: 19px;
	background-color: transparent;
	/* Chrome e Safari hanno i loro default */
  width: 19px;
  margin: 0px;
  padding: 0px;
}
/*Chrome - Problema radio giganti*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .book-span-radio{height: 14px;}
}																
.book-span-radio-text
{
}

/* *************************************************/
/* Classe applicata all'IMG contenuta in uno       */
/* span con immagine di una box del book           */
/* *************************************************/
.book-span-img
{
  vertical-align: middle;
}

/* *************************************************/
/* Classe applicata all'INPUT di tipo button       */
/* contenuto in  uno span attivo di una            */
/* box del book                                    */
/* *************************************************/
.book-span-button
{
}

/* *************************************************/
/* Classe applicata al DIV che contiene una sezione*/
/* del book                                        */
/* *************************************************/
.book-section
{
	border: 1px solid green;
	position: absolute;
	overflow: hidden;
}


/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di book  */
/* ************************************************************/
.book-toolbar-button
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
}

.book-toolbar-button-down
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
}

.book-toolbar-button-hover
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
}

.book-toolbar-button-small
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

.book-toolbar-button-small-down
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

.book-toolbar-button-small-hover
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

/* ****************************************************/
/* Classe applicata al separatore tra comandi della   */
/* toolbar del book                                   */
/* ****************************************************/
.book-toolbar-sep
{
  width: 16px;
  display: inline-block;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile dei pannelli              */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al box che contiene l'intero   */
/* pannello in lista                               */
/* *************************************************/
.panel-list-container
{
	border: none;
	background-color: #ffffff!important;
	height: 100%;
	width: 100%;
	position: absolute;
	padding: 0px;
	overflow: hidden;
}

/* *************************************************/
/* Classe applicata al box che contiene la lista   */
/* nel pannello in lista                           */
/* *************************************************/
.panel-list-list-container
{
	position: absolute;
	padding: 0px;
	border: 1px solid black;
}


/* *************************************************/
/* Classe applicata al box che contiene la scroll  */
/* area nel caso di fixed column > 0               */
/* *************************************************/
.panel-scroll-area
{
	position: absolute;
	overflow-y: hidden;
	overflow-x: scroll;
	padding: 0px;
	border-left: 1px dotted #c0c0c0;
	border-right: 1px dotted #c0c0c0;
	border-top: 1px solid transparent;
	border-bottom: none;
}


/* *************************************************/
/* Classe applicata al box che contiene l'intero   */
/* pannello in form                                */
/* *************************************************/
.panel-form-container
{
	border: none;
	background-color:  #ffffff!important;
	/*background-color:  #f4f7fc!important;*/
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0px;
}
/* Sul cruscotto la personalizzo con il colore blu a contrasto forte */
.cruscotto .panel-form-container
{
    background-color:#153d77!important;
}															

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* (area che contiene) le informazioni di navigazione         */
/* ************************************************************/
.panel-toolbar-status
{
	line-height: 22px;
	color: #1e1e1e;
	font-size: 8pt;
	font-weight: bold;
	overflow:hidden;
	display:inline-block;
}


/* ************************************************************/
/* Classe applicata agli SPAN che contengono i bottoni        */
/* della toolbar del pannello                                 */
/* ************************************************************/
.panel-toolbar-zone
{
  height: 26px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
}


/* ************************************************************/
/* Classe applicata agli SPAN che contengono i bottoni        */
/* della toolbar del pannello con icone piccole               */
/* ************************************************************/
.panel-toolbarsmall-zone
{
  height: 26px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
}


/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di pannello  */
/* ************************************************************/
.panel-toolbar-button
{
	vertical-align: bottom;
	cursor: pointer;
    padding: .225rem .40rem;
    background-image: none;
    background-repeat: no-repeat;
    border: 0px solid #c7c8ca;
    height: 22px;
    border-radius: 3px;
	box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1)!important;
}

.panel-toolbar-button-down
{
	vertical-align: bottom;
	cursor: pointer;
	padding: .225rem .40rem;
    background-image: none;
    background-repeat: no-repeat;
    border: 0px solid #c7c8ca;
    height: 22px;
    border-radius: 3px;
	box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1)!important;
}

.panel-toolbar-button-hover
{
	vertical-align: bottom;
	cursor: pointer;
	padding: .225rem .40rem;
    background-image: none;
    background-repeat: no-repeat;
    border: 0x solid #c7c8ca;
    height: 22px;
    border-radius: 3px;
	box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1)!important;
}

.panel-toolbar-button-small
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-image: none;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

.panel-toolbar-button-small-down
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-image: none;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

.panel-toolbar-button-small-hover
{
	vertical-align: bottom;
	cursor: pointer;
	padding-right: 4px;
	background-image: none;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

/* *************************************************/
/* Classe applicata ad un separatore tra comandi   */
/* di toolbar di pannello          		             */
/* *************************************************/
.panel-toolbar-separator
{
  display: inline-block;
	width: 12px;
}

/* ************************************************************/
/* Classe applicata all'immagine dei qbe tip                  */
/* ************************************************************/
.panel-toolbar-qbetip
{
	vertical-align: middle;
}

/* ************************************************************/
/* Classe applicata all'immagine dei qbe tip small            */
/* ************************************************************/
.panel-toolbarsmall-qbetip
{
	vertical-align: middle;
}

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* se esso è in stato QBE (al posto di panel-toolbar-status)  */
/* ************************************************************/
.panel-status-qbe
{
  display: inline-block;
  line-height: 25px;
	color: #00234b;
	font-size: 8pt;
	font-weight: bold;
	overflow:hidden;
	padding-right: 12px;
}

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* se esso è in stato QBE (al posto di panel-toolbar-status)  */
/* per i pannelli con icone piccole                           */
/* ************************************************************/
.panel-statussmall-qbe
{
	color: #00234b;
	font-size: 11px;
	font-weight: bold;
	overflow:hidden;
	padding-right: 12px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
}

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* se esso è in stato DATA (al posto di panel-toolbar-status)  */
/* ************************************************************/
.panel-status-data
{
  line-height: 20px;
	color: #3e4676;
	font-size: 11px;
	font-weight: normal;
	overflow:hidden;
	padding-right: 12px;
	display: inline-block;
}

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* se esso è in stato DATA (al posto di panel-toolbar-status) */
/* per i pannelli con icone piccole                           */
/* ************************************************************/
.panel-statussmall-data
{
	color: #3e4676;
	font-size: 11px;
	font-weight: normal;
	overflow:hidden;
	padding-right: 12px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
}

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* se esso è in stato UPD (al posto di panel-toolbar-status)  */
/* ************************************************************/
.panel-status-updated
{
  display: inline-block;
  line-height: 25px;
	color: #3b7ddd;
	font-size: 11px;
	font-weight: normal;
	overflow:hidden;
	padding-right: 12px;
}

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* se esso è in stato UPD (al posto di panel-toolbar-status)  */
/* per i pannelli con icone piccole                           */
/* ************************************************************/
.panel-statussmall-updated
{
	color: #e86514;
	font-size: 8pt;
	font-weight: bold;
	overflow:hidden;
	padding-right: 12px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
}

/* ************************************************************/
/* Classe applicata al contenitore dei pulsanti di navigazione*/
/* del pannello                                               */
/* ************************************************************/
.panel-toolbar-navigation
{
}

/* ************************************************************/
/* Classe applicata al DIV usato per evidenziare il record    */
/* che si sta cancellando                                     */
/* ************************************************************/
.panel-highlight-delete
{
  position: absolute;
  border: 2px solid red;
}

/* *************************************************/
/* Classe applicata al box che contiene la caption */
/* di un campo in form                             */
/* *************************************************/
.panel-field-caption-form
{
	border: none;
	position: absolute;
	overflow: hidden;
	padding: 2px;
}

/* *************************************************/
/* Classe applicata al box che contiene la caption */
/* di un campo in list                             */
/* *************************************************/
.panel-field-caption-list
{
	border: none;
	position: absolute;
	overflow: hidden;
	padding: 2px;
	background-image: url('images/pancapbg.gif');
	background-repeat: repeat-x;
	background-position: 0% 100%;
 	color: black;
    background: white!important;
    font-weight: bold!important;
	border-bottom-width: 0px!important;
	font-size: 9pt!important;
}

/* *************************************************/
/* Classe applicata al box che contiene un campo   */
/* statico                                         */
/* *************************************************/
.panel-field-static
{
	border: none;
	position: absolute;
	overflow: hidden;
	padding: 2px;
	padding-top: 3px;
	border-radius: 3px;
}

/* *************************************************/
/* Classe applicata al box che contiene tutte le   */
/* celle di un campo in lista dentro alla lista    */
/* *************************************************/
.panel-field-list-box
{
	border: none;
	position: absolute;
	overflow: hidden;
}

/* *************************************************/
/* Classe applicata al box che contiene tutte le   */
/* celle di un campo in lista dentro alla lista    */
/* e che contiene le intestazioni dei gruppi       */
/* *************************************************/
.panel-field-grouped-list-box
{
	border: none;
	position: absolute;
	overflow: visible;
	z-index: 1;
}

/* *************************************************/
/* Classe applicata al box che contiene il valore  */
/* di un campo in form                             */
/* *************************************************/
.panel-field-value-list
{
	border: none;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	z-index: 0;
	left: 0px;
}

/* *************************************************/
/* Classe applicata al box che contiene il valore  */
/* di un campo in form                             */
/* *************************************************/
.panel-field-value-form
{
	border: none;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	z-index: 0;
	/* bordo stondato dei campi */
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* *************************************************/
/* Classe applicata al campo che contiene il       */
/* valore della cella se INPUT                     */
/* *************************************************/
.panel-value-input
{
	background-color: transparent;
	border: none;
	position: absolute;
	padding: 2px;
	left: 0px;
	top: 0px;
}

/* *************************************************/
/* Classe applicata ad un INPUT che contiene       */
/* un WATERMARK                                    */
/* *************************************************/
.panel-field-value-watermark
{
  color: gray !important;
}

/* *************************************************/
/* Classe applicata all'attivatore del campo       */
/* *************************************************/
.panel-value-activator
{
	position: absolute;
	background-position: center center!important;
    background-repeat: no-repeat;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright : 5px;
 	
}

/* *************************************************/
/* Classe applicata al campo che contiene il       */
/* valore della cella se COMBO                     */
/* *************************************************/
.panel-value-combo
{
	border: none;
	padding: 2px;
	position:absolute;
	background-color: transparent;
}

/* *************************************************/
/* Classe applicata all'immagine                   */
/* della lista valori se COMBO disabilitata        */
/* *************************************************/
.panel-value-image
{
	border: none;
	padding: 1px 2px 0px 2px;
	vertical-align: middle;
	background-color: transparent;
}

/* *************************************************/
/* Classe applicata al testo                       */
/* della lista valori se COMBO disabilitata        */
/* *************************************************/
.panel-value-span
{
	border: none;
	background-color: transparent;
	padding: 2px 2px 2px 2px;
}

/* *************************************************/
/* Classe applicata al testo                       */
/* della lista valori se COMBO disabilitata        */
/* *************************************************/
.panel-value-html
{
	border: none;
	padding: 2px;
	position: absolute;
	overflow: hidden;
	background-color: transparent;
}

/* *************************************************/
/* Classe applicata al campo che contiene il       */
/* valore della cella se INPUT                     */
/* *************************************************/
.panel-value-check
{
	position:absolute;
	background-color: transparent;
}

/* *************************************************/
/* Classe applicata al campo che contiene il       */
/* valore della cella se TEXTAREA                  */
/* *************************************************/
.panel-value-textarea
{
	border: none;
	overflow: auto;
	padding: 2px;
  white-space: pre;
	background-color: transparent;
}

/* *************************************************/
/* Classe applicata al campo che contiene il       */
/* valore della cella se INPUT/BUTTON              */
/* *************************************************/
.panel-value-button
{
	position:absolute;
	overflow: hidden;
	white-space: nowrap;
	z-index: 0;
}

.panel-value-button[disabled]
{
  color: #afa0a0!important;
  text-shadow: 1px 1px 1px #FFFFFF;
}

/* *************************************************/
/* Classe applicata al box che contiene la         */
/* scrollbar dei record del pannello               */
/* *************************************************/
.panel-scroll-container
{
	border: none;
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 18px;
}

/* *************************************************/
/* Classe applicata al div che contiene la         */
/* sottolineatura di errore di un campo di pannello*/
/* *************************************************/
.panel-value-error
{
	background-image: url('images/soter.gif');
	position: absolute;
	height: 5px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

/* *************************************************/
/* Classe applicata al div che contiene la         */
/* sottolineatura di warning di un campo           */
/* *************************************************/
.panel-value-warning
{
	background-image: url('images/sotwa.gif');
	position: absolute;
	height: 5px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

/* *************************************************/
/* Classe applicata al P che contiene              */
/* il testo di un blob di tipo testo               */
/* *************************************************/
.panel-blob-text
{
	padding: 2px;
}

/* *************************************************/
/* Classe applicata al IMG che contiene l'immagine */
/* di un blob di tipo immagine                     */
/* *************************************************/
.panel-blob-image
{
	padding: 2px;
}

/* *************************************************/
/* Classe applicata allo SPAN che contiene         */
/* il link per aprire il blob come zoom            */
/* *************************************************/
.panel-blob-span
{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	padding: 2px;
}

/* *************************************************/
/* Classe applicata all'IMG dentro ai campi blob   */
/* *************************************************/
.panel-blob-span IMG
{
	vertical-align: middle;
}

/* *************************************************/
/* Classe applicata al IFRAME che contiene         */
/* l'oggetto da mostrare nel caso di blob con      */
/* file generico                                   */
/* *************************************************/
.panel-blob-object
{
}

/* **************************************************/
/* Classe applicata ai bottoni della toolbar        */
/* del campo se di tipo blob                        */
/* **************************************************/
.panel-blob-button
{
	position: absolute;
	cursor: pointer;
}

/* *************************************************/
/* Classe applicata al FORM che serve per          */
/* caricare il contenuto di un blob                */
/* *************************************************/
.panel-blob-form
{
	padding: 2px;
}

.panel-blob-form DIV
{
	padding: 2px;
	padding-bottom: 6px;
}

/* *************************************************/
/* Classe applicata al box interno  alla scroll    */
/* container la cui altezza serve per dimensionare */
/* la scrollbar stessa                             */
/* *************************************************/
.panel-scroll-content
{
	width: 1px;
	background-color: transparent;
}

/* **************************************************/
/* Classe applicata ai row selector                 */
/* **************************************************/
.panel-row-selector
{
	position: absolute;
	cursor: pointer;
	padding-top: 2px;
	padding-left: 0px;
	width:12px!important;
	margin-top: 6px;
}


/* **************************************************/
/* Classe applicata ai comandi di multiselezione    */
/* **************************************************/
.panel-multisel-command
{
	position: absolute;
	cursor: pointer;
}


/* **************************************************/
/* Classe applicata all'oggetto che rappresenta     */
/* il tipo di sort sul campo                        */
/* **************************************************/
.panel-sort-image
{
	position: absolute;
	cursor: pointer;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle Button Bar          */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al contenitore esterno di una  */
/* Button Bar che contiene tutti i pulsanti        */
/* *************************************************/
.button-bar-container
{
}

/* *************************************************/
/* Classe applicata al contenitore esterno di un   */
/* pulsante della Button Bar                       */
/* *************************************************/
.button-bar-button-box
{
	
}

/* *************************************************/
/* Classe applicata al pulsante di una Button Bar  */
/* *************************************************/
.button-bar-button
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	height: 24px;
}


/* *************************************************/
/* Classe applicata ad un separatore tra pulsanti  */
/* in un layout verticale                          */
/* *************************************************/
.button-bar-vertical-separator
{
	height: 5px;
}


/* *************************************************/
/* Classe applicata ad un separatore tra pulsanti  */
/* in un layout orizzontale                        */
/* *************************************************/
.button-bar-horizontal-separator
{
	width: 5px;
}




/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle POPUP               */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al DIV che contiene tutta la   */
/* finestra popup                                  */
/* *************************************************/
.popup-frame-container
{
	position: absolute;
	background-color: #f6f6f6;
	z-index: 0;
}

/* *************************************************/
/* se necessario aggiunge i bordi alla finestra    */
/* popup                                           */
/* *************************************************/
.popup-border-thin
{
	border: 1px solid #8da5c4;
}

/* *************************************************/
/* Classe applicata al DIV che contiene la caption */
/* della finestra popup                            */
/* *************************************************/
.popup-frame-caption
{
	width: 100%;
	background-image: url(images/frmcaptionbg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #f3f3f3;
	color: #1e1e1e;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	padding: 1px;
	height: 30px;
	line-height: 20px;
	position: absolute;
}


/* *************************************************/
/* Classe applicata al DIV che contiene il         */
/* contenuto della finestra popup                  */
/* *************************************************/
.popup-frame-content
{
	position: absolute;
	overflow: hidden;
	width: 100%;
	border: 1px solid #d6d6d8;
    border-radius: 5px;
    padding: 5px;
    background: #fefefe;
}

/* *************************************************/
/* Classe applicata al DIV che copre l'applicazione*/
/* per attivare la modalità modale                 */
/* *************************************************/
.popup-modal-frame
{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #c0c0c0;
	opacity: 0.3;
  filter: alpha(opacity = 30);
  position: absolute;
  cursor: not-allowed;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle POPUP ERROR         */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe applicata al DIV che contiene tutta la   */
/* finestra popup                                  */
/* *************************************************/
.popup-error-frame-container
{
	border: 2px solid #8B0000;
	position: absolute;
	background-color: white;
}

/* *************************************************/
/* Classe applicata al DIV che contiene la caption */
/* della finestra popup                            */
/* *************************************************/
.popup-error-frame-caption
{
	width: 100%;
	background-color: #8B0000;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	font-size: 10pt;
}

/* *************************************************/
/* Classe applicata all'icona della finestra popup */
/* *************************************************/
.popup-error-icon
{
	display: inline-block;
	vertical-align: middle;
}

/* *************************************************/
/* Classe applicata al testo della caption         */
/* della finestra popup                            */
/* *************************************************/
.popup-error-caption-text
{
	color: #8B0000;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	padding-left: 10px;
	font-size: 10pt;
}

/* *************************************************/
/* Classe applicata al DIV che contiene i dettagli */
/* del messaggio di errore                         */
/* *************************************************/
.popup-error-frame-content
{
	overflow: auto;
	background-color: white;
	border-left: dotted #1e1e1e 2px;
	margin-left: 20px;
	padding-left: 4px;
	padding-top: 4px;
	position: absolute;
}

/* *************************************************/
/* Classe applicata al DIV che contiene un titolo  */
/* di una sezione del messaggio di errore          */
/* *************************************************/
.popup-error-content-title
{ 
	color: #26468F;
	font-weight: bold;
	padding: 0px;
	font-size: 10pt;
	vertical-align: top;
	white-space: nowrap;
	position: absolute;
}

/* *************************************************/
/* Classe applicata al DIV che contiene il testo   */
/* di una sezione del messaggio di errore          */
/* *************************************************/
.popup-error-content-txt
{
  width: 400px;
  position: absolute;
	color: #404040;
	padding: 0px;
	font-size: 10pt;
	
}

/* *************************************************/
/* Classe applicata al DIV che contiene il         */
/* pulsante di ritorno all'applicazione            */
/* *************************************************/
.popup-error-button
{
  position: absolute;
  color: #26468F;
	font-weight: bold;
	font-size: 10pt;
	cursor: pointer;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle MESSAGE BOX         */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *************************************************/
/* Classe associata ai pulsanti di una MsgBox      */
/* *************************************************/
.popup-button
{
	width: 70px;
	margin-left: 4px;
	margin-right: 4px;
}

/* *************************************************/
/* Classe associata allo Span che contiene il      */
/* Messaggio                                       */
/* *************************************************/
.popup-text
{
  position: absolute;
	display: inline-block;
	padding-right: 20px;
	padding-top: 10px;
	text-align: left;
	font-size: 10pt;
}

/* *************************************************/
/* Classe associata al div che contiene i bottoni  */
/* *************************************************/
.popup-input-div
{
	position: absolute;
  padding-top: 5px;
	width: auto;
	text-align: center;
	height: 20px;
}

/* *************************************************/
/* Classe associata al div che contiene l'input    */
/* *************************************************/
.popup-button-div
{
	position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
	width: auto;
	text-align: center;
}

/* *************************************************/
/* Classe associata all'Input di un InputBox       */
/* e ai bottoni delle altre finestre modali        */
/* *************************************************/
.popup-input
{
  width: 50px;
  height: 18px;
}


/* *************************************************/
/* Classe associata all'icona di una MsgBox        */
/* *************************************************/
.popup-icon
{
  vertical-align: middle;
  display: inline-block;
}

/* *****************************************************************/
/* Classe associata al div contenente l'icona di una MsgBox        */
/* *****************************************************************/
.popup-icon-div
{
  position: absolute;
  left: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle MESSAGE TOOLTIP     */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* ****************************************************/
/* Classe applicata al frame contenitore della MSGTIP */
/* ****************************************************/
.messagetooltip-frame-container
{
  z-index: 200;
	position: absolute;
	background-color: #dff4ff;
	border: solid #8EAACE 1px;
	color: #3E4676;
	font-size: 8pt;
}

.messagetooltip-frame-container-info
{
}

.messagetooltip-frame-container-warning
{
}

.messagetooltip-frame-container-error
{
}

.messagetooltip-border-top
{
  position: absolute;
  height: 3px;
}

.messagetooltip-border-right
{
  position: absolute;
  width: 3px;
}

.messagetooltip-border-bottom
{
  position: absolute;
  height: 3px;
}

.messagetooltip-border-left
{
  position: absolute;
  width: 3px;
}

.messagetooltip-whisker
{
  position: absolute;
}

/* ****************************************************/
/* Classe applicata al DIV contenuto nella MSGTIP     */
/* ****************************************************/
.messagetooltip-image
{
  display: inline;
  vertical-align: middle;
}

.messagetooltip-title
{
  display: inline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.messagetooltip-title-info
{
}

.messagetooltip-title-warning
{
  color: blue;
}

.messagetooltip-title-error
{
  color: #8B0000;
}

.messagetooltip-text
{
  border-top: solid 1px #9EB6CE;
  padding: 1px;
}

.messagetooltip-close-image
{
  position: absolute;
  cursor: pointer;
  width: 15px;
  height: 15px;
  top: 0px;
}

/* ****************************************************/
/* Classe applicata alla prima cella della tabella    */
/* dei QBETIP                                         */
/* ****************************************************/
.qbe-field
{
	font-size: 8pt;
	width: 80px;
	vertical-align:top;
	padding: 0px;
}

/* ****************************************************/
/* Classe applicata alla seconda cella della tabella  */
/* dei QBETIP                                         */
/* ****************************************************/
.qbe-value
{
	font-size: 8pt;
	width: 160px;
	vertical-align: top;
	padding: 0px;
}

/* ****************************************************/
/* Classe applicata agli SPAN contenuti nella seconda */
/* cella della tabella dei QBETIP                     */
/* ****************************************************/
.qbe-value SPAN
{
	font-weight: bold;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle POPUP PREVIEW       */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *****************************************************/
/* Classe applicata all'IFrame contenuto nella PREVIEW */
/* *****************************************************/
.popup-preview-iframe
{
  
}

/* *****************************************************/
/* Classe applicata all'IMG che rappresenta il         */
/* pulsante di chiusura                                */
/* *****************************************************/
.popup-preview-close
{
  float: right;
  cursor: pointer;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  background-color: #4bb7a1;
  width: 18px;
  padding: 1px;
  margin: 3px;
}

/* *****************************************************/
/* Classe applicata al DIV contenitore dell'IFRAME     */
/* *****************************************************/
.popup-preview-content-frame
{
  width: 100%;
	overflow: visible;
	background-color: #c7d6e9;
	position: absolute;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle POPUP DELAY         */
/*                                                 */
/* *************************************************/
/* *************************************************/

.popup-delay-progress-container
{
  position: absolute;
  height: 16px;
  border: 1px solid #004d89;
}

.popup-delay-progress-box
{
  position: absolute;
  height: 16px;
  text-align: left;
  background-color: #CCCCCC;
  background-image: url(images/prgbarbg.gif);
  overflow: hidden;
}

.popup-delay-inner-progress-box
{
  position: absolute;
  background-color: blue;
  height: 16px;
  width: 30px;
  background-image: url(images/prgbarfx.gif);
}

.popup-delay-text
{
  position: absolute;
  display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 8pt;
}

.popup-progress-text
{
  position: absolute;
  display: inline-block;
	padding-right: 20px;
	padding-top: 10px;
	text-align: left;
}

.popup-progress-abortbutton
{
  display: block;
  position: absolute;
  width: 100px;
}

/* *************************************************/
/* Classe applicata al DIV che contiene tutta la   */
/* finestra popup nel caso sia abortibile          */
/* *************************************************/
.popup-frame-container-abortible
{
	border: 2px solid #8da5c4;
	position: absolute;
	background-color: #f6f6f6;
	z-index: 10000;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile dei GRAFICI               */
/*                                                 */
/* *************************************************/
/* *************************************************/


/* *************************************************/
/* Classe applicata all' Immagine di un grafico    */
/* *************************************************/
.graph-img
{
	border: none;
	cursor: auto;
	vertical-align: middle;
}

/* *************************************************/
/* Classe applicata all' Immagine di un grafico    */
/* quando non viene trovato il framework J#        */
/* necessario se si utilizza JFreeChart            */
/* *************************************************/
.graph-img-err
{
	border: none;
	cursor: auto;
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
}


/* *************************************************/
/* Classe applicata allo span che contiene         */
/* l'oggetto Flash                                 */
/* *************************************************/
.graph-flash
{
	border: none;
}



/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle TABBED VIEW         */
/*                                                 */
/* *************************************************/
/* *************************************************/


/* *****************************************************/
/* Classe applicata al div contenitore delle caption   */
/* delle tab                                           */
/* *****************************************************/
.toolstrip-container
{
	background-color: transparent;
	padding-top: 5px;
}

/* *******************************************************/
/* Classe applicata allo span contenitore di una entry   */
/* nella lista delle tab                                 */
/* *******************************************************/
.tab-caption-container-0
{
  vertical-align: bottom;
  overflow-y: hidden;
  display:inline-block;
  border-top: 2px solid #f6f6f6;
}

.tab-caption-container-0 SPAN
{
	cursor: pointer;
}

/* *******************************************************/
/* Classe applicata allo span contenitore dell'immagine  */
/* sinistra di una entry della tabbed                    */
/* *******************************************************/
.tab-left-0
{
  display: inline-block;
  vertical-align: bottom;
	padding-left: 5px;
	height: 20px;
	width: 2px;
	border-bottom: #f7f7f7 1px solid;
}

/* *******************************************************/
/* Classe applicata all'immagine sinistra di una entry   */
/* della tabbed                                          */
/* *******************************************************/
.tab-left-img-0
{
	background-image: none;
	/*background-image: url(images/tabbg.gif);*/
}


/* *******************************************************/
/* Classe applicata all'immagine destra di una entry     */
/* della tabbed                                          */
/* *******************************************************/
.tab-right-0
{
  display: inline-block;
	vertical-align: bottom;
	height: 20px;
	width: 2px;
	border-bottom: #f7f7f7 1px solid;
	background-color: #e4e4e4;
	background-image: none;
	/*background-image: url(images/tabbg.gif);*/
}

/* *******************************************************/
/* Classe applicata allo span centrale di una caption    */
/* della tabbed view                                     */
/* *******************************************************/
.tab-caption-0
{
  display: inline-block;
  vertical-align: top;
  height: 19px;
  line-height: 19px;
  border-bottom: #f7f7f7 1px solid;
  border-top: #f7f7f7 1px solid;
  background-color: #e4e4e4;
  color: #808080;
  font-size: 8pt;
  font-weight: bold;
  cursor: pointer;
  background-image: none;
  /*background-image: url(images/tabbg.gif);*/
}


/* *******************************************************/
/* Classe applicata allo span centrale di una caption    */
/* della tabbed view (HILIGHT)                           */
/* *******************************************************/
.tab-caption-hl-0
{
  display: inline-block;
  vertical-align: top;
  height: 19px;
  line-height: 19px;
  border-bottom: #f7f7f7 1px solid;
  border-top: #f7f7f7 1px solid;
  background-color: #cfe4e0;
  color: #808080;
  font-size: 8pt;
  font-weight: bold;
  cursor: pointer;
  background-image: none;
  /*background-image: url(images/tabbg.gif);*/
  background-position: 0px -20px;
}

/* *******************************************************/
/* Classe applicata allo span contente il testo di una   */
/* tab                                                   */
/* *******************************************************/
.tab-text-0
{
  display: inline-block;
  vertical-align: top;
  padding-left: 3px;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  padding: 0px 4px 0px 4px;
}

/* *******************************************************/
/* Classe applicata all' immagine di una entry nella     */
/* lista delle tab                                       */
/* *******************************************************/
.tab-img-0
{
  vertical-align: top;
}

/* *******************************************************/
/* Classe applicata allo span contenitore di una entry   */
/* nella lista delle tab                                 */
/* *******************************************************/
.selected-tab-caption-container-0
{
  vertical-align: bottom;
  overflow-y: hidden;
  display:inline-block;
  border-top: 2px solid #f6f6f6;
}

/* *******************************************************/
/* Classe applicata allo span contenitore dell'immagine  */
/* sinistra di una entry della tabbed                    */
/* *******************************************************/
.selected-tab-left-0
{
  display: inline-block;
  vertical-align: top;
	padding-left: 5px;
	height: 20px;
	width: 2px;
	border-bottom: #f7f7f7 1px solid;
}

/* *******************************************************/
/* Classe applicata all' immagine di una entry nella     */
/* lista delle tab                                       */
/* *******************************************************/
.selected-tab-img-0
{
  
}

/* *******************************************************/
/* Classe applicata all'immagine destra di una entry     */
/* della tabbed                                          */
/* *******************************************************/
.selected-tab-right-0
{
	display: inline-block;
    vertical-align: top;
    height: 20px;
    width: 2px;
    border-bottom: none;
    background-color: transparent;
}

/* *******************************************************/
/* Classe applicata allo span centrale di una caption    */
/* della tabbed view                                     */
/* *******************************************************/
.selected-tab-caption-0
{
  display: inline-block;
  vertical-align: top;
  height: 19px;
  line-height: 19px;
  border-top: #f7f7f7 1px solid;
  border-bottom: #f6f6f6 1px solid;
  background-color: #f6f6f6;
  color: #004d89;
  font-size: 8pt;
  font-weight: bold;
}

/* *******************************************************/
/* Classe applicata allo span contente il testo di una   */
/* tab                                                   */
/* *******************************************************/
.selected-tab-text-0 {
    display: inline-block;
    vertical-align: top;
    padding: 0px 4px 0px 4px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    background-color: #3b7ddd;
    color: white;
    border: 1px solid #3b7ddd;
}


/* *******************************************************/
/* Classe applicata allo span che fa da riempitore       */
/* della tabbed view                                     */
/* *******************************************************/
.tab-filler
{
  display: inline-block;
  vertical-align: top;
  height: 20px;
  border-bottom: #f7f7f7 1px solid;
  border-top: 2px solid #f6f6f6;
  background-color: transparent;
}

/* *******************************************************/
/* Classe applicata al div contenitore del frame interno */
/* ad una tab                                            */
/* *******************************************************/
.tab-contentbox-0
{
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}


/* *******************************************************/
/* Classe da applicare agli oggetti per considerarli     */
/* insivibili anche se sono a video. E' usare per        */
/* nascondere oggetti che però mantengono le posizioni   */
/* assolute                                              */
/* *******************************************************/
.invisible
{
  height: 0px;
  width: 0px;
  border: 0px;
}

.opaco40
{
	opacity: 40%!important;
}

.opacoNO
{
	opacity: 100%!important;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile dei GRUPPI                */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *******************************************************/
/* Classe applicata al contenitore del gruppo in lista   */
/* *******************************************************/
.group-list-box
{
  position: absolute;
  overflow: hidden;
  text-align: center;
  line-height: 150%;
	background-image: url('images/pancapbg.gif');
	background-repeat: repeat-x;
	background-position: 0% 100%;
}

/* ********************************************************/
/* Classe applicata al contenitore del gruppo in dettaglio*/
/* ********************************************************/
.group-form-box
{
  position: absolute;
  border-top : 1px;
  border-left : 0px;
  border-right : 0px;
  border-bottom : 0px;
  border-style: solid;
}

/* *******************************************************/
/* Classe applicata al titolo del gruppo fuori lista     */
/* o in dettaglio                                        */
/* *******************************************************/
.group-header-box
{
  position: absolute;
  white-space: nowrap;
  background-color: #3b7ddd!important;
  padding: 3px 8px;
  font-size: 11px!important;
  color: #ffffff!important;
  margin: -6px -4px 11px -4px!important;
  width:auto!important;
}


/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle PAGINE              */
/*                                                 */
/* *************************************************/
/* *************************************************/

/* *******************************************************/
/* Classe applicata al DIV che contiene le pagine di     */
/* pannello                                              */
/* *******************************************************/
.pages-container
{
	padding-top: 2px;
	padding-bottom: 2px;
}

/* *******************************************************/
/* Classe applicata al filler, lo span che fa da         */
/* riempitore e che viene messo dopo l'ultima pagina     */
/* *******************************************************/
.pages-filler
{
  display: inline-block;
  height: 20px;
  border-bottom: #C0C0C0 1px solid;
  width: 5px;
  vertical-align: bottom;
}

/* *******************************************************/
/* Classe applicata allo SPAN contenitore della caption  */
/* della pagina selezionata                              */
/* *******************************************************/
.selected-page-container-0
{
  display: inline-block;
  background-color: #f6f6f6;
  height: 20px;
  border: 0px;
  color: #004d89;
  font-size: 8pt;
  font-weight: bold;
  border-bottom: #f6f6f6 1px solid;
  border-top: 2px solid #f6f6f6;
  vertical-align: bottom;
}

/* *******************************************************/
/* Classe applicata allo SPAN contenitore della caption  */
/* di una pagina non selezionata                         */
/* *******************************************************/
.page-container-0
{
  display: inline-block;
  background-color: #e1dfc4;
  height: 20px;
  border: 0px;
  color: #808080;
  font-size: 8pt;
  font-weight: bold;
  cursor: pointer;
  border-bottom: #f7f7f7 1px solid;
  white-space: nowrap;
  border-top: 2px solid #f6f6f6;
  background-image: url(images/tabbg.gif);
  vertical-align: bottom;
}

/* *******************************************************/
/* Classe applicata allo SPAN contenitore della caption  */
/* di una pagina non selezionata (HILIGHT)               */
/* *******************************************************/
.page-container-hl-0
{
  display: inline-block;
  background-color: #e1dfc4;
  height: 20px;
  border: 0px;
  color: #808080;
  font-size: 8pt;
  font-weight: bold;
  cursor: pointer;
  border-bottom: #f7f7f7 1px solid;
  white-space: nowrap;
  border-top: 2px solid #f6f6f6;
  background-image: url(images/tabbg.gif);
  background-position: 0px 40px;
  vertical-align: bottom;
}

.page-container-0 SPAN
{
	cursor: pointer;
}

/* *******************************************************/
/* Classe applicata allo SPAN che contiene il nome della */
/* pagina e la sua icona                                 */
/* *******************************************************/
.page-header-container-0
{
  display: inline-block;
  height: 20px;
  border: 0px;
  line-height: 20px;
  vertical-align: top;
  border-top: #f7f7f7 1px solid;
  vertical-align: top;
  padding-left: 6px;
  padding-right: 6px;
  cursor: pointer;
}


/* *******************************************************/
/* Classe applicata allo SPAN che contiene il nome della */
/* pagina e la sua icona  (Selezionata)                  */
/* *******************************************************/
.selected-page-header-container-0
{
  display: inline-block;
  height: 20px;
  border: 0px;
  line-height: 20px;
  vertical-align: top;
  border-top: #f7f7f7 1px solid;
  vertical-align: top;
  padding-left: 6px;
  padding-right: 6px;
}

/* *******************************************************/
/* Classe applicata all'icona della pagina               */
/* *******************************************************/
.page-icon-0
{
  vertical-align: top;
}

/* *******************************************************/
/* Classe applicata agli SPAN che fanno da separatori    */
/* tra le varie pagine                                   */
/* *******************************************************/
.page-left-separator-0
{
  display: inline-block;
  background-color: #f6f6f6;
  height: 20px;
  width: 2px;
  padding-left: 5px;
  border-bottom: #f7f7f7 1px solid;
  vertical-align: top;
}

.page-left-image-0
{
  width: 2px;
  height: 20px;
  background-image: url(images/tabbg.gif);
}

.selected-page-left-image-0
{
  width: 2px;
  height: 20px;
}

.page-right-separator-0
{
  
}

.right-image-0
{
  width: 2px;
  height: 20px;
}

/* ************************************************** */
/* Classi applicate ai bordi delle finestre popup     */
/* ************************************************** */
.popup-border-left
{
  position: absolute;
  width: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

.popup-border-right
{
  position: absolute;
  width: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

.popup-border-top
{
  position: absolute;
  height: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

.popup-border-bottom
{
  position: absolute;
  height: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

.popup-corner-top-left
{
  position: absolute;
  height: 8px;
  width: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

.popup-corner-top-right
{
  position: absolute;
  height: 8px;
  width: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

.popup-corner-bottom-left
{
  position: absolute;
  height: 8px;
  width: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

.popup-corner-bottom-right
{
  position: absolute;
  height: 8px;
  width: 8px;
  background-image: none;
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
}

/* Elemento DIV mostrato durante la gestione delle richieste bloccanti */
#block-box 
{
  height : 100%;
  width  : 100%;
  border: none;
  cursor: wait;
  background-color: gray;
	opacity: 0.00;
  filter: alpha(opacity = 0);
  display: none;
  z-index: 9999;
  position: absolute;
}

.abm
{
  vertical-align: -4px;
}


/************************************************************/
/* Classe applicata al nome di un documento per evidenziarlo */
/************************************************************/
.DO
{
	color: black;
}


/******************************************************/
/* Classe Applicata all'immagine di loading dei nodi  */
/* dell'albero                                        */
/******************************************************/
.tree-node-loading-img
{
  height: 12px;
  width: 12px;
  margin-top: 3px;
  margin-bottom: 4px;
  margin-left: 3px;
  margin-right: 4px;
  vertical-align: middle;
}


/******************************************************/
/* Classe Applicata all'input della combo             */
/******************************************************/
.combo-input
{
  background-color: transparent;
	border: none;
	padding: 2px;
	vertical-align: middle;
	position: absolute;
}


/******************************************************/
/* Classe Applicata all'attivatore della combo        */
/******************************************************/
.combo-activator
{
	cursor: pointer;
	position: absolute;
	background-position: center center!important;
  background-repeat: no-repeat;
  background-image: url(images/aeco.gif);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright : 5px;
}


/******************************************************/
/* Classe Applicata all'immagine della combo          */
/******************************************************/
.combo-img
{
	vertical-align: middle;
	position: absolute;
	width: 14px;
    padding-top: 4px;
}


/**********************************************************/
/* Classe Applicata all'immagine della combo disabilitata */
/**********************************************************/
.combo-img-dis
{
	vertical-align: middle;
	position: absolute;
	width: 14px;
    padding-top: 4px;
}


/******************************************************/
/* Classe Applicata al popup con i valori della Combo */
/******************************************************/
.combo-popup
{
	border: none;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
}

/******************************************************/
/* Classe Applicata alla table contenuta nel popup    */
/******************************************************/
.combo-popup-table
{
  border-collapse: collapse;
  cell-spacing: 0px;
}


/******************************************************/
/* Classe applicata all'intestazione della combo      */
/******************************************************/
.combo-header
{
  height: 14px;
  background-color: #a3c0e6;
}

/******************************************************/
/* Classe applicata ai TH delle intestazioni          */
/* e ai TD delle opzioni nelle combo multi-tabellari  */
/******************************************************/
.combo-header-column
{
  font-weight: bold;
  padding-left: 2px;
  white-space: nowrap;
}

/******************************************************/
/* Classe Applicata alle opzioni della combo          */
/******************************************************/
.combo-option
{
  height: 14px;
}

/********************************************************/
/* Classe applicata ai TD delle opzioni multi-tabellare */
/********************************************************/
.combo-td-multi
{
  /* border: solid 1px black; */
}

/******************************************************/
/* Classe Applicata al check degli item del popup     */
/******************************************************/
.combo-option-check
{
  height: 12px;
  width: 12px;
  margin: 0px;
  padding: 0px;
}

/******************************************************/
/* Classe Applicata all'immagine degli item del popup */
/******************************************************/
.combo-option-img
{
	vertical-align: middle;
}

/******************************************************/
/* Classe Applicata al nome dell'opzione              */
/******************************************************/
.combo-option-name
{
  padding-left: 2px;
  white-space: nowrap;
}

/******************************************************/
/* Classe Applicata al testo evidenziato nel nome     */
/* dell'opzione                                       */
/******************************************************/
.combo-option-name-hl
{
  color: #0000FF;
}

/******************************************************/
/* Classe Applicata all'opzione una volta selezionata */
/* (usare !important dato che viene impostato il      */
/* backgroundColor da Javascript)                     */
/******************************************************/
.combo-option-selected
{
  background-color: #D2E0F1 !important;
}

/******************************************************/
/* Classe Applicata ad un opzione quando il mouse     */
/* ci passa sopra                                     */
/******************************************************/
.combo-option-hiligth
{
	background-color: #ebf5e9f !important;
}


/******************************************************/
/* Classe Applicata all'opzione una volta disabilitata */
/******************************************************/
.combo-option-disabled
{
  color: gray;
}


/******************************************************/
/* Classe Applicata al titolo di un gruppo di opzioni */
/******************************************************/
.combo-group-header
{
  color: white;
  text-align: left;
	font-weight: bold;
  background-color: darkblue;
}

/* ************************************************** */
/* Classi applicate al campo multi upload             */
/* ************************************************** */
.mup-table
{
  width: 100%;
  border-collapse: collapse;
}

.mup-header-filename
{
  width: 50%;
  text-align: left;
}

.mup-header-filesize
{
  text-align: right;
}

.mup-header-filestatus
{
  width: 50%;
  text-align: left;
}

.mup-header-button
{
  width: 22px;
  height: 22px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

.mup-row-filename
{
  width: 50%;
  text-align: left;
}

.mup-row-filesize
{
  text-align: right;
	white-space: nowrap;
}

.mup-row-button
{
  width: 22px;
  height: 18px;
  cursor: pointer;
  text-align: center;
}

.mup-row-filestatus
{
  width: 50%;
  background-image: url(images/prgbarbg.gif);
  background-position: -400px;
  background-repeat: no-repeat;
}


/* ************************************************** */
/* Classi applicate ai pannelli gruppati              */
/* ************************************************** */
.group-container
{
  position: absolute;
  overflow: hidden;
}
.group-collapse-img
{
  vertical-align: middle;
	cursor: pointer;
	padding-right: 4px;
}

.group-label
{
  vertical-align: middle;
	white-space: nowrap;
}
/* ************************************************** */
/*      Classi RD2 spostate dal vecchio file - INIZIO                 */
/* ************************************************** */

#LOGOFF {
    visibility: visible;
    display: i;
}
#ApplHeader
{
    background-color: #FFFFFF;
    color: #80ad79;
  font-weight: bold;
    font-size: 8pt;
    font-family: Tahoma, Arial;
    height: 2px;
    background-image: url('images/applhdr.gif');
    background-repeat: repeat;
    background-position:top left;
    border-top: solid #c7d5c7 0px;
    border-bottom: solid #c7d5c7 0px;
}
#MenuTable
{
  width:1px;
    background-color: #f3f3f3;
}
#Menu
{
    width: 160px;
    vertical-align: top;
    background-image: none;
    background-color: #FFFFFF;
}

.MenuSep
{
    height: 3px;
}

.MLev1, .MLev2, .MLev3, .SLev1, .SLev2, .SLev3
{
    width: 100%;
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    padding: 2px;
}

.MLev2 DIV, .MLev3 DIV
{
    font-weight: normal;    
    border-left: dotted #1e1e1e 1px;
}

#Menu A:visited, #Menu A:link
{
    color: black;
    text-decoration: none;
}

#Menu A:hover, #FormList A:hover
{
    background-color: #FFFFFF;
    color: black;
    text-decoration: none;
}

.Caption, .CaptionTitle, .CaptionCommands
{
    background-color: #ffffff;
    color: black;
    font-weight: bold;
    font-size: 10pt;
    height: 24px;
}

.CaptionTitle
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF, GradientType=1);
}


.FLTitle
{
    border-top: dotted #1e1e1e 2px;
    background-color: #f3f3f3;
    color: #1e1e1e;
}

.FLItem
{
    background-color: #96D39B;
    color: #007700;
    overflow:hidden;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#96D39B, endColorstr=#96D39B, GradientType=0); 
}

.FLSelItem
{
    background-color: white;
    color: black;
}

.FLSelItem span, .FLItem span
{
    color: #FFFFFF!important;
}

.FLBottom
{
    background-color: #f3f3f3;
    color: #007700;
}

#FormList
{
    background-color: #f3f3f3;
}

#FormList A:visited, #FormList A:link, #Menu .FLBottom A:visited, #Menu .FLBottom A:link
{
    color: #007700;
    text-decoration: none;
}

#FormList .FLItem A:visited, #FormList .FLItem A:link
{
    color: #007700;
    text-decoration: none;
}

#FormList A:hover, #FormList .FLItem A:hover, #Menu .FLBottom A:hover
{
    background-color: #007700;
    color: white;
    text-decoration: none;
}

#StatusBarTable
{
    border-bottom: solid #C9CB99 1px;
    background-color: #fffeb4;
    height: 1px;
}

#StatusBarTableTP
{
    background-color: #fffeb4;
    padding: 2px;
}

#ToolBarTable
{
    border-bottom: solid #C9CB99 1px;
    background-color: #fffeb4;
}

#Messages
{
    color: #404040;
    padding: 4px;
    font-size: 8pt;
}

.DO
{
    color: #007700;
}

.PanIndData
{
    font-weight: bold;  
    color: #0D3F04;
}

.PanIndQbe
{
    font-weight: bold;  
    color: #0D3F04;
}

.PanIndUpd
{
    font-weight: bold;  
    color: #0D3F04;
}

.FrmContV
{
    width: 100%;
    border:  solid #0D3F04;
    border-width: 0px;
}

.FrmContH
{
    width: 100%;
    border:  solid #0D3F04;
    border-width: 0px;
}

.FrmTable
{
    width: 100%;
    border:  solid #0D3F04;
    border-width: 0px;
    zzheight: 100%;
}

.FrmCaption
{
    background-color: white;
    color: #0D3F04;
    font-weight: bold;
    font-size: 8pt;
    height: 20px;
    background-image: url('images/sfcap.gif');
}

.noLink
{
pointer-events: none!important;
cursor: default!important;
}

.toolbarBtnAttivo{
    color: #ffffff!Important;
    FONT-SIZE: 23PX!IMPORTANT;
    background-color: #3b7ddd!Important;
}										
.SelTab
{
    color: #0D3F04;
}

.SelTabView
{
    color: #0D3F04;
}

.SelNode
{
    color: #0D3F04;
}

.mh-160{
	min-height: 160px!important;
}
img.puntatore
{
	cursor: pointer;
}
/* ************************************************** */
/*      Classi RD2 spostate dal vecchio file - FINE                      */
/* ************************************************** */

/* ************************************************** */
/*     Hover Immagini elenco quadri - INIZIO          */
/* ************************************************** */
/* Icona INFO - IE*/ 
div#fld\00003A8\00003A2\00003A61\00003Afc, div#fld\00003A17\00003A2\00003A61\00003Afc, div#fld\00003A26\00003A2\00003A61\00003Afc, div#fld\00003A31\00003A2\00003A61\00003Afc, div#fld\00003A36\00003A2\00003A61\00003Afc,div#fld\00003A40\00003A2\00003A61\00003Afc
{  
	background-image: url('images/error.gif') !important;
}
div#fld\00003A8\00003A2\00003A61\00003Afc:hover, div#fld\00003A17\00003A2\00003A61\00003Afc:hover, div#fld\00003A26\00003A2\00003A61\00003Afc:hover, div#fld\00003A31\00003A2\00003A61\00003Afc:hover, div#fld\00003A36\00003A2\00003A61\00003Afc:hover,div#fld\00003A40\00003A2\00003A61\00003Afc:hover
{  
	background-image: url('images/errorHover.png') !important;
}

/* Icona INFO - CHROME e FIREFOX*/  
div#fld\:8\:2\:61\:fc, div#fld\:17\:2\:61\:fc, div#fld\:26\:2\:61\:fc, div#fld\:31\:2\:61\:fc, div#fld\:36\:2\:61\:fc, div#fld\:40\:2\:61\:fc,  div#fld\:43\:2\:61\:fc
{
  background-image: url('images/error.gif') !important;
}
div#fld\:8\:2\:61\:fc:hover, div#fld\:17\:2\:61\:fc:hover, div#fld\:26\:2\:61\:fc:hover, div#fld\:31\:2\:61\:fc:hover, div#fld\:36\:2\:61\:fc:hover, div#fld\:40\:2\:61\:fc:hover,  div#fld\:43\:2\:61\:fc:hover
{
  background-image: url('images/errorHover.png') !important;
}

/* Icona STAMPA - IE */ 
div#fld\00003A9\00003A2\00003A61\00003Afc, div#fld\00003A13\00003A2\00003A61\00003Afc, div#fld\00003A18\00003A2\00003A61\00003Afc, div#fld\00003A22\00003A2\00003A61\00003Afc, div#fld\00003A27\00003A2\00003A61\00003Afc, 
div#fld\00003A32\00003A2\00003A61\00003Afc, div#fld\00003A41\00003A2\00003A61\00003Afc
{
  background-image: url('images/printQuadri.png') !important;
}
div#fld\00003A9\00003A2\00003A61\00003Afc:hover, div#fld\00003A13\00003A2\00003A61\00003Afc:hover, div#fld\00003A18\00003A2\00003A61\00003Afc:hover, div#fld\00003A22\00003A2\00003A61\00003Afc:hover, div#fld\00003A27\00003A2\00003A61\00003Afc:hover, 
div#fld\00003A32\00003A2\00003A61\00003Afc:hover, div#fld\00003A41\00003A2\00003A61\00003Afc:hover
{
  background-image: url('images/printQuadriHover.png') !important;
}

/* Icona STAMPA - CHROME e FIREFOX */ 
div#fld\:9\:2\:61\:fc, div#fld\:13\:2\:61\:fc, div#fld\:18\:2\:61\:fc, div#fld\:22\:2\:61\:fc, div#fld\:27\:2\:61\:fc, div#fld\:32\:2\:61\:fc,  div#fld\:41\:2\:61\:fc
{
  background-image: url('images/printQuadri.png') !important;
}
div#fld\:9\:2\:61\:fc:hover, div#fld\:13\:2\:61\:fc:hover, div#fld\:18\:2\:61\:fc:hover, div#fld\:22\:2\:61\:fc:hover, div#fld\:27\:2\:61\:fc:hover, div#fld\:32\:2\:61\:fc:hover,  div#fld\:41\:2\:61\:fc:hover
{
  background-image: url('images/printQuadriHover.png') !important;
}

/* ************************************************** */
/*     Hover Immagini elenco quadri - FINE          */
/* ************************************************** */


/***** SCROLLBAR *****/
::-webkit-scrollbar
{
  width: 10px;
  height: 10px;
  background-color:#e9ecef;
  border-radius: 15px;
}

::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 15px;
  background-clip: content-box;
}

::-moz-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 15px;
}

::-moz-scrollbar-track {
  background-color: #e9ecef;
  border-radius: 15px;
}

/* DICHIARATIVI STILE NGC */

.justify-content-center {
    justify-content: center!important;
}
.d-flex {
    display: flex!important;
}
 
.bg-dichiarativi {
    height: 45px;
    overflow: hidden;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    opacity: 60%;
    z-index: 0;
}

.dichiarativi-tag {
    z-index: 0;
    margin-top: -25px;
}

.dichiarativi-tag-avatar, .dichiarativi-tag-avatar-hf {
    border: 5px solid #fff;
    border-radius: 0.2rem;
    color: #fff;
    text-shadow: 0 0 10px #00000040;
	cursor: pointer!important;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: initial;
    border: 1px solid #e3e6f0;
    border-radius: 0.15rem;
	padding: 0.75rem;
    border: 0 solid rgba(0,0,0,.125);
}
.card-dichiarativi {
    padding: 0!important;
    box-shadow: 0 2px 7px -2px #00000024, 2px 4px 10px -4px #0000;
    border: 1px solid #e0eaeb;
    margin-top: 1rem!important;
    cursor: pointer;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card, .card-header:first-child {
    border-radius: calc(0.2rem - 0px) calc(0.2rem - 0px) 0 0;
}
.p-0 {
    padding: 0!important;
}
.p-05 {
    padding: 0.12rem!important;
}
.p-1 {
    padding: 0.25rem!important;
}
.p-2 {
    padding: 0.5rem!important;
}
.pb-1 {
    padding-bottom: 0.25rem!important;
}
.pb-2 {
    padding-bottom: 0.5rem!important;
}
.pr-1 {
    padding-right: 0.25rem!important;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
.m-05 {
    margin: 0.5rem;
}
.m-02 {
    margin: 0.2rem;
}
.mb-1{
	margin-bottom: 1rem;
}
.mt-1{
	margin-top: 1rem;
}
.text-3xs {
    font-size: .65rem!important;
}
.text-2xs {
    font-size: .75rem!important;
}
.text-s {
    font-size: .90rem!important;
}
.text-m {
    font-size: 1rem!important;
}
.text-l {
    font-size: 1.12rem!important;
}
.text-xl {
    font-size: 1.25rem!important;
}
.text-2xl {
    font-size: 1.5rem!important;
}
.text-align-center{
	text-align:center!important;
}

/* Classe per colore blue */
.text-primary {
	color: #3e8acc;
}

/* Classe per colore verde */
.text-success {
	color: #28a745;
}

/* Classe per colore giallo */
.text-warning {
	color: #ffc107;
}

/* Classe per colore rosso */
.text-danger {
	color: #dc3545;
}


.font-bold {
    font-weight: 700!important;
}
.cursor-pointer{
	cursor:pointer!important;
}
.whitespace-normal{
	white-space: normal!important;
}

.overflow-y-auto{
	overflow-y:auto!important;
}
.overflow-hidden{
	overflow:hidden!important;
}

.display-inline{
	display: inline-block!important;
}

.line-height20{
	line-height:20px!important;
}
/* DELEGHE CON TAG */ 

.badge {
	display: inline-block;
	padding: 7px 7px;
	border-radius: 4px;
	font-size: 10px;
}

.badge-s {
	display: inline-block;
	padding: 3px 5px;
	border-radius: 5px;
	font-size: 9px;
}

.badge-primary {
    color: #fff;
    background-color: #3e8acc;
}

.badge-light {
    color: #3a3b45;
    background-color: #f8f9fc;
}

/* Classe per badge di colore grigio */
.badge-default {
	background-color: #ccc;
	color: #333;
}

/* Classe per badge di colore verde */
.badge-success {
	background-color: #28a745;
	color: #fff;
}

/* Classe per badge di colore giallo */
.badge-warning {
	background-color: #ffc107;
	color: #000;
}

/* Classe per badge di colore rosso */
.badge-danger {
	background-color: #dc3545;
	color: #fff;
}

/* Aggiungi uno spazio tra i div */
.badge + .badge {
	margin-left: 0.5rem!important; 
}
/*  SEZIONE SU MENU DI INDE dove mostriamo le info cruscotto - FINE */



/* DIV Nascosti */
.divNascosti
    position: relative;
    top: 0px;
}

.divNascosti .panel-body{
	overflow:hidden;
}

/* DIV Nascosti - FINE */


/* Stili per la span */
.span-con-pannello {
	position: relative;
	cursor: pointer;
}
/* */