/*
 * Layout Standard
**/

/*
 * Inizializza Stili - normalizza browser
 * box-sizing: border-box;
**/
   * {
      margin : 0;
      padding: 0;
     }

   /* normalizza margin e padding */
   button,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td, tbody, label, tr
   {
	  margin: 0;
	  padding: 0;
   }

	input, select, textarea, button {
        font-family:inherit;
		font-weight:inherit;
	}
    
    .monospace {
        font-family:monospace;
	}

   /* normalizza font-size per headers */
   h1,h2,h3,h4,h5,h6 {
      font-size: 100%;
   }

   /* rimuovi list-style per le liste */
   ol,ul {
	  list-style: none;
   }

   div.richeditor ol {
      display: block;
      list-style-type: decimal;
      margin: 1em;
      padding: 1em;
      font-size: 1em;
   }


   div.richeditor ul {
      display: block;
      list-style-type: disc;
      margin: 1em;
      padding: 1em;
      font-size: 1em;
   }

   div.richeditor h1 {
      font-size: 2em;
      font-weight :bold;
   }

   div.richeditor h2 {
      font-size: 1.5em;
      font-weight :bold;
   }

   div.richeditor h3 {
      font-size: 1.10em;
      font-weight :bold;
   }

   /* normalizza font style e weight a normal */
   address,caption,cite,code,dfn,em,strong,th,var {
  	  font-style: normal;
	  font-weight: normal;
   }

   /* Rimuovi bordi per fieldset e img */
   fieldset,img {
	  border: 0;
   }

   /* rimuovi quotatino marks da q */
   q:before,q:after {
	  content: '';
   }

/*
 * Imposta macro struttura
**/
   /* html */
   html {
	  font-size : 100%;
	  text-align: center;
	  background-color: white;
   	  width: 100%;
   	  height: 100%;

   }

   div:not(.frmcnrtlb).waitload * {
  		cursor: wait;
   }

   /* body */
   body {
	  position: absolute;
	  top: 0%;
	  left: 0%;
	  width: 100%;
	  height: 100%;
	  text-align: left;
	  font-family: Helvetica, Arial, sans-serif;
	  font-size: 10px;
	  overflow: auto;

   }


   /* application */
   #application {
	  position: absolute;
	  top: 0%;
	  left: 0.5%;
	  width: 99%;
	  height: 99.5%;
	  margin: 0.1em;
	  font-size: 1em;
	  overflow: hidden;
	  border-radius: 10px;
   }

   /* service area */
   .hsa {
	  display: none;
   }

   /* BrandArea div */
   #brandArea {
	  position: absolute;
	  top: 0%;
	  left: 0%;
	  height: 99.5%;
	  width: 99.5%;
	  background-color: whitesmoke;
	  border-radius : 10px;
	  border : medium outset white;

   }

   #brandArea.extenddesktoparea {
	  background-color: whitesmoke;
	  border-radius : 10px;
	  border : medium none white;

   }

   /* desktop Area */
   #logo {
  	  position: absolute;
	  bottom: 0%;
	  left: 2%;
	  height: 3%;
	  background-color: lightgrey;
	  border-bottom-left-radius: 0.5em;
	  border-bottom-right-radius: 0.5em;
	  font-size: 1.4em;
	  border : thin none white;

	  text-shadow: none;
	  color: #414141;
   }

   #brandArea.extenddesktoparea #logo {
      display: none;
   }


   /* brandArea description */
   #geatext {
	  text-align: left;
/*	  text-shadow: rgba(49, 79, 79, 0.7) 0.1em 0.1em 4px; */
/*	  color: white; */
   }
   #logoimg {
      float: left;
	  height: 1.5em;
	  width: 1.5em;
  	  margin-left: 0.5em;
  	  margin-right:0.2em;
   }


   /* desktop Area */
   #deskTopArea {
  	  position: absolute;
	  top: 4.5%;
	  left: 0.6%;
	  height: 91.5%;
	  width: 98.4%;
border: thin solid lightgrey;
	  border-radius: 10px;
	  font-size: 1em;

   }

   #deskTopArea.extenddesktoparea {
  	  position: absolute;
	  top: 4.5%;
	  left: 0.6%;
	  height: 95.0%;
	  width: 98.2%;
      background-color: transparent;
	  border-radius: 10px;
	  font-size: 1em;

   }


      /* desktop Area Change*/
   #deskTopAreaBtn {
  	  position: absolute;
	  top: 29.15%;
	  left: 98.7%;
	  height: 42.4%;
	  width: 1.2%;
      background-color: transparent;
	  border-top-left-radius: 7px;
	  border-bottom-left-radius: 7px;
	  border-top: 1px solid grey;
	  border-left: 1px solid grey;
	  border-bottom: 1px solid grey;
	  border-right: 1px none grey;
	  font-size: 1em;
      z-index: 10000;
   }

   /* desktop Toolbar*/
   #deskTopToolbar {
  	  float: left;
	  height: 3.5em;
	  width: 5.5em;
	  border-radius: 5px;
	  border: thin none lightgrey;
	  font-size: 1em;
      z-index: 10000;
      background-color: transparent;
   	  background-image: url(../img/gea/unico/bt_desktop_toolbar.png);
   	  background-position: center;
	  background-size : contain;


   }

         /* message to read */
    #deskTopToolbar.msgtoread {
	     background-color: red;
   	     color : black;
      }

   /* desktop Area Change*/
   #deskTopAreaChg {
  	  float: left;
	  height: 3.5em;
	  width: 5.5em;
	  border-radius: 5px;
	  border: thin none lightgrey;
	  font-size: 1em;
      z-index: 10000;
      background-color: transparent;
   	  background-position: center;
	  background-size : contain;

   }

   .deskTopAreaChgExpand {
   	  background-image: url(../img/gea/unico/bt_desktop_expand.png);
   }
   .deskTopAreaChgCollapse {
   	  background-image: url(../img/gea/unico/bt_desktop_collapse.png);
   }

      /* desktop Area Change*/
   #deskTopFullscreen {
  	  float: left;
	  height: 3.5em;
	  width: 5.5em;
	  border-radius: 5px;
	  border: thin none lightgrey;
	  font-size: 1em;
      z-index: 10000;
      background-color: transparent;
   	  background-position: center;
	  background-size : contain;

   }

   .deskTopFullscreenExpand {
   	  background-image: url(../img/gea/unico/bt_fullscreen.png);
   }
   .deskTopFullscreenCollapse {
   	  background-image: url(../img/gea/unico/bt_fullscreen_close.png);
   }

   /* desktop Zoom Form */
   #deskTopZomFrm {
  	  position: absolute;
	  top: 61.2%;
	  left: 98.9%;
	  height: 5%;
	  width: 1%;
      background-color: #6A88C1;
	  border-radius: 5px;
	  border: thin none lightgrey;
	  font-size: 1em;
	  color: white;
	  font-weight: bold;
      z-index: 10000;
      box-shadow: inset -5px -10px 6px rgba(25, 25, 112, 0.2);
   }

   /* desktop Resize Form */
   #deskTopRszFrm {
  	  position: absolute;
	  top: 66.4%;
	  left: 98.9%;
	  height: 5%;
	  width: 1%;
      background-color: #6A88C1;
      border-radius: 5px;
	  border: thin none lightgrey;
	  font-size: 1em;
	  font-weight: bold;
	  color: white;
      z-index: 10000;
      box-shadow: inset -5px -10px 6px rgba(25, 25, 112, 0.2);
   }

   /* content Area */
   #content {
 	  position: absolute;
	  top: 0%;
	  left: 0%;
	  height: 100%;
	  width: 100%;
	  border-radius: 10px;
	  font-size: 1.2em;

   }
   p.content {
 	  position: absolute;
	  top: 40%;
	  left: 32%;
	  font-size: 5em;
	  color: whitesmoke;
	  text-shadow: rgba(49, 79, 79, 0.7) 0.1em 0.1em 4px;
      -webkit-transform: skew(-10deg, -10deg);
      -moz-transform: skew(-10deg, -10deg);
      -webkit-box-reflect: below 10px
                          -webkit-gradient(linear, left top, left bottom,
                          from(transparent), to(rgba(255, 255, 255, 0.32)));

   }
   /* tabs applicazioni aperte */
   #dktapp {
	   position : absolute;
	   top : 0.5%;
	   left : 1.5%;
	   width: 80%;
	   height: 4.2%;
	   z-index : 1000;
	   overflow-x: hidden;
	   overflow-y: auto;
   }
   #dktmnu {
	   position : absolute;
	   top : 0.5%;
	   right : 3%;
	   width: 18em;
	   height: 4%;
	   z-index : 10001;
	   background-color: lightgrey;
	   border-top-left-radius: 0.5em;
	   border-top-right-radius: 0.5em;

   }
   #brandArea.extenddesktoparea #dktapp {
      top : 0.3%;
   }

   /* desktop Area */
   #dkttime {
  	  position: absolute;
	  bottom: 0%;
	  right: 2%;
	  height: 3%;
	  width: 15%;
	  background-color: lightgrey;
	  border-bottom-left-radius: 0.5em;
	  border-bottom-right-radius: 0.5em;
	  font-size: 1.4em;
	  border : thin none white;
	  color: #414141;
	  text-align: center;
	  vertical-align: middle;

	  text-shadow: none;
   }

   #brandArea.extenddesktoparea #dkttime {
      display: none;
   }

   #dkttimecalendar {
  	  position: absolute;
	  bottom: 4%;
	  right: 1%;
	  padding-top: 0.001em;
	  background-color: #6a88c1;
	  border-radius: 10px;
	  font-size: 1em;
	  border : thin solid lightgrey;
	  color: white;
	  text-align: center;
      box-shadow: rgba(139, 136, 120, 0.7) 0.5em 0.5em 9px;
      z-index : 10000;
   }

   /* Skin setter */
   #skinsetlayout {
  	  position: absolute;
	  bottom: 0%;
	  right: 18.5%;
	  width: 14%;
	  height: 3%;
	  background-color: lightgrey;
	  border-bottom-left-radius: 0.5em;
	  border-bottom-right-radius: 0.5em;
	  font-size: 1.4em;
	  border : thin none white;
	  color: #414141;
	  text-align: center;
      overflow: visible;
	  text-shadow: none;
   }
   #skinset {
  	  position: absolute;
	  top: 0%;
	  left: 0%;
	  width: 100%;
	  height: 100%;

   }

   #brandArea.extenddesktoparea #skinset {
      display: none;
   }


   #skincontainer {
  	  position: absolute;
	  bottom: 4%;
	  right: 18%;
	  width: 15%;
	  padding: 0.001em;
	  background-color: lightgrey;
	  border-radius: 10px;
	  font-size: 1.4em;
	  border : thin solid lightgrey;
	  color: #414141;
	  text-align: center;

      z-index : 10000;
   }


   /* Utility */
   #utility {
  	  position: absolute;
	  bottom: 0%;
	  right: 34%;
	  height: 3%;
	  min-width: 5%;
	  background-color: lightgrey;
	  border-bottom-left-radius: 0.5em;
	  border-bottom-right-radius: 0.5em;
	  font-size: 1.4em;
	  border : thin none white;
	  color: black;
	  text-align: center;

	  vertical-align: middle;

   }
   #brandArea.extenddesktoparea #utility {
      display: none;
   }



/*
 * Inizializza Stili Div
**/
	/* menu di contesto  */
	ul.dynamicmenu {
	    box-shadow: rgba(139, 136, 120, 0.5) 0em 0em 2px 2px;
	}

   /*
    * Toolbar
   **/
      div.frmcnrtlb {
	     position: absolute;
	     top: 0%;
	     right: 0%;
	     width: 35em;
   		 height: 40em;
	     border-radius: 10px;
		 background-color: white;
	     font-size : 1.1em;
	     border: thin solid lightgrey;

	     z-index: 10000;
      }

   /*   div#deskTopArea.extenddesktoparea div.frmcnrtlb {
    *  	display: none;
    *  }
    */
      /* panel */
      div.frmpantlb {
         margin: 1em;
	     background-color: transparent;
	     position: absolute;
	     top: 1%;
	     left: 1%;
	     height: 98%;
	     width: 98%;
      }

   /*
    * Connessione
   **/
      /* container */
      div.frmcnrcnn {
	     position: absolute;
	     top: 0%;
	     left: 0%;
	     height: 100%;
	     width: 100%;
	     background-color: transparent;
	     border: thin none lightgrey;
	     border-radius: 5px;

      }
   /*
    * Applicazioni
   **/
     /* container delle applicazioni */
      div.frmcnr {
	     position: absolute;
	     border: thin none lightgrey;
	/*	 background-color: white;   */
		 background-color: rgba(255, 255, 255, 0.5);
    	 border-radius: 10px;
 	     font-size : 1em;
      }
      /* container 100% */
      div.frmcnrfull {
	     position: absolute;
	     top: 0%;
	     left: 0%;
	     height: 100%;
	     width: 100%;
      }
      /* container 85% */
	  div.frmcnr85 {
		 position: absolute;
		 top: 7.5%;
		 left: 7.5%;
		 height: 84.5%;
		 width: 84.8%;
		 font-size : 0.85em;
         box-shadow: rgba(139, 136, 120, 0.7) 0em 0em 10px 10px;
	   }

       /* container 75% */
       div.frmcnr75 {
	      position: absolute;
	      top: 12.5%;
	      left: 12.5%;
	      height: 74.5%;
	      width: 74.8%;
	      font-size : 0.75em;
  	      box-shadow: rgba(139, 136, 120, 0.7) 0em 0em 10px 10px;
       }

       /* container 50% */
       div.frmcnr50 {
	      position: absolute;
	      top: 25%;
		  left: 25%;
	      height: 49.5%;
	      width: 49.8%;
	      font-size : 0.50em;
  	        box-shadow: rgba(139, 136, 120, 0.7) 0em 0em 10px 10px;
       }


       /* distorsione */
       div.frmcnr_skew_left {
       	  -ms-transform: skew(-10deg, -10deg);
       	  -moz-transform: skew(-10deg, -10deg);
       	  -webkit-transform: skew(-10deg, -10deg);
       	  -o-transform: skew(-10deg, -10deg);
       	  transform: skew(-10deg, -10deg);
       }

       div.frmcnr_skew_right {
       }

   /*
    * FORM ERROR
   **/
	/* pannello dei form */
	div.erx {
		/* background-color: transparent; */
		position: absolute;
		top: 2em;
		left: 0%;
		height: 95%;
		width: 100%;
		background-color: white;
	}

   /*
    * FORM
   **/
	/* pannello dei form */
	div.frmpan {
		/* background-color: transparent; */
		position: absolute;
		top: 1%;
		left: 0.5%;
		height: 98%;
		width: 99%;
		background-color: rgba(255, 255, 255, 0);
		overflow: auto;
	}

	/* pannello di protezione */
	div.frmpanprt {
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
		background-color: transparent;
	}

	/* form  */
	form.frm {
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
		background-color: rgb(234,241,246);
		overflow: hidden;
		background-repeat: repeat-x;
		border : thin none #AEC6DD;
		border-radius: 5px;
	}


	/* form windows 50%  */
	form.frmwin {
	    border: thin solid #AEC6DD;
	    border-radius: 9px;
	}

	/* form windows 50%  */
	form.frmwin50 {
		position: absolute;
		top: 25%;
		left: 25%;
		height: 50%;
		width: 50%;
		border: none;
	    border-radius: 9px;
	    box-shadow: lightgrey 0em 0em 3px 3px;
	    overflow: visible;
	}

	/* form windows 75%  */
	form.frmwin75 {
		position: absolute;
		top: 12.5%;
		left: 12.5%;
		height: 75%;
		width: 75%;
		border: none;
	    border-radius: 9px;
	    box-shadow: lightgrey 0em 0em 3px 3px;
	    overflow: visible;
	}

   /*
    * HHD HEADER FORM
   **/
     /* hhd header programma */
     div.hhd {
	    position: absolute;
	    top : 0%;
		left: 0%;
		color: white;
		width: 100%;
		height: 2em;
     	border-top: none;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-weight: bold;
		font-size: 1em;
		background-color: rgb(174,198,221);


	 }

     /* hhd header programma LEFT */
     div.hhdleft {
    	height : 100%;
	    float : left;
     }

     /* hhd header programma RIGHT */
     div.hhdright {
     	float : right;
	  	height: 99%;
		background-color : #5486b8;
	  	padding-left: 0.5em;
	  	padding-right : 0;
	  	border-bottom-left-radius: 0.9em;
	  	border-bottom-right-radius: 0;
	  	border-left: thin inset whitesmoke;
	  	border-bottom: none;
	  	min-width: 0.5em;

     }

   /*
    * CAPTION DIV
   **/
     /* caption left div  */
	  div.captionleft {
		float : left;
	  	height: 100%;

	  }

      /* caption right div  */
	  div.captionright  {
		float : right;
	  	height: 99%;
		background-color : #91b8db;
	  	padding-left: 0.5em;
	  	padding-right : 0;
	  	border-bottom-left-radius: 0.9em;
	  	border-bottom-right-radius: 0;
	  	border-left: thin inset white;
	  	border-bottom: thin inset whitesmoke;
	  	min-width: 0.5em;
	  }


	  /* footer  */
	  div.footer  {
	    position: absolute;
	    bottom: -2em;
	    left: 0%;
	  	height: 2em;
	  	border-bottom: thin solid darkgrey;
	  	width: 100%;
	  	overflow: hidden;
	  }
	  /* footer right  */
	  div.footerright  {
	    float: right;
	  	height: 2em;
		background-color : darkgrey;
	  	padding-left: 0.5em;
	  	padding-top : 0.3em;
	  	border-top-left-radius: 0.9em;
	  	min-width: 0.5em;
	  }




    /*
     * HTX : Tabs
    **/
      /* htx container tabs  */
	  .htx {
		 border-radius: 0;
		 border: thin none #CADDEE;
		 background-color: transparent;
	  }

	 /* htxbar barra tabs */
     .htxbar {
		color: navy;
		height: 2em;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
		background-color: transparent;
        margin-bottom:0.2em;

	 }

      /* pannello singolo tab */
      div.htxdiv {
	     background-color: transparent;
	     position: absolute;
	     top: 2.2em;
	     left: 1%;
	     height: 91%;
	     width: 98%;
	     font-size: 1em;
	     border : thin none whitesmoke;
      }

      /* pannello singolo tab */
      div.tabs {
	     background-color: transparent;
	     position: absolute;
	     top: 6%;
	     left: 0%;
	     height: 93%;
	     width: 99.3%;
	     font-size: 1em;
      }

    /*
     * HCX : PANNELLI chart
    **/
      /* hcx container chart  */
	  div.hcx {
  		 border-radius: 5px;
		 border: thin solid lightgrey;
	  }


    /*
     * HFX/HBX : PANNELLI APPLICAZIONE
    **/

      /* hbx box generico  */
	  div.hbx {
		 border-radius: 5px;
		 border: thin solid lightgrey;
	  }

      /* hbxinput box generico  */
	  div.hbxinput {
		 border-radius: 10px;
		 border: thin solid lightgrey;
		 background-color: white;
	  }


      /* hfx container table */
	  div.hfx {
	     margin-top: 0.0em;
		 padding: 0.0em;
		 border-radius: 0;
		 border: thin none lightgrey;
		 background-color: transparent;

	  }

	  div.hfxevidence {
	     margin-top: 0.0em;
		 padding: 0.0em;
		 border-radius: 5px;
		 border: thin none lightgrey;
		 background-color: #fffee8;

	  }




      /* hfx container table 1 row  */
	  .hfxheader {
	     margin-top: 0.0em;
		 padding: 0.0em;
		 border-radius: 0;
		 border: thin none lightgrey;
		 background-color:rgb(234,241,246);
	  }

    /*
     * HAX : ACCORDITION
    **/
      /* hax container accordition  */
	  div.hax {
		 border: thin solid lightgrey;
		 background-color: transparent;
	  }

	  div.haxdiv {
	    float : left;
	    width : 99.3%;
	    height : 50%;
      }
   /**
	*  HOX overflow area
   **/
	 /* hox : overflow auto area */
	 div.hox {
		position: absolute;
		top: 05%;
		left: 21%;
		width: 40%;
		height: 92%;
		margin-top: 0.1em;
		margin-left: 0.1em;
		padding: 0.001em;
		overflow: auto;
		background-color: transparent;
		border: 0;
	 }

   /**
	*  HPX splitter
   **/
	 /* hpx : splitter */
	 div.hpx {
		position: absolute;
		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
		margin-top: 0.1em;
		margin-left: 0.1em;
		overflow: hidden;
		background-color: transparent;
		border: 0;
	 }
	 /* splitleft : splitter left*/
	 div.splitleft {
		position: absolute;
		top: 0%;
		left: 0%;
		width: 50%;
		height: 100%;
		overflow: hidden;
		background-color: white;
		border-right: medium solid lightgrey;
	 }
	 /* splitright : splitter right*/
	 div.splitright {
		position: absolute;
		top: 0%;
		left: 50%;
		width: 50%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
		border: 0;
	 }


   /**
	*  HSX GRID
   **/
	 /* hsx : scrollbar container */
	 div.hsx {
		position: absolute;
		top: 05%;
		left: 21%;
		width: 40%;
		height: 92%;
		margin-top: 0.0em;
		margin-left: 0.0em;
		padding: 0.001em;
		overflow: visible;
		background-color: rgb(234,241,246);
		border-radius: 0;

	 }

	 /* hsgx : area dati grid  */
	 div.hsgx {
		overflow: hidden;
		background-color: transparent;
		border-radius: 0;
        position : absolute;
        top : 0%;
        left : 0%;
        width : 100%;
        height : 100%;
        overflow : hidden;
	 }

     /* hgx : area dati gid : no scrollbar */
	 div.hgx {
		margin-top: 0.1em;
		padding: 0.001em;
		overflow: hidden;
		background-color: transparent;
		border-radius: 0;
        position : absolute;
        top : 0%;
        left : 0%;
        margin-left : 0%;
        width : 100%;
        height : 99%;
        overflow : hidden;
	 }


     /* vertical scrollbar */
	 div.hsxvs {
		position: absolute;
		top: 11%;
		right: 0.38em;
		height: 83%;
        overflow-x : hidden;
        overflow-y : auto;
        width : 18px;
        border : 0;
	 }
	 div.hsxvsdim {
        position : absolute;
        top : 0%;
        left : 0%;
        width : 18px;
        height : 100%;
        min-height: 1px;
	 }

     /* horizontal scrollbar  */
	 div.hsxos {
		position: absolute;
		bottom: 0.38em;
		left: 3%;
		width: 90%;
        overflow-y : hidden;
        overflow-x : auto;
        height : 18px;
        border : none;
	 	border-top: thin solid #91b8db;
	 }
	 div.hsxosdim {
        position : absolute;
        top : 0%;
        left : 0%;
        width : 100%;
        height : 18px;
	 }


   /*
    * CONTAINER GRAFICI
   **/
      /* container */
      div.frmcnrgraph {
	     position: absolute;
	     top: 50%;
	     left: 10%;
	     height: 50%;
	     width: 50%;
		 background-color: rgb(234,241,246);
	     border: thin solid lightgrey;
	     border-radius: 5px;
      }


   /*
    * messaggi engine
   **/
      /* container */
      div.hmx {
	     position: absolute;
	     top: 2em;
	     left: 0%;
	     height: 100%;
	     width: 100%;
		 background-color: rgba(255,255,255,0.5);
	     overflow : visible;
	     z-index : 10;
      }
      div.hmxbox {
	     height: 50%;
	     width: 50%;
	     min-height : 140px;
	     min-width : 240px;
	     max-height : 200px;
	     max-width : 480px;
	     background-color : whitesmoke;
	     border : medium solid lightgrey;
	     border-radius: 5px;
	     font-size : 1.2em;
	     overflow : visible;
	     margin: auto;
	     padding: 1%;
      }
      div.hmxmsg {
	     height: 90%;
	     width: 100%;
	      background-color: white;
	     border-radius: 5px;
	     overflow : auto;
      }

      div.hmxmsgtxt {
	    min-height: 60%;
      }

      div.hmxlvl {
      	 width: 100%;
      	 height: 1.5em;
      	 background-color : whitesmoke;
      }

      div.hmxlvlright {
      	float: right;
      	font-style: italic;
      }

      div.hmxlvlleft {
      	float: left;
      }

      div.hmxact {
        border-top:thin solid lightgrey;
      }

      div.hmxbar {
	     width: 100%;
	     border-radius: 10px;
      }



/*
 * TABLE
**/
     /* table */
	table {
		border-collapse: collapse;
		border-spacing: 0;
		white-space: nowrap
	}

     /* caption */
     caption {
	   text-align: left;
     }


   /*
 	* TABLE GRID
   **/
	 /* hgxtbl : table grid */
	 table.hgxtbl {
	   position: absolute;
	   top: 0%;
	   left: 0%;
   	   font-size: 1em;
   	   table-layout : fixed;

	 }

	 table.bordergrid td, table.bordergrid th {
		border-right : thin inset #CADDEE;
	 	border-bottom : thin inset #CADDEE;
	 }

	 /* h1x caption */
	 caption.h1x {
		color: navy;
		height: 2em;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		background-color: rgb(202,221,238);

        margin-bottom:0.2em;
        overflow : visible;
		border-top: thin solid #91b8db;
		overflow: visible;
	 }
	 caption.h1xlight {
		color: navy;
		height: 2em;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		background-color: rgb(218,232,243);

        margin-bottom:0.2em;
		border-top: thin solid #91b8db;
		overflow: visible;
	 }
	 caption.h1xevidence {
		color: navy;
		height: 2em;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		background-color: rgb(253,245,183);

        margin-bottom:0.2em;
        overflow : hidden;
	 	border-top: none;
	 }


	 /* hfx caption */
	 caption.hfxcaption {
		color: navy;
		height: 2em;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		background-color: rgb(202,221,238);

        margin-bottom:0.2em;
        vertical-align: middle;
	 	border-top: thin solid #91b8db;
	 	overflow: visible;
	 }
	 caption.hfxcaptionlight {
		color: navy;
		height: 2em;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		background-color: rgb(218,232,243);

        margin-bottom:0.2em;
		border-top: thin solid #91b8db;
		overflow: visible;
        vertical-align: middle;
	 }

	 caption.hfxcaptionheader {
		color: navy;
		height: 2em;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
		background-color: rgb(174,198,221);
        margin-bottom:0.2em;
        overflow : visible;
	 	border-top: none;
	 }

	 caption.hfxcaptionevidence {
		color: navy;
		height: 2em;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
		background-color: rgb(253,245,183);
        margin-bottom:0.2em;
        overflow : hidden;
	 	border-top: none;

	 }

	 /* hfx caption */
	 div.hfxcaption {
		color: navy;
		height: 2em;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
		background-color: rgb(202,221,238);
        margin-bottom:0.2em;
        overflow : hidden;
        vertical-align: middle;
		width : 100%;
	 }

	 /* Thead */
	thead.bordertop {
		border-top : thin solid #CADDEE;
	}

	 table.hgxtbl thead {
	    position: absolute;
	    top: 2em;
	    height: 4em;
	    text-align: left;
		color: navy;
		font-size: 1em;
	 }

    table.hgxtbl thead{
		background-color: whitesmoke;
    }


     /* th header columns cell */
     th {
	    text-align: left;
     }

     /* drag column*/
     th.dragcol {
		width : 100%;
		height: 100%;
	 }

     /* Tbody */

	 table.hgxtbl tbody {
	    position: absolute;
	    top: 6em;
		border-top : thin none #CADDEE;
		border-bottom : thin none #CADDEE;
		background-color : #f5f8fb;
	 }

	 table.hgxtblevidence tbody {
	    position: absolute;
	    top: 6em;
		border-top : thin none #CADDEE;
		border-bottom : thin none #CADDEE;
		background-color : #fffee8;
	 }

	 table.hgxtbl tbody.bordertop {
	   border-top : thin solid #CADDEE;
	 }


     /* Tbody righe alternate */
	 div.hgx tbody tr:not(.TbodyRowZebra):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr), div.hsgx tbody tr:not(.TbodyRowZebra):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr){
		background-color: white;
	 }

     /* Tbody righe alternate */
	 div.hgx tbody:not(.nozebra) tr:nth-child(even):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr) {
		background-color: whitesmoke;
	 }
	 /* Tbody righe alternate */
	 div.hsgx tbody:not(.nozebra) tr:nth-child(even):not(.TbodyRowEvidence):not(.bkgevatt):not(.bkgeverr) {
		background-color: whitesmoke;
	 }

	 .TbodyRowEvidence {
		background-color: rgb(202,221,238);
	 }
	 .TbodyRowZebra:not(.TbodyRowEvidence) {
		background-color: whitesmoke;
	 }

     /* Tfoot */
     table.hgxtbl tfoot {
	    position: absolute;
     	bottom: 2em;
     	height: 2em;
	    text-align: left;
		font-size: 1em;
     	background-color: rgb(202,221,238);
	}


	table.hgxtbl tfoot.light {
		background-color: rgb(218,232,243);
	}

	 tr, td, th{
	    line-height : 1.7em;
	    height : 1.1em;
	 }
	 table.line01 td, th{line-height : 1.7em;}

	 tr.underline {border-bottom: thin solid #CADDEE}


/*
 * UL ELENCHI
**/
   /*
    * TOOLBAR
   **/
      /* lista */
      ul.tlbbtnlst {
		 position: absolute;
      	 top: 0%;
      	 left: 0%;
	     font-size: 1.3em;

      }

      /* opzioni */
      ul.tlbbtnlst li {
	     display: block;
      }

   /*
    * TABS
   **/
      /* tabs button list */
      ul.htxbtnlst {
	     position: absolute;
	     top: 0%;
	     left: 0.5%;
	     color: navy;
	     text-align: center;
	     font-size: 1em;
         display: inline;
      }

      /* tabs button display in line */
      ul.htxbtnlst li {
	     display: inline;
      }

   /*
    * HHD HEADER FORM
   **/
      /* hhd button list */
      ul.hhdbtnlst {
	     float: right;
	     color: navy;
	     text-align: center;
	     font-size: 1em;
      }

      /* hhd button list option */
      ul.hhdbtnlst li {
	     display: inline;
      }

   /*
    * CAPTION
   **/
      /* caption button list */
      ul.h1xbtnlst {
	     float: right;
	     color: navy;
	     text-align: center;
	     font-size: 1em;
      }

      /* caption button list option */
      ul.h1xbtnlst li {
	     display: inline;
      }


/*
 * BUTTON
**/
button {
	margin-right: 0.4em;
	background-repeat: no-repeat;
	border-left: 0;
	border-top: 0;
	border-right: thin solid #E4E4E4;
	font-size: 1em;
	cursor:pointer;
}

   /*
    * ACCORDITION
   **/
	button.accbtn {
	   float : left;
	   width  : 100%;
	   background-color: #CADDEE;
	   border-radius: 0;
	}
   /*
    * TOOLBAR
   **/
      /* opzioni */
      button.tlbbtn {
	     background-color: transparent;
	     font-size:1em;
	     color : black;
	     margin: 0;
	     margin-top: 0.5em;
	     margin-left: 0.5em;
	     width:10em;
	     height: 5em;
	     border: thin solid lightgrey;
	     background:url(img/gea/unico/bt_logout.png);
	     background-position: center left;
	     background-size : 5em 5em;
	     background-repeat: no-repeat;
	     padding-left: 4em
      }

      /* message to read */
      button.msgtoread {
	     background-color: red;
   	     color : black;
      }

   /*
    * Application Content
   **/
      /* Tabs application  */
      button.appbtn {
         font-size : 1.10em;
	     border : thin none rgb(48,79,149);
	     border-top-left-radius: 0.5em;
	     border-top-right-radius: 0.5em;
	     color : whitesmoke;
		 background-color: transparent;
         height : 96%;
         margin : 0px;
         padding-right : 1em;
         padding-left: 1.6em;
         color : black;
      }

      div#brandArea.extenddesktoparea button.appbtn {
         height : 2.50em;
      }

      /* Active tab */
      button.appbtnopn {
		background-color: white;
        color : black;
      	height : 100%;
      	border: thin solid lightgrey;
      	border-bottom: medium solid white;
      }

   /*
    * FORM BUTTON
   **/
      /* form button  div */
      button.frmbtntxtleftico {
      	 background-color: #CADDEE;
		 border-radius: 6px;
		 height : 1.6em;
 		 font-size: 1em;
         border : thin outset whitesmoke;
         padding-right : 1em;
         padding-left: 1em;
         color: navy;
         vertical-align : top;
         text-align : right;
	     background-image: url(../img/gea/unico/bt_left.png);
	     background-position: left;
		 background-size : 1.5em 1.5em;
      }
      button.frmbtntxtopnico {
      	 background-color: #CADDEE;
		 border-radius: 6px;
		 height : 1.6em;
 		 font-size: 1em;
         border : thin outset whitesmoke;
         padding-right : 1em;
         padding-left: 1em;
         color: navy;
         vertical-align : top;
         text-align : right;
	     background-image: url(../img/gea/unico/bt_open.png);
	     background-position: left;
		 background-size : 1.5em 1.5em;
      }
      button.frmbtntxtrightico {
      	 background-color: #CADDEE;
		 border-radius: 6px;
		 height : 1.6em;
 		 font-size: 1em;
         border : thin outset whitesmoke;
         padding-right : 1em;
         padding-left: 1em;
         color: navy;
         vertical-align : top;
         text-align : left;
	     background-image: url(../img/gea/unico/bt_right.png);
	     background-position: right;
		 background-size : 1.5em 1.5em;
      }
      /* form button  text */
	  button.frmbtntxt {
	     background-color: #CADDEE;
		 border-radius: 6px;
		 height : 1.6em;
 		 font-size: 1em;
         border : thin outset whitesmoke;
         padding-right : 5px;
         padding-left: 5px;
         color: navy;
         vertical-align : top;
         text-align : center;
	  }
  	  button.frmbtntxt3d {
		 background-color : #aec6dd;
	     background: linear-gradient(to bottom, #aec6dd 1%, #DFEAF1 99%);
	  }
  	  button.frmbtntxt3dheavy {
		 background-color : #aec6dd;
	     background: linear-gradient(to bottom, #aec6dd 1%, whitesmoke 99%);
	  }

	  button.frmbtntxt:disabled {
	     background-color: transparent;
	     border-radius: 6px;
             border : thin outset whitesmoke;
             color: grey;
	  }

      /* form button  text for td (celle) */
	  button.frmbtntxttd {
	     background-color: #CADDEE;
		 border-radius: 10px;
		 height : 1.5em;
		 width : 1.5em;
 		 font-size: 1em;
         border : thin outset whitesmoke;
         color: navy;
         vertical-align : top;
         text-align : center;
	  }

	  button.frmbtntxttd:disabled {
	     background-color: transparent;
	     border-radius: 6px;
             border : thin outset whitesmoke;
             color: grey;
	  }
      /* form button  */
	  button.frmbtn {
	   background-color: transparent;
		 border-radius: 5px;
		 border: thin solid grey;
		 width : 1.5em;
		 height : 1.5em;
		 background-position: center;
		 background-size : contain;
 		 font-size: 1em;
	  	 vertical-align: middle;
	  }

	  /* submit  */
	  button.frmbtnsbm {
      }
      


   /*
    * CAPTION BUTTON
   **/
     button.h1xbtn {
	 }

   /*
    * TABS BUTTON
   **/
	  /* tabs button */
	  button.frmbtntab {
		 background-color: #6a88c1;
		 border: 0;
		 height : 1.74em;
	     border-top-left-radius: 3px;
	     border-top-right-radius: 20px;
         color : white;
         padding-right : 1em;
         padding-left : 0.5em;
         min-width : 5em;
         margin-right : 0;
         border-bottom : 0;
         margin-top : 0.3em;

	  }

      /* tabs button open*/
	  button.frmbtntabopen {
  		 background-color: white;
  		 color : black;
  		 border-bottom : 0;
  		 font-weight : bold;

	  }

   /*
    * HEADER BUTTON
   **/
      /* header button*/
      button.hhdbtn {
	     background-color: transparent;
		 border-radius: 5px;
		 border: 0;
		 width : 1.6em;
		 height : 1.6em;
		 background-position: center;
		 background-size : cover;
		 font-size: 1em;
		 margin-top : 1px;
	  }

      /* submit invio  */
      button.frmbtnsbminvio {
         border : thin outset whitesmoke;
         width : 4em;
         background-size : 1.4em 1.4em;
	     border-radius: 10px;
	     background-color: #CADDEE;
      	 background-image: url(../img/gea/unico/bt_enter_green.png);

      }

      /* submit invio short */
      button.frmbtnsbminvioshort {
         background-image: url(../img/gea/unico/bt_enter_green.png);
      }

      /* return  */
      button.btnreturn {
         border : thin outset whitesmoke;
         width : 4em;
         background-size : 1.4em 1.4em;
	     border-radius: 10px;
	     background-color: #CADDEE;
      	 background-image: url(../img/gea/unico/bt_return.png);
	  }
	  /* return short */
      button.btnreturnshort {
	     background-image: url(../img/gea/unico/bt_return.png);
	  }

      /* aziende  */
      button.btnazn {
         border : thin outset whitesmoke;
         width : 4em;
         background-size : 1.4em 1.4em;
	     border-radius: 10px;
	     background-color: #CADDEE;
      	 background-image: url(../img/gea/unico/bt_home.png);
	  }


      /* fine programma  */
      button.btnend {
         border : thin outset whitesmoke;
         width : 4em;
         background-size : 1.4em 1.4em;
	     background-image: url(../img/gea/unico/bt_end.png);
	     border-radius: 10px;
	     background-color: #CADDEE;
      }
      /* salva  */
      button.btnsaveform {
         border : thin outset whitesmoke;
         width : 4em;
         background-size : 1.4em 1.4em;
	     background-image: url(../img/gea/unico/bt_sav.png);
	     border-radius: 10px;
	     background-color: #CADDEE;
      }

      /* fine programma  short*/
      button.btnendshort {
	     background-image: url(../img/gea/unico/bt_end.png);
      }

	/*
     * GENERICS BUTTON
    **/

      /* menu portrait */
      button.uni-menu-portrait-btn {
      	background-image: url(../img/gea/unico/bt_menu_portrait.png);
      }
      /* top  */
      button.btntop {
	     background-image: url(../img/gea/unico/bt_top.png);
	  }
	  /* left  */
      button.btnleft {
	     background-image: url(../img/gea/unico/bt_left.png);
	  }
	  button.btnleft:disabled {
	     background-image: none;
	  }
	  /* right  */
      button.btnright {
	     background-image: url(../img/gea/unico/bt_right.png);
	  }
	  /* next  */
      button.btnnext {
	     background-image: url(../img/gea/unico/bt_next.png);
	  }
	  /* previous  */
      button.btnprevious {
	     background-image: url(../img/gea/unico/bt_previous.png);
	  }
	  /* bottom  */
      button.btnbottom {
	     background-image: url(../img/gea/unico/bt_bottom.png);
	  }
	  /* block notes  */
      button.btnblocknotes {
	     background-image: url(../img/gea/unico/bt_blocknotes.png);
	  }
      /* menu principale  */
      button.btnmnu {
	     background-image: url(../img/gea/unico/bt_mnu.png);
	  }

	  /* zoom + */
	  button.btnzom {
		 background-image: url(../img/gea/unico/bt_zoom.png);
	  }

	  /* zoom -  */
	  button.btnzomrsz {
		 background-image: url(../img/gea/unico/bt_zoom_rsz.png);
	  }

      /* drag container */
      button.btndragcnr {
	     background-image: url(../img/gea/unico/bt_drag.png);
      }

      /* zoom container +  */
      button.btnzomcnr {
	     background-image: url(../img/gea/unico/bt_zoom.png);
      }

      /* zoom container -  */
      button.btnzomcnrrsz {
	     background-image: url(../img/gea/unico/bt_zoom_rsz.png);
      }

      /* fine programma  */
      button.btnend {
	     background-image: url(../img/gea/unico/bt_end.png);
      }

	  /* resize  */
	  button.btnrsz {
		background-image: url(../img/gea/unico/bt_rsz.png);
	  }

	  /* new   */
	  button.btnnew {
		background-image: url(../img/gea/unico/bt_new.png);
	  }
      /* green  */
      button.btngreen {
	     background-image: url(../img/gea/unico/bt_green.png);
      }
      /* red  */
      button.btnred {
	     background-image: url(../img/gea/unico/bt_red.png);
      }
      /* yellow  */
      button.btnyellow {
	     background-image: url(../img/gea/unico/bt_yellow.png);
      }
      /* mail open  */
      button.btnmail {
	     background-image: url(../img/gea/unico/bt_mail_open.png);
      }
      /* mail new  */
      button.btnmailnew {
	     background-image: url(../img/gea/unico/bt_mail_new.png);
      }
      /* Open  */
      button.btnopn {
	     background-image: url(../img/gea/unico/bt_open.png);
      }

      /* Shopping card  */
      button.btncart {
         background-image: url(../img/gea/unico/bt_shopping_cart.png);
      }
      
      /* Clock  */
      button.btnclock {
         background-image: url(../img/gea/unico/bt_clock.png);
      }
      
      /* Clessidra  */
      button.btnclessidra {
         background-image: url(../img/gea/unico/bt_clessidra.png);
      }

      /* Cancel  */
      button.btncancel {
         box-shadow:lightgrey 0.15em -0.15em 7px 2px;
	     background-image: url(../img/gea/unico/bt_cancel.png);
	     border-radius: 15px;
		 border: thin none transparent;
		 width : 1.5em;
		 height : 1.5em;
	     position: absolute;
	     top:-0.9em;
	     right:-1.3em;
      }
      /* Open new tab  */
      button.btnopnnewtab {
	     background-image: url(../img/gea/unico/bt_open_newtab.png);
      }
      /* Print  */
      button.btnprint {
	     background-image: url(../img/gea/unico/bt_print.png);
      }
      
      /* Web  */
      button.btnweb {
	     background-image: url(../img/gea/unico/bt_web.png);
      }

      button.frmbtn[disabled]:not(.notopacity) {
	     filter: opacity(40%);
	     -webkit-filter: opacity(40%);
      }
      
      /* Flag ita  */
      button.btnflgita {
	     background-image: url(../img/gea/unico/bt_flgita.png);
         border: none;
      }
      
      /* Flag ung  */
      button.btnflgung {
	     background-image: url(../img/gea/unico/bt_flgung.png);
         border: none;
      }
      
      /* Flag germania  */
      button.btnflgger {
	     background-image: url(../img/gea/unico/bt_flgger.png);
         border: none;
      }      
      
      /* Flag spagna  */
      button.btnflgspa {
	     background-image: url(../img/gea/unico/bt_flgspa.png);
         border: none;
      }
      
      /* Flag bulgaria  */
      button.btnflgbul {
	     background-image: url(../img/gea/unico/bt_flgbul.png);
         border: none;
      }
      
      /* Flag ing  */
      button.btnflging {
	     background-image: url(../img/gea/unico/bt_flging.png);
         border: none;
      }
      
      /* Flag pol  */
      button.btnflgpol {
	     background-image: url(../img/gea/unico/bt_flgpol.png);
         border: none;
      }
      
      /* Flag francia  */
      button.btnflgfra {
	     background-image: url(../img/gea/unico/bt_flgfra.png);
         border: none;
      }

      /* Info  */
      button.btninfo {
	     background-image: url(../img/gea/unico/bt_info.png);
      }

      button.btnsrv {
	     background-image: url(../img/gea/unico/bt_service.png);
      }
      
      button.btnmore {
	     background-image: url(../img/gea/unico/bt_more.png);
      }
      
      button.btnphone {
	     background-image: url(../img/gea/unico/bt_phone.png);
      }

      /* Help  */
      button.btnhelp {
	     background-image: url(../img/gea/unico/bt_help.png);
      }

      button.btnopnpanel {
	     background-image: url(../img/gea/unico/bt_open_white.png);
      }
      button.btnopnpanelright {
	     background-image: url(../img/gea/unico/bt_open_white_right.png);
      }
      button.btnopnpanel[disabled] {
	     background-image: url(../img/gea/unico/bt_open_grey.png);
      }
      button.btnimage {
	     background-image: url(../img/gea/unico/bt_image.png);
      }

      /* Calc  */
      button.btncalc {
	     background-image: url(../img/gea/unico/bt_calc.png);
      }

      /* Filter  */
      button.btnfilter {
	     background-image: url(../img/gea/unico/bt_filter.png);
      }
      /* Home  */
      button.btnhome {
	     background-image: url(../img/gea/unico/bt_home.png);
      }
      /* User  */
      button.btnuser {
	     background-image: url(../img/gea/unico/bt_user.png);
      }
      /* Profile  */
      button.btnprofile {
	     background-image: url(../img/gea/unico/bt_role.png);
      }
      /* Group  */
      button.btngroup {
	     background-image: url(../img/gea/unico/bt_profile.png);
      }
      /* Process  */
      button.btnprc {
	     background-image: url(../img/gea/unico/bt_process.png);
      }
      /* Transaction  */
      button.btntrs {
	     background-image: url(../img/gea/unico/bt_transaction.png);
      }
      /* Branch  */
      button.btnbranch {
	     background-image: url(../img/gea/unico/bt_branch.png);
      }
      /* Psw  */
      button.btnpsw {
	     background-image: url(../img/gea/unico/bt_psw.png);
      }
      /* Release  */
      button.btnrls {
	     background-image: url(../img/gea/unico/bt_rls.png);
      }

      /* Trash  */
      button.btntrash {
	     background-image: url(../img/gea/unico/bt_trash.png);
      }
      /* happy  */
      button.btnhappy {
	     background-image: url(../img/gea/unico/bt_happy.png);
      }
      /* unhappy  */
      button.btnunhappy {
	     background-image: url(../img/gea/unico/bt_unhappy.png);
      }

      /* File  */
      button.btnfile {
	     background-image: url(../img/gea/unico/bt_file.png);
      }

      /* Folder open  */
      button.btnfolderopen {
	     background-image: url(../img/gea/unico/bt_folder_open.png);
      }

      /* Folder  */
      button.btnfolder {
	     background-image: url(../img/gea/unico/bt_folder.png);
       }

      /* File xml  */
      button.btnxml {
	     background-image: url(../img/gea/unico/bt_xml.png);
       }


      /* File pdf  */
      button.btnacrobat {
	     background-image: url(../img/gea/unico/bt_acrobat.png);
       }

       /* File document generico  */
      button.btndocument {
	     background-image: url(../img/gea/unico/bt_document.png);
       }

      /* File doc  */
      button.btndoc {
	     background-image: url(../img/gea/unico/bt_doc.png);
       }

      /* File xls  */
      button.btnxls {
	     background-image: url(../img/gea/unico/bt_xls.png);
       }

      /* File ppt  */
      button.btnppt {
    	background-image: url(../img/gea/unico/bt_ppt.png);
       }


      /* File txt  */
      button.btntxt {
    	background-image: url(../img/gea/unico/bt_text.png);
       }


      /* true  */
      button.btntrue {
	     background-image: url(../img/gea/unico/bt_true.png);
       }

      /* false  */
      button.btnfalse {
	     background-image: url(../img/gea/unico/bt_false.png);
       }

      /* translator  */
      button.btntranslator {
	     background-image: url(../img/gea/unico/bt_translator.png);
       }
      /* maps  */
      button.btnmaps {
	     background-image: url(../img/gea/unico/bt_maps.png);
       }



      /* Grid  */
      button.btngrid {
	     background-image: url(../img/gea/unico/bt_grid.png);
       }
      /* tree Grid  */
      button.btntreegrid {
	     background-image: url(../img/gea/unico/bt_treegrid.png);
       }
      /* link  */
      button.btnlink {
	     background-image: url(../img/gea/unico/bt_link.png);
       }
      /* chart  */
      button.btnchart {
	     background-image: url(../img/gea/unico/bt_chart.png);
       }
      /* textarea  */
      button.btntextarea {
	     background-image: url(../img/gea/unico/bt_textarea.png);
       }
      /* Accordition */
      button.btnaccordition {
	     background-image: url(../img/gea/unico/bt_accordition.png);
       }

      /* Tabs */
      button.btntab {
	     background-image: url(../img/gea/unico/bt_tab.png);
       }


      /* File */
      button.btnfile {
	     background-image: url(../img/gea/unico/bt_file.png);
       }

       /* bottoni form generici  */
       button.btnsav {
 	      background-image: url(../img/gea/unico/bt_sav.png);
       }

       /* undo  */
       button.btnundo {
 	      background-image: url(../img/gea/unico/bt_designer_undo.png);
       }

       /* show hidden  */
       button.btnhidden {
 	      background-image: url(../img/gea/unico/bt_hidden.png);
       }

       /* show hidden  */
       button.btnpanelhidden {
 	      background-image: url(../img/gea/unico/bt_panelhidden.png);
       }

       /* scroll down  */
       button.btndown {
	      background-image: url(../img/gea/unico/bt_down.png);
       }

       /* scroll up  */
       button.btnup {
	      background-image: url(../img/gea/unico/bt_up.png);
       }

       /* action  */
       button.btnact {
	      background-image: url(../img/gea/unico/bt_act.png);
    	  background-size : 70%;
       }

       /* expand  */
       button.btnexp {
	      background-image: url(../img/gea/unico/bt_expand.png);
       }

       /* collapse  */
       button.btncls {
	      background-image: url(../img/gea/unico/bt_collapse.png);
       }

       /* dup  */
       button.btndup {
	      background-image: url(../img/gea/unico/bt_dup.png);
	      background-size : 95%;
       }
       /* add columns  */
       button.btnaddcol {
	      background-image: url(../img/gea/unico/bt_newcol.png);
	      background-size : 95%;
       }
       /* add rows  */
       button.btnaddrow {
	      background-image: url(../img/gea/unico/bt_addrow.png);
	      background-size : 95%;
       }
       /* delete columns  */
       button.btndltcol {
	      background-image: url(../img/gea/unico/bt_delcol.png);
	      background-size : 95%;
       }
       /* database  */
       button.btndbs {
	      background-image: url(../img/gea/unico/bt_dbs.png);
	      background-size : 95%;
       }

       /* stylesheet  */
       button.btncss {
	      background-image: url(../img/gea/unico/bt_css.png);
	      background-size : 95%;
       }

       /* config  */
       button.btncfg {
	      background-image: url(../img/gea/unico/bt_cfg.png);
	      background-size : 95%;
       }
       /* archivio  */
       button.btnarch {
	      background-image: url(../img/gea/unico/bt_archive.png);
	      background-size : 95%;
       }
       /* controllo  */
       button.btncnt {
	      background-image: url(../img/gea/unico/bt_control.png);
	      background-size : 95%;
       }

       /* designer simulazione  */
       button.btnsimulation {
	      background-image: url(../img/gea/unico/bt_simulation.png);
	      background-size : 95%;
       }

       /* designer progettazione  */
       button.btndesign {
	      background-image: url(../img/gea/unico/bt_design.png);
	      background-size : 95%;
       }

       /* choice  */
       button.btnchoice {
	      background-image: url(../img/gea/unico/bt_choice.png);
	      background-size : 95%;
       }
       /* double click default  */

       button.btncl {
	      background-image: url(../img/gea/unico/bt_expand.png);
	      background-size : 95%;
       }

       /* double click default  */
       button.btndc {
	      background-image: url(../img/gea/unico/bt_search.png);
	      background-size : 95%;
       }

       /* right click default  */
       button.btnrc {
	      background-image: url(../img/gea/unico/bt_context_menu.png);
	      background-size : 95%;
       }

       /* space tree view  */
       button.btnspace {
	     background-color: transparent;
		 border-radius: 5px;
		 width : 1.5em;
		 height : 1.5em;
 		 font-size: 1em;
	     background-color: transparent;
	     visibility : hidden;
       	 vertical-align: middle;
       }

       /* refresh  */
       button.btnrefresh {
	      background-image: url(../img/gea/unico/bt_refresh.png);
	      background-size : 95%;
       }
       /* menu  */
       button.btnmenu {
          border : none;
	      background-image: url(../img/gea/unico/bt_desktop_toolbar.png);
	      background-size : 95%;
       }

/* BUTTONS APPLICATIVI    */

	  /* new   */
	  button.btnedit {
		background-image: url(../img/gea/unico/bt_edit.png);
	  }



		/* button action */
		button:disabled {
			background-color: transparent;
			cursor:default;
		}

		button:focus {
			background-color: rgb(253,245,183);
			color : black;
		}
		
	  /* form button  wip */
	  button.trsapr {
	     background-color: yellow;
		 border-radius: 1em;
		 width:1.2em;
		 height:1.2em;
		 border: thin solid black;
	  	 vertical-align: middle;
	  }
	  button.trswip {
	     background-color: orange;
		 border-radius: 1em;
		 width:1.2em;
		 height:1.2em;
		 border: thin solid black;
	  	 vertical-align: middle;
	  }
	  button.trsopr {
	     background-color: lime;
		 border-radius: 1em;
		 width:1.2em;
		 height:1.2em;		 
		 border: thin solid black;
	  	 vertical-align: middle;
	  }
	  button.trswa {
	     background : linear-gradient(to right, orange, 35%, yellow); 
	     border: thin solid black;
		 border-radius: 1em;
		 width:1.2em;
		 height:1.2em;		 
	  	 vertical-align: middle;
	  }
	  button.trsao {
	     background : linear-gradient(to right, yellow, 80%,  lime); 
	     border: thin solid black;
		 border-radius: 1em;
		 width:1.2em;
		 height:1.2em;		 
	  	 vertical-align: middle;
	  }
	  button.trswo {
	     background : linear-gradient(to right, orange, 70%,  lime); 
	     border: thin solid black;
		 border-radius: 1em;
		 width:1.2em;
		 height:1.2em;		 
	  	 vertical-align: middle;
	  }
	  button.trswao {
	     background : linear-gradient(to right, orange, yellow, lime); 
	     border: thin solid black;
		 border-radius: 1em;
		 width:1.2em;
		 height:1.2em;		 
	  	 vertical-align: middle;
	  }


/*
 * SELECT
**/
	select {
	    margin-top : 0;
	    margin-left: 0;
	    margin-bottom : 0;
		margin-right: 0.4em;
		padding: 0;
		border: thin solid #E4E4E4;
		background-color: white;
		font-size: 1em;
		border-radius: 3px;
	}


	/*
 * TR
**/

	tr.borderbottom {
		border-bottom : thin solid #CADDEE;
	}

	tr.borderbottomblind {
		border-bottom : thin solid transparent;
	}

	tr.bordertop {
		border-top : thin solid #CADDEE;
	}


	tr.bordertopblind {
		border-top : thin solid transparent;
	}
/*
 * TD
**/
	td.bordertop, th.bordertop {
		border-top : thin solid #CADDEE;
	}
	td.borderbottom, th.borderbottom  {
		border-bottom : thin solid #CADDEE;
	}
	td.evatt, th.evatt {
		background-color : rgba(255, 215, 0, 0.2);
	}
	td.evok, th.evok {
		background-color : rgba(255, 215, 0, 0.2);
	}
	td.everr, th.everr {
		background-color : rgba(0, 255, 0, 0.2);
	}

	td.borderside, th.borderside {
		border-right : thin solid #CADDEE;
	}
	td.bordersidetransparent, th.bordersidetransparent {
		border-right : thin solid transparent;
  	}

	td.borderbottomtransparent, th.borderbottomtransparent {
		border-bottom : thin solid transparent;
  	}

	tr.bckcolor1 {
		background-color : #aec6dd;
	    background: linear-gradient(to bottom, #aec6dd 1%, #DFEAF1 99%);
	}
	tr.bckcolor2 {
		background-color : #cdddec;
	}
	tbody.collapse1 tr.bckcolor2 {
		background-color : #F5F8FB;
	}
	tr.bckcolor3 {
		background-color : #DFEAF1;
	}

/*
 * INPUT
**/
	input {
		margin-right: 0.4em;
		padding: 0;
		border: thin solid #E4E4E4;
		border-radius: 3px;
		background-color: white;
		font-size: 1em;
	}
	
	input[type="text"] {
		-webkit-appearance: none;
	}
	
  input.gantt {
    margin-right: 0em;
    margin-left: 0em;
    padding: 0;
    border: none;
    border-radius: 0px;
    background-color: white;
    text-align: center;
    font-size: 1em;
    width: 1.5em;
  }
  input.gantthdeven {
    margin-right: 0em;
    margin-left: 0em;
    padding: 0;
    border: none;
    border-radius: 0px;
    background-color: whitesmoke;
    text-align: center;
    font-size: 1em;
    width: 1.5em;
  }
  input.gantthdodd {
    margin-right: 0em;
    margin-left: 0em;
    padding: 0;
    border: none;
    border-radius: 0px;
    background-color: grey;
    color: white;
    text-align: center;
    font-size: 1em;
    width: 1.5em;
  }

	input.clickMenu {
		padding-right: 1em;
    	background: url(../img/gea/unico/bt_collapse.png) no-repeat bottom right white;
		background-size : 1em 1em;
	}
	input.clickAct {
		padding-right: 1em;
    	background: url(../img/gea/unico/bt_act.png) no-repeat bottom right white;
		background-size : 1em 1em;
	}

	input.datepicker {
		margin-right: 0.4em;
	}
    
    input.datepickerNoMargin {
		margin-right: 0em;
	}
    
	input[readonly]:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.evatt):not(.everr):not(.evok) {
		background-color: #f9f9f9;
		border: thin solid transparent;
	}
	
		
    table.hgxtbl tfoot input[readonly]:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.evatt):not(.everr):not(.evok) {
		background-color: white;
	}
	
	
	div.hsx input[readonly]:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.evatt):not(.everr):not(.evok),
	div.hhd input[readonly]:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.evatt):not(.everr):not(.evok),
	caption input[readonly]:not(.gantt):not(.gantthdeven):not(.gantthdodd):not(.label):not(.bkgevatt):not(.bkgeverr):not(.evatt):not(.everr):not(.evok) {
		background-color: transparent;
	}
	div.hsx input[data-xslt="0"].frmbtnsbmdbl, div.hsx input[data-xslt=" 0"].frmbtnsbmdbl  {
		padding-right: 0.8em;
    	background: url(../img/gea/unico/bt_sort_grid_grey.png) no-repeat center right;
		background-size : 0.8em 0.8em;
		margin-right: 0px;
	}
	div.hsx input[data-xslt="A"].frmbtnsbmdbl, div.hsx input[data-xslt=" A"].frmbtnsbmdbl  {
		padding-right: 0.8em;
    	background: url(../img/gea/unico/bt_sort_grid_grey_ascend.png) no-repeat center right;
		background-size : 0.8em 0.8em;
		margin-right: 0px;
	}
	div.hsx input[data-xslt="D"].frmbtnsbmdbl, div.hsx input[data-xslt=" D"].frmbtnsbmdbl  {
		padding-right: 0.8em;
    	background: url(../img/gea/unico/bt_sort_grid_grey_descend.png) no-repeat center right;
		background-size : 0.8em 0.8em;
		margin-right: 0px;
	}
	input[readonly].clickMenu {
		padding-right: 1em;
    	background: url(../img/gea/unico/bt_collapse.png) no-repeat bottom right;
		background-size : 1em 1em;
	}
	input[readonly].clickAct {
		padding-right: 1em;
    	background: url(../img/gea/unico/bt_act.png) no-repeat bottom right;
		background-size : 1em 1em;
	}

	input:disabled {
		background-color: transparent;
		border: thin solid transparent;
	}

    input.label {
	  color: black;
	  font-size: 1em;
	  background-color: transparent;
	  font-style: normal;
    }

    input.labelund {
	  color: black;
	  font-size: 1em;
	  border-bottom : thin solid lightgrey;
	  background-color: transparent;
      border-radius: 0;
    }

    input.labelund01 {
	  color: black;
	  font-size: 1em;
	  border-bottom : thin solid lightgrey;
	  background-color: transparent;
    }
    input.labelundTop {
	  font-size: 1em;
	  border-top : thin solid lightgrey;
	  background-color: transparent;
    }
    input.labelundTop01 {
	  font-size: 1em;
	  border-top : medium solid lightgrey;
	  background-color: transparent;
    }


	input.error {
		background-color: rgb(244,219,215);
	}


	input:type[submit] {
		border: none;
	}

	input.hfxlabel {
	    border-top: 0;
	    border-left:0;
	    border-right: 0;
		border-bottom: thin solid lightgrey;
		background-color: transparent;
	}

	input:focus {
		background-color: rgb(253,245,183);
	}
	input.error:focus {
                outline: rgb(244,219,215) solid medium;
        }
        
    input.clickforsearch {
        color : black;
        background-color: #CADDEE;
    }    


	input[readonly].label {
	  color: black;
	  border: thin solid transparent;
	  background-color: transparent;
	  border-radius: 0;
    }

	input[readonly].labelund {
	  color: black;
	  border: thin solid transparent;
	  border-bottom : thin solid lightgrey;
	  background-color: transparent;
	  border-radius: 0;
    }

	input[readonly].labelund01 {
	  border: thin solid transparent;
	  border-bottom : thin solid lightgrey;
	  background-color: transparent;
	  border-radius: 0;
    }

	input.labelund:disabled {
	  color: grey;
      border: thin solid transparent;
	  border-bottom : thin solid lightgrey;
	  background-color: transparent;
	  border-radius: 0;
    }

	input.labelund01:disabled {
      color: grey;
      border: thin solid transparent;
	  border-bottom : thin solid lightgrey;
	  background-color: transparent;
	  border-radius: 0;
    }


	input[type="checkbox"] {
	    vertical-align: middle;
		width: 1em;
		height: 1em;
	}

	input[type="checkbox"]:focus, input[type="checkbox"].error:focus {
		outline: rgb(253,245,183) solid thick;
	}

	input[type="checkbox"].error {
		outline: rgb(244,219,215) solid medium;
	}

	input[type="checkbox"].error + label {
	   background-color: rgb(244,219,215);
	}

	input[type="radio"] {
	    vertical-align: middle;
		width: 1em;
		height: 1em;
	}

	input[type="radio"]:focus, input[type="checkbox"].error:focus {
		outline: rgb(253,245,183) solid thick;
	}

	input[type="radio"].error {
		outline: rgb(244,219,215) solid medium;
	}

	input[type="radio"].error + label {
	   background-color: rgb(244,219,215);
	}

	input.everr, button.everr  {
		border : thin solid red;
	}

	input.evatt, button.evatt {
		border : thin solid #FFD700;
	}

	input.bkgevatt, button.bkgevatt, select.bkgevatt {
		background-color : rgb(253,245,183);
	}

	input.bkgeverr, button.bkgeverr, select.bkgeverr {
		background-color : rgb(244,219,215);
	}

	input.evok, button.evok {
		border : thin solid lime;
	}

	input.evempty, button.evempty {
		border : thin dashed grey;
	}

	input.obb, button.obb {
		border : thin dashed grey;
	}


/*
 * TEXTAREA
**/
	textarea {
		background-color: white;
		font-size: 1em;
		border : thin solid lightgrey;
		border-radius: 3px;
		overflow : hidden;
		resize: none;
		outline: none;
		box-shadow:none;		
	}
	textarea[readonly] {
		background-color: white;
	}
	textarea:disabled {
		background-color: white;
	}

/*
 * Inizializza Label
**/
label {
	margin-right: 0.4em;
	padding: 0;
	background-color: transparent;
	font-size : 1em;
	font-style: normal;
}

	/* label block */
	label.labelblock {
		display : block;
	}

	/* label block underline */
	label.labelblockund {
		display : block;
		text-decoration : underline;
	}

	/* label */
	label.label {
	    color : black;
	}

    label.label01 {
	    color : black;
	}

	/* label underline */
	label.labelund {
		color : black;
		text-decoration : underline;
	}
	label.labelund01 {
		color : black;
		text-decoration : underline;
	}

	/* label h1x label */
	label.h1xlabel {
	    color : black;
        vertical-align : middle;
	}


	/* label hfx label */
	label.hfxlabel {
	    color : black;
        vertical-align : middle;
	}

	/* label hhd label */
	label.hhdlabel {
	    color : black;
        vertical-align : middle;
	}

	/* label HHD Title */
	.hhdtle {
	    color : navy;
		font-size : 1.2em;
		margin-right : 0.5em;
	}

	/* label Title */
	label.tle {
	    color : navy;
        vertical-align : middle;
	}

	/* label h1x Title */
	.h1xtle {
	    color : navy;
        vertical-align : middle;
		font-style: inherit;
	}

	/* label hfx Title */
	.hfxtle {
	    color : navy;
        vertical-align : middle;
		font-style: inherit;
	}


	label[for] {
	cursor:pointer;
	}


/*
 * P PARAGRAPH
**/
	/*
 	 * HEADER di programma
	**/
      /* header title */
      p.hhdtle {
	    float: left;
	    color: navy;
	    text-align: center;
	    font-size: 1.2em;
      }
	/*
 	 * TABLE CAPTION
	**/
	  /* titolo caption */
      p.h1xtle {
	     float: left;
	     color: navy;
	     text-align: center;
	     font-size: 1em;
      }
/*
 * Inizializza Img
**/

/*
 * CLASSI GENERICHE
**/

	 .panelondemand {
		background-color: rgb(202,221,238);
	 }
     label.uni-docgroup-label {
		color : #f00000;
     }
     label.uni-doctag-label {
		color : #0080ff;
     	font-style : italic;
     }

	 .ui-menu {
		font-size : 0.9em;
	 	width : 20em;
	 }
     /* cursore scrollbar */
     .ui-slider .ui-slider-handle {
	   cursor: default;
	   height: 1.8em;
	   width: 0.6em;
	   position: absolute;
	   width: 0.6em;
	   z-index: 2;
	 }


     /* nascondi e rimuovi */
     .hidden {
	    display: none;
     }
     .blind {
	    display: none;
     }
     .blindSmartToolbar {
	    display: none;
     }
     .stackhidden {
	    display: none;
     }

     /* nascondi */
     .novisible {
	    visibility : hidden;
     }

     /* nascondi */
     .emptytd {
	    visibility : hidden;
	    width : 18px;
	    margin: 0;
      	border : 0;
     }
     input.emptytd {
	    visibility : hidden;
	    width : 18px;
	    min-width : 18px;
	    margin: 0;
      	border : 0;
     }

     /* messaggi da leggere */
     .msgtoread {
        background-color : red;
     }

	.ajaxloaderpan {
		background-color: white;
		opacity: 0.5;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
		background-image: url(../img/gea/AjaxLoader/ajax-loader.gif);
		background-repeat: no-repeat;
		background-position: center;
	}

	/* ajax loader  */
	button.ajaxloader {
		background-image: url(../img/gea/AjaxLoader/ajax-loader.gif);
		background-repeat: no-repeat;
		background-position: left;
		background-size : 1.5em 1.5em;
	}

	.error {
		background-color: rgb(244,219,215);
	}
	.boxshadow {
	    box-shadow: lightgrey 0em 0em 3px 3px;
	}

	/* container focus */
	.cnrfcs {
		z-index: 500;
	}

	/* container focus */
	.cnrfcsstr {
		z-index: 499;
	}
	.cnrfcsstrpan {
		z-index: 499;
	}


	/* helper resize */
	.resizeHelper {
		background-color: lightgrey;
		opacity: 0.5;
		border-right: medium solid lightgrey;
	}

	/* datepicher button */
	.ui-datepicker-trigger {
	    vertical-align : middle;
		width: 1.6em;
		height: 1.4em;
        margin-left: -2.00em;
        margin-right: 0.4em;
	}
    
    form.frm5250 .ui-datepicker-trigger {
        margin-right: 0.0em;
	}


	/* skin list */
	.skin {
		color : #414141;
	}

	/* popupchoice */
	.popupchoice {
	    position : absolute;
	    top : 0%;
	    left : 0%;
		border : thin solid lightgrey;
		overflow : auto;
		background-color : white;
	    border-radius: 5px;
	    max-width : 80%;
	    max-height : 80%;
   	    box-shadow: rgba(139, 136, 120, 0.7) 0.7em 0.7em 7px;
   	    padding : 0.5%;
	}

      /* action  */
	  .act {
	     background-color: transparent;
		 border-radius: 5px;
		 border: thin none transparent;
		 width : 1.0em;
		 height : 1.0em;
		 background-position: center;
		 background-size : cover;
 		 font-size: 1em;
		 background-repeat: no-repeat;
	     margin-right: 0.4em;
	  }
       /* action sort (up and down)  */
       .updown {
	      background-image: url(../img/gea/unico/bt_up_down.png);
       	  background-size : 75%;
       }

       /* Colori testo */
       .color01 {
	      color: #6a88c1;
       }

    .bkgevatt {
		background-color : rgb(253,245,183);
	}

	.bkgeverr {
		background-color : rgb(244,219,215);
	}

	.bkgevok {
		background-color : lime;
	}

	div.bkgevatt {
		background-color : rgb(253,245,183);
	}

	div.bkgeverr {
		background-color : rgb(244,219,215);
	}

	div.bkgevok {
		background-color : lime;
	}


/*
 * ECCEZIONI FORM DESIGNER
**/
	/* mostra bordi per designer */
	.showdesigner {
	   border : thin solid navy;
    }

	/* mostra bordi per designer readonly */
	.showdesignerreadonly {
	   border : thin dashed palegreen;
    }

	/* mostra bordi per designer disabled */
	.showdesignerdisabled {
	   border : thin dotted Khaki;
    }

	/* nascondi bordi campi readonly/disabled per rendering */
	.showdesignernoborder {
	   border : 0;
    }

	th.showdesigner {
		min-width : 1.5em;
		min-height : 1.5em;
		border-left : thin none navy;
	}

	td.showdesigner {
		min-width : 1.5em;
		min-height : 1.5em;
		border-left : thin none navy;
	}

	td.empty {
		width : 1em;
		height : 1.7em;
	    border-left : thin none navy;
	}

	tr.showdesigner {
		height : 1.5em;
	}


/*
 * TABLET : ECCEZIONI
**/

form.frmtablet {
   font-size: 1.3em;
}
form.frmtablet button.frmbtn {
   width: 2.5em;
   font-size:1.5em;
   background-size: contain;
}
form.frmtablet button.frmbtntxt {
   font-size:1.1em;
}
form.frmtablet button.hhdbtn {
   font-size:1.1em;
}
form.frmtablet 	input {
   border: thin inset #E4E4E4;
   background-image: none;
}
form.frmtablet 	input[readonly] {
   border: thin none transparent;
   margin-left: 2px;
}
form.frmtablet 	input.evatt, form.frmtablet button.evatt {
	border : thin solid #FFD700;
}
form.frmtablet input.everr, form.frmtablet input.everr {
	border : thin solid red;
}


form.frmtablet input.evok, form.frmtablet input.evok {
	border : thin solid lime;
}

form.frmtablet input.evempty,form.frmtablet input.evempty {
	border : thin dashed grey;
}

form.frmtablet input.obb, form.frmtablet input.obb {
	border : thin dashed grey;
}
form.frmtablet 	input:disabled {
	border: thin none transparent;
	margin-left: 2px;
}

/*
 * SMARTPHONE : ECCEZIONI
**/

/* form smartphone progettazione */
form.frmsmartphone {
	font-size: 2em;
}