@charset "UTF-8";
/* ************************************************
// Instant Developer RD3 Framework
// (c) 1999-2009 Pro Gamma Srl - All rights reserved
//
// Foglio di stile per gli elementi RD3
// ************************************************/
/* Elemento HTML */
html {
  overflow: hidden;
  border: none;
}

/* Elemento BODY */
BODY {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  background-color: #F0F0F0;
  margin: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  border: none;
}

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

/* Elemento DIV che contiene i menu posti sulla sinistra e la lista delle videate */
#side-menu-container {
  overflow: hidden;
  padding: 5px;
}

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

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

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

#taskbar-trow {
  background-color: #8A9399;
  height: 40px;
  overflow: hidden;
}

#taskbar-start-cell {
  background-image: url("images/start.gif");
  background-repeat: no-repeat;
  background-position: top 11px left 50% !important;
  width: 40px;
  height: 40px;
  border-right: 1px solid #C0C0C0;
  cursor: pointer;
}

#taskbar-start-cell:hover {
  background-color: #242D33;
}

#taskbar-quick-cell {
  width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

#taskbar-menu-box {
  position: absolute;
  overflow: hidden;
  width: 200px;
  height: 300px;
  left: 0px;
  border-top: 2px solid #8A9399;
  border-right: 2px solid #8A9399;
  margin-top: 0;
  display: none;
  background-color: #F0F0F0;
  z-index: 10;
}

/* Elemento DIV che contiene il testo iniziale */
#wait-box {
  position: relative;
  width: 260px;
  height: 50px;
  margin: 160px auto;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

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

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

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

.wait-box-error {
  font-size: 14pt !important;
  color: #000000 !important;
  padding: 4px !important;
  text-shadow: none !important;
  text-align: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0px !important;
  position: absolute !important;
  border: none !important;
}

/* 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;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

/* Elemento DIV utilizzato per fuocare i campi */
#focus-box {
  border: 1px solid #E74C3C;
  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: 23px;
  width: 300px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

#toolbar-container > .toolbar-container { border: none; }

#taskbar-toolbar-container {
  background-color: transparent;
  height: 23px;
  padding-left: 5px;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

/* 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: 10px 0 10px 10px;
  border: none;
  background-color: transparent;
  z-index: 0;
}

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

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

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

.left-dock-container-visible .zone-tab-view, .right-dock-container-visible .zone-tab-view, .top-dock-container-visible .zone-tab-view {
  margin-top: 0px !important;
}

.dock-container-unpinned {
  /*padding-top : 3px;
  padding-bottom : 3px;*/
  margin: 5px;
  border: 1px solid #E2E2E2;
  background-color: #E2E2E2 !important;
}

.dock-frame-unpinned {
  background-color: #E2E2E2 !important;
}

/* Elemento IFRAME che contiene la pagina di benvenuto */
#welcome-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #E2E2E2;
  transform: translate3d(0px, 0px, 0px);
}

/* Elemento DIV che contiene i menu posti sulla sinistra */
#menu-container {
  vertical-align: top;
  padding-bottom: 8px;
}

.menu-container-upbar {
  width: 100% !important;
  border: none !important;
  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 {
  border-top: 2px solid #808080;
}

/* Classe applicata ai DIV che contengono i PDF da stampare */
.pdf-object {
  width: 1px;
  height: 1px;
  border: 0px solid #FFFFFF;
  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 #FFFFFF;
  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 #2477B3;
  padding: 0px;
  margin: 0px;
}

/* Elemento DIV utilizzato per evidenziare l'oggetto drag */
#drag-object {
  position: absolute;
  background-color: #808080;
  opacity: 0.3;
  filter: alpha(opacity=30);
  border: 1px solid #000000;
  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 #E74C3C;
  padding: 0px;
  margin: 0px;
  z-index: 100;
}

/* **********************************************************/
/* Classe applicata al titolo della lista delle Form Aperte */
/* **********************************************************/
.form-list-header {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #808080;
  font-size: 8pt;
  text-transform: uppercase;
}

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

/* ************************************************************/
/* Classe applicata alla riga in cui viene disegnato il       */
/* pulsante chiudi tutto                                      */
/* ************************************************************/
/* ************************************************************/
/* Classe applicata al pulsante chiudi tutto                  */
/* (NON EVIDENZIATO)                                          */
/* ************************************************************/
.form-list-close-all-button,
.form-list-close-all-button-hl {
  display: block;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}

.form-list-close-all-button-hl .form-list-close-all-text {
  color: #2477B3;
}

/* ************************************************************/
/* Classe applicata all'immagine del pulsante chiudi tutto    */
/* ************************************************************/
.form-list-close-all-img,
.form-list-close-all-img-hover,
.form-list-close-all-img-down {
  display: inline-block;
  padding-top: 5px;
  cursor: pointer;
}

/* ************************************************************/
/* Classe applicata al testo del pulsante chiudi tutto        */
/* ************************************************************/
.form-list-close-all-text {
  padding-left: 4px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  font-size: 8pt;
  color: #242D33;
  cursor: pointer;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per il popup menu                      */
/*                                                 */
/* *************************************************/
/* *************************************************/
/* *************************************************/
/* classe per i DIV che contengono l'intero men?   */
/* *************************************************/
.popup-menu-container {
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
  margin: 0px;
  position: absolute;
  width: 170px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

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

.popup-menu-hover {
  background-color: #2477B3;
}
.popup-menu-hover .popup-menu-text {
  color: #FFFFFF;
}

/* *************************************************/
/* 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 {
  width: 20px;
  height: 1px;
  font-size: 1pt;
  cursor: pointer;
}

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

/* *************************************************/
/* classe per la TD/SPAN che contiene il testo di  */
/* una riga del menu popup                         */
/* *************************************************/
.popup-cell-text {
  height: 26px;
  line-height: 16px;
  padding: 4px 5px;
  color: #242D33;
  font-size: 10pt;
  width: 100%;
  cursor: pointer;
}

.popup-cell-text-sep {
  width: 100%;
  height: 5px;
  padding: 2px;
  font-size: 1pt;
}

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

.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: #808080;
  cursor: default;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per l'header dell'applicazione         */
/*                                                 */
/* *************************************************/
/* *************************************************/
/* *************************************************/
/* Elemento DIV che contiene l'header              */
/* *************************************************/
#header-container {
  width: 100%;
  height: 60px;
  color: #FFFFFF;
  padding: 0px;
  font-size: 16pt;
  line-height: 60px;
  background-color: #3D5566;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

/* *************************************************/
/* immagine per chiudere o aprire il men?          */
/* *************************************************/
#header-suppress-menu {
  cursor: pointer;
  margin: 0 8px 0 12px;
  vertical-align: -1px;
}

.header-suppress-menu-hl-right {
  padding-left: 0px !important;
  padding-right: 8px !important;
}

.header-suppress-menu-hover-right {
  padding-left: 0px !important;
  padding-right: 8px !important;
}

.header-suppress-menu-down-right {
  padding-left: 0px !important;
  padding-right: 8px !important;
}

/* *************************************************/
/* immagine logo dell'applicazione                 */
/* *************************************************/
#header-main-image {
  vertical-align: -2px;
  margin-left: 8px;
}

/* *************************************************/
/* titolo dell'applicazione                        */
/* *************************************************/
#header-main-caption {
  margin-left: 8px;
  line-height: 30px;
  display: inline-block;
}

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

/* *************************************************/
/* Icona di comunicazione ajax in corso            */
/* *************************************************/
#header-ajax-indicator {
  vertical-align: -1px;
  margin-right: 20px;
}

/* *************************************************/
/* casella command nell'header                     */
/* *************************************************/
#header-command-box {
  font-size: 10pt;
  font-weight: normal;
  display: inline-block;
  margin-right: 16px;
  height: 30px;
  margin-bottom: 2px;
  line-height: 30px;
  vertical-align: 0;
}

/* *************************************************/
/* input box del comando nell'header               */
/* *************************************************/
#header-command-input {
  margin-right: 10px;
  font-size: 10pt;
  text-transform: uppercase;
  width: 70px;
  color: #FFFFFF;
  background-color: transparent;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 2px solid #FFFFFF;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
#header-command-input:focus {
  border-bottom: 2px solid #FFFFFF;
}

/* *************************************************/
/* Pulsanti header                                 */
/* *************************************************/
.header-debug-image-hl,
.header-help-button-hl,
.header-close-app-hl {
  background-color: #FFFFFF;
  padding: 5px;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

.header-debug-image-hover,
.header-help-button-hover,
.header-close-app-hover,
.header-debug-image-down,
.header-help-button-down,
.header-close-app-down {
  opacity: 0.7;
  filter: alpha(opacity=70);
  background-color: #FFFFFF;
  padding: 5px;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

#header-debug-image,
#header-help-button {
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

#header-close-app {
  vertical-align: middle;
  cursor: pointer;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile del menù a tendina        */
/*                                                 */
/* *************************************************/
/* *************************************************/
/* *************************************************/
/* Classe applicata ai comandi della barra         */
/* *************************************************/
.menu-bar-command {
  padding: 0 10px;
  line-height: 30px;
  font-size: 12pt;
  vertical-align: middle;
  color: #808080;
  cursor: pointer;
  display: inline-block;
}

.menu-bar-hover {
  color: #2477B3;
}

.menu-bar-disabled {
  color: #C0C0C0;
  cursor: pointer;
}

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

.menu-container-level-3 {
  font-size: 0px;
  padding-left: 6px;
}

.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-2 {
  background-color: #FFFFFF;
}

.submenu-container-level-3 {
  background-color: #FFFFFF;
}

.submenu-container-level-4 {
  background-color: #FFFFFF;
}

/* *************************************************/
/* Questa classe rappresenta la testata del        */
/* command set (l'oggetto stesso)                  */
/* *************************************************/
.menu-commandset-level-1 {
  height: 30px;
  line-height: 30px;
  color: #242D33;
  padding: 0 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.menu-commandset-level-2 {
  color: #242D33;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.menu-commandset-level-3 {
  color: #242D33;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  margin-top: -3px;
  margin-left: 4px;
}

.menu-commandset-level-4 {
  color: #242D33;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

.menu-command-level-2 {
  padding: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

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

.taskbar-command-level-2 {
  color: #000000 !important;
}

.menu-command-level-3 {
  height: 20px;
  padding: 0px;
  margin-top: -2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.menu-command-level-4 {
  height: 20px;
  padding: 0px;
  margin-top: -2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

/* *************************************************/
/* Questa classe rappresenta la testata del        */
/* command set (EVIDENZIATA)                       */
/* (le classi con -hover sono necessarie per IE6)  */
/* *************************************************/
.menu-commandset-level-1:hover,
.menu-commandset-level-1-hover {
  background-color: #2477B3;
}
.menu-commandset-level-1:hover .menu-commandset-link-level-1,
.menu-commandset-level-1-hover .menu-commandset-link-level-1 {
  color: #FFFFFF;
}

.menu-commandset-level-2:hover,
.menu-commandset-level-2-hover {
  background-color: #E2E2E2;
}

.menu-commandset-level-3:hover,
.menu-commandset-level-3-hover {
  background-color: #E2E2E2;
  cursor: pointer;
}

.menu-commandset-level-4:hover,
.menu-commandset-level-4-hover {
  background-color: #E2E2E2;
}

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

.menu-command-level-2:hover,
.menu-command-level-2-hover {
  background-color: #2477B3;
}
.menu-command-level-2:hover .menu-command-link-level-2,
.menu-command-level-2-hover .menu-command-link-level-2 {
  color: #FFFFFF;
}

.menu-command-level-3:hover,
.menu-command-level-3-hover {
  background-color: #E2E2E2;
}

.menu-command-level-4:hover,
.menu-command-level-4-hover {
  background-color: #E2E2E2;
}

/* *************************************************/
/* Questa classe rappresenta il link interno       */
/* alla testata del command set                    */
/* *************************************************/
.menu-commandset-link-level-1 {
  color: #242D33;
  font-size: 11pt;
  cursor: pointer;
  line-height: 30px;
  padding-left: 5px;
}

.menu-commandset-link-level-2 {
  color: #242D33;
  font-weight: bold;
  font-size: 8pt;
  cursor: pointer;
  line-height: 20px;
  padding-left: 4px;
  vertical-align: 6px;
}

.menu-commandset-link-level-3 {
  color: #242D33;
  font-weight: bold;
  font-size: 8pt;
  cursor: pointer;
  line-height: 20px;
  padding-left: 4px;
  vertical-align: 6px;
}

.menu-commandset-link-level-4 {
  color: #242D33;
  font-weight: bold;
  font-size: 8pt;
  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: #242D33;
  font-size: 8pt;
  cursor: pointer;
}

.menu-command-link-level-2 {
  color: #242D33;
  font-size: 9pt;
  line-height: 26px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: 2px;
}

.menu-command-link-level-3 {
  color: #242D33;
  font-size: 8pt;
  cursor: pointer;
  vertical-align: 6px;
}

.menu-command-link-level-4 {
  color: #242D33;
  font-size: 8pt;
  cursor: pointer;
  vertical-align: 6px;
}

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

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

.menu-item-disabled:hover {
  background-color: #FFFFFF !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;
}

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

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

/* *************************************************/
/* Questa classe ? associata all'immagine          */
/* a destra del link di un command set             */
/* *************************************************/
.menu-commandset-imagedx-level-1 {
  vertical-align: -3px;
  cursor: pointer;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

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

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

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

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

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

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

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

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

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

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

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

/* *************************************************/
/* 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: 10px;
  font-size: 2px;
  border-bottom: 1px solid #E2E2E2;
}

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

.menu-separator-level-3 {
  height: 1px;
  font-size: 2px;
  background-color: #E2E2E2;
  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: #F0F0F0;
  border: 1px solid #E2E2E2;
  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: top;
}

.form-container .toolbar-form-container:first-child,
.form-container .toolbar-form-container:nth-child(2) {
  margin-left: 10px;
}

.toolbar-form-command {
  display: inline-block;
  vertical-align: top;
}

.toolbar-form-image-hl {
  cursor: pointer;
  padding-left: 4px;
  vertical-align: middle;
  border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #8A9399;
  color: #FFFFFF;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
.toolbar-form-image-hl:hover {
  background-color: #242D33;
}

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

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

.frame-toolbar-caption + .toolbar-frame-container {
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}

.toolbar-frame-command .toolbar-button {
  height: 24px;
  line-height: 24px;
  font-size: 8pt;
  background-color: #FFFFFF;
  color: #8A9399;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
}
.toolbar-frame-command .toolbar-button:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  background-color: #FFFFFF;
}

.toolbar-frame-command-small .toolbar-button {
    height: 20px;
    line-height: 20px;
    font-size: 8pt;
    background-color: #FFFFFF;
    color: #8A9399;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
}
.toolbar-frame-command-small .toolbar-button:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  background-color: #FFFFFF;
}

/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di pannello  */
/* ************************************************************/
.toolbar-frame-image-hl {
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

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

.frame-caption-hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.frame-caption-press {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di pannello  */
/* ************************************************************/
.toolbar-frame-image-hl-small {
  vertical-align: bottom;
  margin-bottom: 2px;
  cursor: pointer;
  padding-right: 4px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  border: none;
  background-color: #8A9399;
  color: #FFFFFF;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
.toolbar-frame-image-hl-small:hover {
  background-color: #242D33;
}

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

.frame-caption-hover-small {
  background-color: #242D33;
}

.frame-caption-press-small {
  background-color: #242D33;
}

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

.taskbar-toolbar-command {
  cursor: pointer;
  font-size: 10pt;
  color: #000000;
  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: 10pt;
  color: #000000;
  padding: 2px;
}

/* *************************************************/
/* Classe applicata al comando di una toolbar      */
/* EVIDENZIATO                                     */
/* *************************************************/
.toolbar-command-hl {
  background-color: #2477B3;
  cursor: pointer;
  font-size: 10pt;
  color: #FFFFFF;
  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;
  cursor: pointer;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

.toolbar-image-hl-small {
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  border-radius: 3px;
  -ms-border-radius: 3px;
  border: none;
  background-color: #8A9399;
  color: #FFFFFF;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}

/* *************************************************/
/* Classe applicata alll'immagine di un comando    */
/* di toolbar con hilight attivo (mouse over)      */
/* *************************************************/
.toolbar-image-hl-hover,
.toolbar-image-hl-down {
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.toolbar-image-hl-hover-small,
.toolbar-image-hl-down-small {
  vertical-align: middle;
  padding-right: 4px;
  cursor: pointer;
  border-radius: 3px;
  -ms-border-radius: 3px;
  border: none;
  background-color: #242D33;
  color: #FFFFFF;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}

/* *************************************************/
/* Classe applicata all'input di un comando        */
/* di toolbar quando questo non ha un'immagine     */
/* *************************************************/
.toolbar-button {
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  padding: 0 5px;
  vertical-align: middle;
  border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 10pt;
  font-weight: normal;
  text-transform: uppercase;
  border: none;
  background-color: #8A9399;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
.toolbar-button:hover {
  background-color: #242D33;
}

.toolbar-frame-button-small {
  height: 18px;
}

/* *************************************************/
/* 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                                            */
/* *************************************************/
.form-container {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #E2E2E2;
  text-align: left;
}

/* *************************************************/
/* Classe applicata al contenitore dei frames      */
/* posto sotto la caption della form               */
/* *************************************************/
.form-frames-container {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: auto;
  padding-top: 2px;
}

/* *************************************************/
/* Classe applicata al contenitore della caption   */
/* della form                                      */
/* *************************************************/
.form-caption-container {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #8A9399;
  color: #242D33;
  padding: 0;
  margin: 0;
  font-size: 16pt;
  font-weight: 200;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* *************************************************/
/* Classe aggiunta  al contenitore della caption   */
/* della form se in stato INACTIVE                 */
/* *************************************************/
.form-caption-inactive {
  opacity: 0.9;
  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: #FFFFFF;
}

/* *************************************************/
/* 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: 4px;
  margin-top: 3px;
}

.form-caption-modal-image {
  vertical-align: top;
  cursor: pointer;
  margin-left: 4px;
  margin-top: 3px;
  width: 15px !important;
  height: 15px !important;
}

.form-caption-hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.close-button:not(.form-caption-modal-image) {
  vertical-align: middle;
  margin-bottom: 5px;
}

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

/* *************************************************/
/* Classe applicata al testo della caption         */
/* della form                                      */
/* *************************************************/
.form-caption-text {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  padding-left: 10px;
}

.form-caption-text-leftside {
  float: left;
  clear: both;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 10px;
}

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

/* *************************************************/
/* Classe applicata al div della form attiva nella */
/* form list                                       */
/* *************************************************/
/* *************************************************/
/* Classe applicata all'immagine della entry della */
/* form attiva nella form list                     */
/* *************************************************/
/* *************************************************/
/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list                 */
/* *************************************************/
/* *************************************************/
/* Classe aggiuntiva applicata se il men?          */
/* ? posizionato a destra                          */
/* *************************************************/
/* *************************************************/
/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list (EVIDENZIATA)   */
/* *************************************************/
/* *************************************************/
/* Classe applicata all'immagine della entry di una*/
/* form non attiva nella form list (EVID.-DESTRA)  */
/* *************************************************/
/* *************************************************/
/* Form list items                                 */
/* *************************************************/
.form-list-caption,
.form-list-caption-hl,
.form-list-active-caption,
.form-list-active-caption-hl {
  display: block;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  font-size: 8pt;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #242D33;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

.form-list-active-caption,
.form-list-active-caption-hl {
  background-color: #6899BB;
  color: #FFFFFF;
}

.form-list-caption-hl {
  background-color: #C0C0C0;
}

/* *************************************************/
/* Classi Form List Taskbar                        */
/* *************************************************/
.taskbar-form-list-item {
  width: 150px;
  max-width: 150px;
  height: 28px;
  margin: 5px 3px;
  overflow: hidden;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
  -ms-border-radius: 3px;
  padding: 0;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #C0C0C0;
  vertical-align: top;
  cursor: pointer;
}

.taskbar-form-list-item:hover {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.taskbar-form-list-active {
  border: 1px solid #FFFFFF;
  color: #808080 !important;
  background-color: #FFFFFF;
}

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

.taskbar-form-list-caption {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  line-height: 28px;
  padding: 0 8px;
}

/* *************************************************/
/* Classe applicata al contenitore dei messaggi    */
/* della form                                      */
/* *************************************************/
.form-message-container {
  width: 100%;
  margin: 0px;
  font-size: 10pt;
  text-align: left;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

/* *************************************************/
/* Classe applicata al div che contiene un         */
/* singolo messaggio della form                    */
/* *************************************************/
.form-message-div {
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  width: 100%;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

/* *************************************************/
/* Classe applicata allo SPAN che contiene         */
/* il testo di un messaggio della form             */
/* *************************************************/
.form-message-text {
  vertical-align: middle;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   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;
  height: 50px;
}

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

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

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

/* ***************************************************/
/* Classe applicata al contenitore di un frame       */
/* che contiene oggetti visuali effettivi            */
/* ***************************************************/
.frame-container {
  position: absolute;
  overflow: hidden;
  background-color: transparent;
  border: none;
}

/* ***************************************************/
/* Classe applicata al contenitore della toolbar     */
/* del frame                                         */
/* ***************************************************/
.frame-toolbar-container {
  width: 100%;
  height: 24px;
  padding: 8px 0;
  overflow: hidden;
  background-color: #8A9399;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
}

/* ***************************************************/
/* Classe applicata al contenitore della toolbar     */
/* del frame in caso di icone piccole                */
/* ***************************************************/
.frame-toolbarsmall-container {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  white-space: nowrap;
  overflow: hidden;
  background-color: #8A9399;
}

.frame-content-container .frame-toolbarsmall-container {
  background-color: #FFFFFF;
}

/* ***************************************************/
/* Classi applicata al DIV che appare quando la      */
/* toolbar ha contenuto scrollabile                  */
/* ***************************************************/
.frame-toolbar-scrollbox-dx,
.frame-toolbarsmall-scrollbox-dx,
.frame-toolbar-scrollbox-sx,
.frame-toolbarsmall-scrollbox-sx {
  background-color: #242D33;
  position: absolute;
  top: 0;
  display: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.frame-toolbar-scrollbox-dx {
  width: 30px;
  height: 40px;
  background-image: url("images/scrdx.gif");
}

.frame-toolbarsmall-scrollbox-dx {
  width: 16px;
  height: 30px;
  background-image: url("images/scrdx.gif");
}

.frame-toolbar-scrollbox-sx {
  width: 30px;
  height: 40px;
  background-image: url("images/scrsx.gif");
}

.frame-toolbarsmall-scrollbox-sx {
  width: 16px;
  height: 30px;
  background-image: url("images/scrsx.gif");
}

/* ***************************************************/
/* Classe applicata al contenitore di tutti gli      */
/* altri oggetti visuali del frame                   */
/* ***************************************************/
.frame-content-container {
  background-color: transparent;
  position: absolute;
  overflow: auto;
}

/* ******************************************************/
/* Classe applicata all'immagine del pulsante collapse  */
/* ******************************************************/
.frame-toolbar-button-small,
.frame-toolbar-button-small-hover,
.frame-toolbar-button-small-down {
  border-radius: 3px;
  -ms-border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #FFFFFF;
  margin-bottom: 2px;
}

.frame-toolbar-button-small-hover,
.frame-toolbar-button-small-down {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ******************************************************/
/* 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;
  font-size: 10pt;
  display: inline-block;
  padding-left: 8px;
  overflow: hidden;
}

/* ******************************************************/
/* Classe applicata al testo della caption del frame    */
/* ******************************************************/
.frame-toolbarsmall-caption {
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  display: inline-block;
  padding-left: 8px;
  overflow: hidden;
}
.frame-content-container .frame-toolbarsmall-caption {
  color: #242D33;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile degli indicatori          */
/*                                                 */
/* *************************************************/
/* *************************************************/
/* *************************************************/
/* Classe applicata alla Box esterna               */
/*  di un indicatore                               */
/* *************************************************/
.indicator-box {
  border: solid #E2E2E2 1px;
  background-color: #FFFFFF;
  font-size: 10pt;
  height: 17px;
  vertical-align: middle;
  padding: 1px;
  margin-right: 2px;
  display: inline-block;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 3px;
  color: #000000;
}

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

/* *************************************************/
/* Classe applicata alla Box esterna               */
/*  di un indicatore vuoto                         */
/* *************************************************/
.indicator-box-empty {
  border: solid transparent 1px;
  font-size: 10pt;
  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: #242D33;
  color: #FFFFFF;
}

/* *************************************************/
/* 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: #FFFFFF;
  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                     */
/* *************************************************/
/* *************************************************/
/* 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;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* *************************************************/
/* 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;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #E2E2E2;
}

/* *************************************************/
/* Classe applicata al DIV che contiene i nodi     */
/* figli di un nodo dell'albero                    */
/* *************************************************/
/* *************************************************/
/* Classe applicata all'IMG all'inizio di ogni     */
/* nodo figlio per fare le righine verticali dei   */
/* nodi padri                                      */
/* *************************************************/
.tree-node-filler {
  height: 25px;
  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,
.tree-selected-node-text {
  vertical-align: middle;
  font-size: 10pt;
  font-weight: normal;
  line-height: 25px;
  color: #000000;
  cursor: pointer;
  padding-left: 3px;
}

.tree-selected-node-text {
  color: #242D33;
  font-weight: bold;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile dei book                  */
/*                                                 */
/* *************************************************/
/* *************************************************/
/* *************************************************/
/* Classe applicata al DIV che contiene tutto      */
/* l'albero e i suoi figli                         */
/* *************************************************/
.book-container {
  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: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
}
.frame-content-container .book-toolbar-status {
  color: #242D33;
}

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

/* *************************************************/
/* Classe applicata al DIV che contiene una pagina */
/* del book                                        */
/* *************************************************/
.book-page-container {
  background-color: #FFFFFF;
  position: absolute;
}

.book-page-container-fixed {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  z-index: 1;
}

.book-page-container-fixed-left {
  border-right: 1px dotted #808080;
}

.book-page-container-fixed-top {
  border-bottom: 1px dotted #808080;
}

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

/* *************************************************/
/* Classe applicata al DIV che contiene una box    */
/* del book                                        */
/* *************************************************/
.book-box {
  border: 1px solid #808080;
  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 #FFFFFF;
}

/* *************************************************/
/* 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;
  font-size: inherit;
  font-family: inherit;
}

.book-span-textarea {
  position: absolute;
  left: 0px;
  background-color: transparent;
  overflow: auto;
  border: none;
}

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

/* *************************************************/
/* Classe applicata all'INPUT di tipo file         */
/* contenuto in  uno span attivo di una            */
/* box del book                                    */
/* *************************************************/
.book-span-file {
  color: #2477B3 !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                                    */
/* *************************************************/
/* *************************************************/
/* 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;
}

/* *************************************************/
/* 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 {
  height: 30px;
  line-height: 30px;
  padding: 0;
  border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 10pt !important;
  font-weight: normal;
  border: none;
  background-color: #8A9399;
  color: #FFFFFF !important;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
.book-span-button:hover {
  background-color: #242D33;
}

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

/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di book  */
/* ************************************************************/
.book-toolbar-button {
  vertical-align: bottom;
  cursor: pointer;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

.book-toolbar-button-hover,
.book-toolbar-button-down {
  vertical-align: bottom;
  cursor: pointer;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.book-toolbar-button-small {
  vertical-align: bottom;
  cursor: pointer;
  padding-right: 4px;
  margin-bottom: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

.book-toolbar-button-small-down,
.book-toolbar-button-small-hover {
  vertical-align: bottom;
  cursor: pointer;
  padding-right: 4px;
  margin-bottom: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ****************************************************/
/* 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: transparent;
  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 transparent !important;
}

/* *************************************************/
/* 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: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0px;
}

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

/* ************************************************************/
/* Classe applicata agli SPAN che contengono i bottoni        */
/* della toolbar del pannello                                 */
/* ************************************************************/
.panel-toolbar-zone {
  height: 24px;
  margin: 0 8px;
  display: inline-block;
  vertical-align: top;
}

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

/* ************************************************************/
/* Classe applicata ad un pulsante della toolbar di pannello  */
/* ************************************************************/
.panel-toolbar-button,
.panel-toolbar-button-down,
.panel-toolbar-button-hover,
.frame-toolbar-button,
.frame-toolbar-button-hover,
.frame-toolbar-button-down {
  vertical-align: bottom;
  cursor: pointer;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

.panel-toolbar-button-hover,
.frame-toolbar-button-hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.panel-toolbar-button-small,
.panel-toolbar-button-small-down,
.panel-toolbar-button-small-hover {
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
}
.panel-toolbar-button-small + .panel-toolbar-button-small, .panel-toolbar-button-small + .panel-toolbar-button-small-down, .panel-toolbar-button-small + .panel-toolbar-button-small-hover,
.panel-toolbar-button-small-down + .panel-toolbar-button-small,
.panel-toolbar-button-small-down + .panel-toolbar-button-small-down,
.panel-toolbar-button-small-down + .panel-toolbar-button-small-hover,
.panel-toolbar-button-small-hover + .panel-toolbar-button-small,
.panel-toolbar-button-small-hover + .panel-toolbar-button-small-down,
.panel-toolbar-button-small-hover + .panel-toolbar-button-small-hover {
  margin-left: 5px;
}

.panel-toolbar-button-small-down,
.panel-toolbar-button-small-hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* *************************************************/
/* 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;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
  -ms-border-radius: 100%;
  padding: 1px;
}

/* ************************************************************/
/* Classe applicata all'immagine dei qbe tip small            */
/* ************************************************************/
.panel-toolbarsmall-qbetip {
  vertical-align: middle;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
  -ms-border-radius: 100%;
}

/* ************************************************************/
/* 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: 22px;
  color: #45E688;
  font-size: 10pt;
  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: #45E688;
  font-size: 10pt;
  font-weight: bold;
  overflow: hidden;
  padding-right: 12px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

/* ************************************************************/
/* Classe applicata alla status bar di un pannello            */
/* se esso ? in stato DATA (al posto di panel-toolbar-status)  */
/* ************************************************************/
.panel-status-data {
  line-height: 22px;
  font-size: 10pt;
  font-weight: bold;
  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: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  overflow: hidden;
  padding-right: 12px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
.frame-content-container .panel-statussmall-data {
  color: #242D33;
}

/* ************************************************************/
/* 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: 22px;
  background-color: #E74C3C;
  color: #FFFFFF;
  font-size: 9pt;
  overflow: hidden;
  padding: 0 8px 0 3px;
  margin: 0 5px;
  border-radius: 3px;
  -ms-border-radius: 3px;
}

/* ************************************************************/
/* 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: #E74C3C;
  font-size: 10pt;
  font-weight: bold;
  overflow: hidden;
  padding-right: 12px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

/* ************************************************************/
/* Classe applicata al contenitore dei pulsanti di navigazione*/
/* del pannello                                               */
/* ************************************************************/
/* ************************************************************/
/* Classe applicata al DIV usato per evidenziare il record    */
/* che si sta cancellando                                     */
/* ************************************************************/
.panel-highlight-delete {
  position: absolute;
  border: 2px solid #E74C3C;
}

/* *************************************************/
/* 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: 5px 3px;
  height: 29px;
  display: table;
  font-family: Helvetica, Arial, sans-serif;
}
.panel-field-caption-list SPAN {
  display: table-cell;
  vertical-align: middle;
  cursor: inherit;
}

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

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

.panel-field-grouped-list-box .group-container {
  text-align: left !important;
}

.panel-field-grouped-list-box .group-label {
  width: 90% !important;
  text-overflow: inherit;
}

/* *************************************************/
/* Classe applicata al box che contiene il valore  */
/* di un campo in form                             */
/* *************************************************/
.panel-field-value-list {
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 0;
  left: 0px;
  font-size: 9pt;
  padding: 5px 3px;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 1px dotted #C0C0C0;
  border-right: 1px dotted #C0C0C0;
  font-family: Helvetica, Arial, sans-serif;
}

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

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

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

/* *************************************************/
/* Classe applicata ad un DIV che contiene         */
/* CKEditor                                        */
/* *************************************************/
.panel-field-value-htmleditor {
  overflow: hidden !important;
}

/* *************************************************/
/* Classe applicata all'attivatore del campo       */
/* *************************************************/
.panel-value-activator {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
}

/* *************************************************/
/* 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;
  width: 15px;
  height: 20px;
}
.panel-value-check:disabled { pointer-events: none; }

/* *************************************************/
/* 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;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 0;
  height: 30px;
  line-height: 30px;
  padding: 0;
  border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 10pt !important;
  font-weight: normal;
  border: none;
  background-color: #8A9399;
  color: #FFFFFF !important;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
.panel-value-button:hover {
  background-color: #242D33;
}

.panel-value-button[disabled] {
  color: #808080 !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;
  padding: 0px !important;
}

/* *************************************************/
/* 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: #2477B3;
  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                                   */
/* *************************************************/
/* **************************************************/
/* 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: 6px 7px !important;
}

/* **************************************************/
/* Classe applicata ai comandi di multiselezione    */
/* **************************************************/
.panel-multisel-command {
  vertical-align: middle;
  cursor: pointer;
}

/* **************************************************/
/* Classe applicata all'oggetto che rappresenta     */
/* il tipo di sort sul campo                        */
/* **************************************************/
.panel-sort-image {
  position: absolute;
  cursor: pointer;
  bottom: 0 !important;
  left: 50% !important;
  margin-left: -4px !important;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle Button Bar          */
/*                                                 */
/* *************************************************/
/* *************************************************/
/* *************************************************/
/* Classe applicata al contenitore esterno di una  */
/* Button Bar che contiene tutti i pulsanti        */
/* *************************************************/
/* *************************************************/
/* Classe applicata al contenitore esterno di un   */
/* pulsante della Button Bar                       */
/* *************************************************/
/* *************************************************/
/* Classe applicata al pulsante di una Button Bar  */
/* *************************************************/
.button-bar-button {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  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: #FFFFFF;
  z-index: 0;
  overflow: hidden;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

#calpopup {
  background-color: #FFFFFF;
  overflow: hidden;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

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

/* *************************************************/
/* Classe applicata al DIV che contiene la caption */
/* della finestra popup                            */
/* *************************************************/
.popup-frame-caption {
  width: 100%;
  background-color: #F0F0F0;
  color: #808080;
  font-size: 14pt;
  font-weight: 200;
  padding: 10px 10px;
  position: absolute;
}

/* *************************************************/
/* Classe applicata al DIV che contiene il         */
/* contenuto della finestra popup                  */
/* *************************************************/
.popup-frame-content {
  position: absolute;
  overflow: hidden;
  width: 100%;
}

/* *************************************************/
/* 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: #808080;
  opacity: 0.5;
  filter: alpha(opacity=50);
  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 #E74C3C;
  position: absolute;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

/* *************************************************/
/* Classe applicata al DIV che contiene la caption */
/* della finestra popup                            */
/* *************************************************/
.popup-error-frame-caption {
  width: 100%;
  background-color: #E74C3C;
  vertical-align: middle;
  color: #FFFFFF;
  text-align: left;
  text-indent: 10px;
  font-size: 12pt;
  line-height: 30px;
}

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

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

/* *************************************************/
/* Classe applicata al DIV che contiene i dettagli */
/* del messaggio di errore                         */
/* *************************************************/
.popup-error-frame-content {
  overflow: auto;
  background-color: #FFFFFF;
  width: 100% !important;
  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: #242D33;
  font-weight: bold;
  padding: 0px;
  font-size: 10pt;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  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: #000000;
  padding: 0px;
  font-size: 10pt;
}

/* *************************************************/
/* Classe applicata al DIV che contiene il         */
/* pulsante di ritorno all'applicazione            */
/* *************************************************/
.popup-error-button {
  position: absolute;
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  padding: 0 10px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 10pt;
  font-weight: normal;
  text-transform: uppercase;
  border: none;
  background-color: #8A9399;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
.popup-error-button:hover {
  background-color: #242D33;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle MESSAGE BOX         */
/*                                                 */
/* *************************************************/
/* *************************************************/
/* *************************************************/
/* Classe associata ai pulsanti di una MsgBox      */
/* *************************************************/
.popup-button {
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  padding: 0;
  border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 10pt;
  font-weight: normal;
  text-transform: uppercase;
  border: none;
  background-color: #8A9399;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
.popup-button:hover {
  background-color: #242D33;
}

.popup-button-default {
  background-color: #2477B3;
}
.popup-button-default:hover {
  background-color: #242D33;
}

/* ***********************************************************/
/* Classe associata ai pulsanti opzionali di una MsgBox      */
/* ***********************************************************/
.popup-button-opt {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}

/* *************************************************/
/* 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: 11pt;
  color: #242D33;
  line-height: 1.4;
}

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

/* *************************************************/
/* 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: 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: #FFFFFF;
  color: #242D33;
  font-size: 10pt;
}

.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: top;
}

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

.messagetooltip-title-warning {
  color: #2477B3;
}

.messagetooltip-title-error {
  color: #E74C3C;
}

.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: 10pt;
  width: 80px;
  vertical-align: top;
  padding: 0px;
}

/* ****************************************************/
/* Classe applicata alla seconda cella della tabella  */
/* dei QBETIP                                         */
/* ****************************************************/
.qbe-value {
  font-size: 10pt;
  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 */
/* *****************************************************/
/* *****************************************************/
/* Classe applicata all'IMG che rappresenta il         */
/* pulsante di chiusura                                */
/* *****************************************************/
.popup-preview-close {
  float: right;
  cursor: pointer;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #FFFFFF;
}
.popup-preview-close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

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

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   Classi per lo stile delle POPUP DELAY         */
/*                                                 */
/* *************************************************/
/* *************************************************/
.popup-delay-progress-container {
  position: absolute;
  height: 16px;
  border: 1px solid #8A9399;
}

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

.popup-delay-inner-progress-box {
  position: absolute;
  background-color: #2477B3;
  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: 10pt;
}

.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 #E2E2E2;
  position: absolute;
  background-color: #F0F0F0;
  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: 0 5px;
}
.toolstrip-container + .frame-content-container {
  margin-top: 0 !important;
}

.toolstrip-container-left {
  background-color: transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  padding-bottom: 5px;
  padding-left: 4px;
}

.toolstrip-container-right {
  background-color: transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left 0%;
  transform-origin: left 0%;
  padding-top: 5px;
  padding-left: 4px;
}

.toolstrip-container-right > span {
  border-top: none;
}

#top-dock-container .selected-tab-caption-container-0, #top-dock-container .tab-filler, #top-dock-container .tab-caption-container-0 {
  border-top: none;
}

/* *******************************************************/
/* 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;
  margin-right: 2px;
  margin-top: 5px;
}

.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: #E2E2E2 1px solid;
}

/* *******************************************************/
/* Classe applicata all'immagine sinistra di una entry   */
/* della tabbed                                          */
/* *******************************************************/
/* *******************************************************/
/* 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: #E2E2E2 1px solid;
  background-color: #F0F0F0;
}

/* *******************************************************/
/* Classe applicata allo span centrale di una caption    */
/* della tabbed view                                     */
/* *******************************************************/
.tab-caption-0 {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  background-color: #F0F0F0;
  color: #808080;
  font-size: 10pt;
  border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
}

/* *******************************************************/
/* Classe applicata allo span centrale di una caption    */
/* della tabbed view (HILIGHT)                           */
/* *******************************************************/
.tab-caption-hl-0 {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  background-color: #C0C0C0;
  color: #FFFFFF;
  font-size: 10pt;
  border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  cursor: pointer;
}

.tab-caption-container-tabbottom-0 .tab-caption-hl-0 {
  border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
}

.tab-caption-hl-tableft-0 {
  text-align: right;
  border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
}

/* *******************************************************/
/* Classe applicata allo span contente il testo di una   */
/* tab                                                   */
/* *******************************************************/
.tab-text-0,
.tab-text-tableft-0,
.tab-text-tabbottom-0 {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.tab-text-tableft-0 {
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg);
}

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

.tab-caption-container-tabbottom-0,
.tab-caption-container-tableft-0 {
  vertical-align: bottom;
  overflow-y: hidden;
  display: inline-block;
  margin-right: 2px;
  cursor: pointer !important;
}
.tab-caption-container-tabbottom-0 span,
.tab-caption-container-tableft-0 span {
  cursor: pointer !important;
}

.tab-caption-container-tabbottom-0 {
  margin-bottom: 5px;
}

.tab-left-tabbottom-0, .tab-left-tableft-0 {
  display: inline-block;
  vertical-align: bottom;
  padding-left: 5px;
  height: 20px;
  width: 2px;
  border-top: #E2E2E2 1px solid;
}

.tab-left-img-tabbottom-0, .tab-left-img-tableft-0 {
  cursor: pointer;
}

.tab-caption-tabbottom-0 {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  background-color: #F0F0F0;
  color: #808080;
  font-size: 10pt;
  border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
}

.tab-caption-tableft-0 {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  background-color: #F0F0F0;
  color: #808080;
  font-size: 10pt;
  border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
}

.tab-right-tabbottom-0, .tab-right-tableft-0 {
  display: inline-block;
  vertical-align: bottom;
  height: 20px;
  width: 2px;
  border-bottom: #E2E2E2 1px solid;
  background-color: #F0F0F0;
}

/* *******************************************************/
/* 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;
  margin-right: 2px;
  margin-top: 5px;
}

/* *******************************************************/
/* 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: #E2E2E2 1px solid;
}

/* *******************************************************/
/* Classe applicata all' immagine di una entry nella     */
/* lista delle tab                                       */
/* *******************************************************/
/* *******************************************************/
/* 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: #F0F0F0 1px solid;
  background-color: #F0F0F0;
}

/* *******************************************************/
/* Classe applicata allo span centrale di una caption    */
/* della tabbed view                                     */
/* *******************************************************/
.selected-tab-caption-0 {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  background-color: #8A9399;
  color: #FFFFFF;
  font-size: 10pt;
  border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
}

/* *******************************************************/
/* Classe applicata allo span contente il testo di una   */
/* tab                                                   */
/* *******************************************************/
.selected-tab-text-0,
.selected-tab-caption-tableft-0 {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.selected-tab-text-tableft-0 {
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg);
}

.selected-tab-left-tabbottom-0, .selected-tab-left-tableft-0 {
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
  height: 20px;
  width: 2px;
  border-top: #E2E2E2 1px solid;
}

.selected-tab-left-img-tabbottom-0, .selected-tab-left-img-tableft-0 {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
}

.selected-tab-caption-tabbottom-0 {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.selected-tab-right-tabbottom-0, .selected-tab-right-tableft-0 {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 2px;
  border-top: #F0F0F0 1px solid;
  background-color: #F0F0F0;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.selected-tab-caption-container-tabbottom-0,
.selected-tab-caption-container-tableft-0 {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  background-color: #8A9399;
  color: #FFFFFF;
  font-size: 10pt;
  border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  overflow-y: hidden;
  margin-right: 2px;
}

/* *******************************************************/
/* Classe applicata allo span che fa da riempitore       */
/* della tabbed view                                     */
/* *******************************************************/
.tab-filler,
.tab-filler-tabbottom,
.tab-filler-tableft {
  display: none;
}

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

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   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: 16px;
  background: none !important;
  background-color: #E2E2E2 !important;
  font-size: 9pt !important;
  height: 16px !important;
}

/* ********************************************************/
/* 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;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* *************************************************/
/* *************************************************/
/*                                                 */
/*   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: #E2E2E2 1px solid;
  width: 5px;
  vertical-align: bottom;
}

/* *******************************************************/
/* Classe applicata allo SPAN contenitore della caption  */
/* della pagina selezionata                              */
/* *******************************************************/
.selected-page-container-0 {
  display: inline-block;
  height: 30px;
  border: 0px;
  color: #242D33;
  font-size: 10pt;
  font-weight: bold;
  border-bottom: #E2E2E2 1px solid;
  vertical-align: bottom;
}

/* *******************************************************/
/* Classe applicata allo SPAN contenitore della caption  */
/* di una pagina non selezionata                         */
/* *******************************************************/
.page-container-0 {
  display: inline-block;
  height: 30px;
  border: 0px;
  color: #808080;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  border-bottom: #E2E2E2 1px solid;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
}

/* *******************************************************/
/* Classe applicata allo SPAN contenitore della caption  */
/* di una pagina non selezionata (HILIGHT)               */
/* *******************************************************/
.page-container-hl-0 {
  display: inline-block;
  height: 30px;
  border: 0px;
  color: #808080;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  border-bottom: #E2E2E2 1px solid;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  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,
.selected-page-header-container-0 {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin-top: 4px;
  vertical-align: top;
  padding: 0 8px;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  font-size: 9pt;
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
}

.page-header-container-0 {
  color: #808080;
}

.selected-page-header-container-0 {
  background-color: #C0C0C0;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
}

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

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

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

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

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

/* ************************************************** */
/* Classi applicate ai bordi delle finestre popup     */
/* ************************************************** */
/* Elemento DIV mostrato durante la gestione delle richieste bloccanti */
#block-box {
  height: 100%;
  width: 100%;
  border: none;
  cursor: wait;
  background-color: #808080;
  opacity: 0;
  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: #000000;
}

/******************************************************/
/* 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: 0 2px;
  vertical-align: middle;
  position: absolute;
}

/******************************************************/
/* Classe Applicata all'attivatore della combo        */
/******************************************************/
.combo-activator {
  cursor: pointer;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/aeco.gif);
}

/******************************************************/
/* Classe Applicata all'immagine della combo          */
/******************************************************/
.combo-img {
  vertical-align: middle;
  position: absolute;
}

/**********************************************************/
/* Classe Applicata all'immagine della combo disabilitata */
/**********************************************************/
.combo-img-dis {
  vertical-align: middle;
  position: absolute;
}

/******************************************************/
/* 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: #6899BB;
}

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

/******************************************************/
/* 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;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

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

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

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

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

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

.mup-table .panel-field-caption-list, .mup-table .panel-field-caption-form {
  display: table-row;
}

.mup-header-filename span {
  display: inline;
}


.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;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

.mup-row-filestatus-js {
  width: 95%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAQCAYAAAA4eCmgAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABaSURBVHic7dXBDYAwEMCwtpPf5nQG8kFI9gT5Zc/MswDgpfN1AAD/ZCAAJAYCQGIgACQGAkBiIAAkBgJAYiAAJAYCQGIgACQGAkBiIAAkBgJAYiAAJAYCQHIBcQQCn0OzmWcAAAAASUVORK5CYII=);
  background-size: 0%;
  background-repeat: no-repeat;
  border: 1px solid #E2E2E2;
}

.multi-js-upload {
  cursor: pointer;
}

/* ************************************************** */
/* Classi applicate ai pannelli gruppati              */
/* ************************************************** */
.group-container {
  position: absolute;
  overflow: hidden;
  padding-right: 4px !important;
  padding-left: 4px !important;
  text-align: right !important;
  line-height: 31px;
}

.group-collapse-img {
  vertical-align: middle;
  cursor: pointer;
  padding-right: 4px;
}

.group-label {
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left !important;
}

.group-container-list
{
  background: transparent !important;
}

.badge-red {
  display: inline;
  position: relative;
  padding: 1px 4px 1px;
  background: #E74C3C;
  min-width: 9px;
  height: 15px;
  border-radius: 18px;
  -ms-border-radius: 18px;
  z-index: 9999;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
}

.badge-grey {
  display: inline-block;
  position: relative;
  padding: 0px 3px 0px;
  background: #6899BB;
  border: 1px solid #FFFFFF;
  min-width: 9px;
  height: 15px;
  border-radius: 18px;
  -ms-border-radius: 18px;
  z-index: 9999;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
}

.badge-right {
  float: right;
}

.badge-min {
  min-width: 7px;
  height: 13px;
}

/* ****************************************** */
/* Classi per i DIV di IDVoice                */
/* ****************************************** */
.voice-microext {
  -webkit-box-sizing: border-box;
  background: #E74C3C;
  position: absolute;
  width: 64px;
  height: 64px;
  padding: 7px;
  border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-duration: 250ms;
  -webkit-transform: scale3d(2, 2, 1);
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.435, 1.535);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.voice-microint {
  -webkit-box-sizing: border-box;
  background: #FFFFFF;
  -webkit-mask-image: url("images/micro.png");
  -webkit-mask-size: 100%;
  width: 50px;
  height: 50px;
}

.voice-bubble {
  background: #FFFFFF;
  border: 2px solid #E74C3C;
  border-radius: 8px;
  -ms-border-radius: 8px;
  width: 300px;
  height: 24px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 150ms;
  padding: 10px;
  font-size: 16pt;
  font-family: Helvetica, Arial, sans-serif;
  z-index: 1000;
}

.voice-bubble-whisker {
  -webkit-box-sizing: border-box;
  background: #FFFFFF;
  border: 2px solid #E74C3C;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-transform: rotate(225deg);
  width: 40px;
  height: 40px;
  position: absolute;
  -webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(0.5, #000000), color-stop(0.5, transparent), to(transparent));
  z-index: 1001;
}

/* ****************************************** */
/* ID Editor                                  */
/* ****************************************** */
.ideditor-toolbar-img {
  background-image: url("images/IDEditorIcons.png");
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border-radius: 3px;
  -ms-border-radius: 3px;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}

.ideditor-toolbar-sep {
  width: 10px;
  height: 24px;
  display: inline-block;
  margin-right: 5px;
  border-right-color: #C0C0C0 !important;
}

.ideditor-main {
  width: 28px;
  margin-right: 0px;
  text-align: center;
  vertical-align: top;
}

.ideditor-chooser {
  background-image: url("images/ideditor-chooser.gif");
  background-color: transparent !important;
  width: 10px;
  margin-left: 5px;
  vertical-align: top;
}

.ideditor-applier {
  height: 2px;
  width: 22px;
  cursor: pointer;
  margin-top: 21px;
  margin-left: 2px;
}

.ideditor-toolbar {
  position: absolute;
  height: 24px;
  padding: 8px 2px;
  background-color: #8A9399 !important;
  border: none !important;
}
.ideditor-toolbar .combo-input {
  margin-left: 10px;
}

.ideditor-body {
  position: absolute;
  overflow: auto;
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  padding: 0px;
  border: 1px solid #8A9399 !important;
}

/* ****************************************** */
.ctrl-key-color {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 3px;
  cursor: pointer;
}

.ctrl-colorchooser {
  background-color: #F0F0F0;
}

.ctrl-color-transparent {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJ1JREFUOE+t0rERgzAMhWGNkDIl42QMNstIGYEx6FD0yBlsS0QydvGdbaH7K4iZu21EL7Eykb3QIo91B+uY3Be1FGXF5JzUYsRVDN/UsudfDIpljxeD4+KJxKB4XInGQA1qLTEwh0lrDMwh3ImBOZTxnEIQjYEedsSgHOjYR85nseM4H3bskS9H/C6DYjA0Bgjux4gY4H97j4oxM30BVJ4d/B6B9pcAAAAASUVORK5CYII=");
}

.popover-arrow-box {
  overflow: hidden;
  position: absolute;
  height: 24px;
  width: 23px;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #E2E2E2;
  border-top: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
}

.popover-arrow-border {
  overflow: hidden;
  position: absolute;
  height: 3px;
  width: 27px;
  cursor: pointer;
  background: none;
  z-index: 1;
}

/* Elemento DIV mostrato durante la gestione delle richieste bloccanti */
.blocking-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;
  top: 0px;
  left: 0px;
}

input[type=button]:focus, input[type=checkbox]:focus {
	outline: gray dashed 1px;
}

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

/* Gestione popup filtri avanzati */
.filter-popup {
  cursor: default;	
}

.popup-frame-content.filter-popup {
  height: 100% !important;
}

.filter-sort-area-caption {
  padding: 10px 8px;
  background-color: #FFFFFF;
}

.filter-header {
  border-bottom: 1px solid #CCCCCC;
  background-color: #8A9399;
  color: #FFFFFF;
  padding: 10px;
}

.filter-header img {
  float: right;
  margin-top: -5px;
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 2px;
  margin-right: -5px;
  cursor: pointer;
}

.filter-card {
  padding: 10px 0px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #CCCCCC;
  border-radius: 3px;
  margin: 10px;
}

.filter-sort-row {
  font-family: Arial;
  display: inline-block;
  background-color: #FFFFFF;
  line-height: 10px;
  padding: 10px;
  text-transform: uppercase;
  border-radius: 3px;
  border: solid 1px #CCCCCC;
  cursor: pointer;
}

.filter-sort-row + .filter-sort-row {
  margin-left: 10px;
}

.filter-sort-row + .filter-sort-row + .filter-sort-row {
  min-width: 66px;
  text-align: center;
}

.filter-sort-buttons-container {
  height: 34px;
  text-align: right;
  margin-top: -34px;
  padding-right: 10px;
}

.filter-popup-area {
  height: 74px;
  overflow: auto;
  border-top: solid 1px #CCCCCC;
}

.filter-row-filter.check-line:hover, .filter-row-filter.check-line > *:hover {
  cursor: pointer;
}

.filter-row-filter {
  line-height: 15px;
}

.filter-row-filter:hover {
  background-color: #FFFFFF;
}

.filter-sort-row span {
  padding-left: 10px;
}

.filter-sort-row:hover,  .filter-header img:hover{
  background-color: rgb(243, 243, 241);
}

.filter-sort-row[active] {
  background-color: rgb(237, 237, 238);
}

.filter-sort-row[active] span {
  font-weight: bold;
}

.filter-sort-row[disabled] {
  color: #CCCCCC;
  pointer-events: none;
}

.filter-sort-row[disabled]:hover {
  background-color: #FFFFFF;
}

.filter-sort-area + .filter-sort-area {
  margin-top: 11px;
}

.filter-popup-area {
  height: 240px;
  overflow: auto;
}

.filter-combo-selected-area {
  height: auto;
  border: none;
  margin: 2px;
}

.empty_lke_placeholder {
  color: #CCCCCC;
  margin-top: auto;
  text-align: center;
  margin-left: 0px;
  display: inline-block;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
}

.filter-row-or {
  visibility: hidden;
  text-align: center;
  position: relative;
  background-color: #FFFFFF;
  margin: initial;
  border: solid 1px #CCCCCC;
  text-transform: lowercase;
  margin-left: 64px;
  max-width: 16px;
  min-width: 16px;
  padding: 5px;
  border-radius: 3px;
  margin-top: -18px;
  margin-bottom: -18px;
}

.filter-row-or.visible {
  visibility: visible;
}

.filter-popup-area .combo-popup-table {
  width: 100%;
}

.filter-lke-chip {
  border: solid 1px rgb(213, 212, 207);
  display: inline-block;
  margin: 2px;
  height: auto;
  padding: 4px;
  background-color: #FFFFFF;
  border-radius: 3px;
}

.filter-lke-chip:hover {
  background-color: rgb(243, 243, 241);
}

.filter-lke-chip IMG {
  vertical-align: -2px;
  cursor: pointer;
  margin-left: 4px;
}

.filter-popup-area .combo-td-multi {
  padding: 8px;
  color: #FFFFFF;
  text-align: left;
}
.filter-popup-area .combo-option.combo-option-disabled .combo-td-multi {
  color: #000000;
}

.filter-row-container {
  margin-left: 5px;
  margin-right: 5px;
}

.filter-row-container select:nth-child(-n+1){
  margin-top: 0px;
}

.filter-row-filter.row-line {
  line-height: 10px;
  padding: 5px 0px;
  padding-left: 11px;
}

.filter-row-filter.row-line:hover, .filter-popup-area tr.combo-option:hover {
  background-color: rgb(243, 243, 241) !important;
}

.filter-row-filter select {
  width: 125px;
  height: 30px;
  border: none;
  border-bottom: 1px solid #efefef;
}

.filter-row-or.visible + select {
  margin-top:10px;
}

.filter-row-filter input {
  width: 187px;
  height: 26px;
  border: none;
  border-bottom: 1px solid #efefef;
  margin-left: 10px;
  padding-left: 4px;
  padding-right: 4px;
}

.filter-row-filter input.filter-date{
  padding-right: 20px;
}

.filter-row-filter input:focus {
  border-bottom: 1px solid #6899BB;
}

.filter-row-filter input.filter-mid-input {
  width: 76px;
}

.filter-row-filter input.filter-mid-input:not(.filter-date) {
  width: 82px;
}

input.filter-mid-input + input.filter-mid-input {
  margin-left: 26px;
}

input.filter-mid-input + input.filter-mid-input:not(.filter-date) {
  margin-left: 10px;
}

.filter-row-filter input[type=radio], .filter-row-filter input[type=checkbox] {
  width: 16px;
}

.filter-row-filter input[type=search], .filter-row-filter input.filter-search-input {
  width: calc(100% - 12px);
  margin: 6px;
  height: 25px;
}

.filter-row-filter.search-line {
  padding: 5px;
}

.filter-row-filter.search-line:hover {
  background-color: #FFFFFF;
}

.filter-popup-area .combo-option-check {
  height: 16px;
  width: 16px;
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
}

.filter-popup-area .combo-popup-table .combo-option {
  height: 33px;
  padding-left: 26px;
}

.filter-row-filter label {
  height: 19px;
  vertical-align: 5px;
  margin-left: 5px;
}

.filter-row-filter img {
  cursor: pointer;
  margin-bottom: -3px;
  margin-left: -20px;
  width: auto;
  height: auto;
}

.filter-row-filter img.filter-delete-img {
  float: right;
  margin-top: -16px;
  margin-right: -12px;
  border-radius: 100%;
  background-color: #FFFFFF;
}

.filter-row-filter.check-line > label {
  vertical-align: 2px;
}

.filter-row-filter.check-line {
  display: inline-block;
  min-width: 105px;
  padding: 10px;
}

.filter-row-filter.check-line + .filter-row-filter.check-line {
  margin-left: 70px;
}

.filter-common-controls .filter-row-filter {
  line-height: 10px;
  cursor: pointer;
}

.filter-row-filter img.filter-common-ctrl {
  width: 16px;
  height: 16px;
  vertical-align: 2px;
  margin-left: 0px;
}

.filter-footer-area {
  padding: 0px;
}

.filter-footer-area button {
  width: 50%;
  cursor: pointer;
  padding: 10px;
  height: 36px;
}

.filter-ok-button {
  float: left;
  background-color: #6899BB;
  border: 1px solid #6899BB;
  color: #FFFFFF;
  border-radius: 0px;
}

.filter-ok-button:hover {
  background-color: #80b0d1;
  border: 1px solid #80b0d1;
  border-top: solid 1px #6899BB;
  border-radius: 0px;
}

.filter-clear-button {
  float: right;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-top: solid 1px #CCCCCC;
  color: #000000;
  border-radius: 0px;
}

.filter-clear-button:hover {
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
  border-top: 1px solid #8A9399;
  border-radius: 0px;
}