/* Elements */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	/* il colore della scrollbar è personalizzabile -
	cambiando questo colore cambia il colore del contorno degli elementi della scrollbar */
	scrollbar-base-color: #2466c7;
	/* il colore della scrollbar è personalizzabile -
	cambiando questo colore cambiano il colore della superficie della scrollbar
	e lo sfondo delle frecce */
	scrollbar-face-color: #2466c7;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-dark-shadow-color: #FFFFFF;
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}

a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

td {
	background:  #ffffff;
}

li {
	list-style: square;
}
hr {
	width: 98%;
	/* il colore della linea è personalizzabile -
	cambiando questo colore cambia il colore della linea orizzontale di separazione  */
	color: #2466c7; 
	text-align: left;
}

input {
	background-color: #Efefef;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

select {
	background-color: #Efefef;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}


/* Classes */

.bannertoplogo {
 	/* inserire qui il percorso dell'immagine del logo-cliente - dimensioni 156x56 */
	background-image: url(../img/logo.gif);
	height: 54px;
	width: 156px; 
}

.bannertopimg1 {
	/* inserire al posto di img_1blue la prima immagine top con il colore personalizzato:
	img_1lilac, img_1green, img_1red, img_1orange, img_1yellow, img_1grey... */
	background-image: url(../img/img_1blue.jpg);
	height: 54px;
	width: 245px; 
}

.bannertopimg2 {
	/*  inserire al posto di img_2blue la seconda immagine top con il colore personalizzato:
	img_2lilac, img_2green, img_2red, img_2orange, img_2yellow, img_2grey... */
	background-image: url(../img/img_2blue.jpg);
	height: 54px;
	width: 286px; 
}

.bannertopcolorright {
	/* personalizzare il colore della banda a destra del top 
	blue: #2466c7
	lilac: #b989b9 
	green: #328e00 
	red: #d71a21
	orange: #ff8a00
	yellow: #ffd800
	grey: #ededef    
	*/
	background-color: #2466c7;
}

.bannertopinazline {
	/* rimane uguale per ogni cliente - non personalizzabile */
	background-image: url(../img/inaz_line.gif); 
	height: 15px;
}

.bannertopmenu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
}

.bannertopdashed {
	/* rimane uguale per ogni cliente - non personalizzabile */
	background-image: url(../img/dashed_line.gif);
	height: 3px;
}

.breadcrumb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #2466C7;
}

.breadmargin {
	padding-left: 18px;
	padding-bottom: 7px;
	color: #2466C7;
}

.titlepage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-top: 10px;
	}

.formsubtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.textcontent {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 10px;
}

.textnotesbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
}

.textcontentbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.textnotes {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-left: 10px;
}

.texthelp {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #2466c7;
	font-weight: bold;
}

.titlehelp {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	/* il colore del punto interrogativo - help è personalizzabile -
	cambiando questo colore cambia il colore del font del punto interrogativo della barra titolo */
	color: #ffffff;
	/* il colore dello sfondo del punto interrogativo - help è personalizzabile -
	cambiando questo colore cambia il colore dello sfondo cella del punto interrogativo della barra titolo */
	background-color: #2466C7;
	text-align: right;
	width: 5%;
}

.tablephoto {
	border-style: solid;
	border-width: 1px;
	/* il border-color è personalizzabile - 
	cambiando questo colore cambia il colore del bordo della tabella che contiene la fototessera  */
	border-color: #2466C7; 
}

.table100 {
	height: 92%;
}

.tablebox {
	border-style: solid;	
	border-width: 1px;
	/* il border-color è personalizzabile - 
	cambiando questo colore cambia il colore del bordo dei box  */
	border-color: #2466C7; 
	/* l'altezza è modificabile per pareggiare tutti i box 
	a quello con maggiore contenuto  */
	height: 180px;
}

.tablecontent {
	border-style: solid;	
	border-width: 1px;
	border-color: #2466C7; /* il border-color è personalizzabile - 
	cambiando questo colore cambia il colore del bordo della tabella  */
	margin-left: 10px;
}

.tablecontentpopup {
	border-style: solid;	
	border-width: 1px;
	border-color: #2466C7; /* il border-color è personalizzabile - 
	cambiando questo colore cambia il colore del bordo della tabella  */
}

.tableorganigramma {
	width: 100%;
	border-bottom-style: solid;	
	border-bottom-width: 1px;
	border-bottom-color: #2466C7; /* il border-color è personalizzabile - 
	cambiando questo colore cambia il colore del bordo della tabella  */
}

.tablehome {
	border-style: dashed;	
	border-width: 1px;
	border-color: #2466C7; /* il border-color è personalizzabile - 
	cambiando questo colore cambia il colore del bordo della tabella  */
}

.boxtitle {
	/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo del titolo dei box  */
	background-color: #2466C7; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/* il colore del titolo è personalizzabile -
	cambiando questo colore cambia il colore del font titolo dei box  */
	color: #ffffff; 
	height: 12px;
}

.organigrammatitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.boxtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.boxlink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #000000;
}

.top {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #0000ff;

}

.menusx {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.menusxselected {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #000000;
}

.menusxdashed {
	border-left-style: dashed;
	border-left-width: 1px;
	border-color: #000000;
}

.tablemargin {
	margin-left: 10px;
}

.button {
	background-color: #ededed;
	color: black;
}

.tablebg1 {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga ti tabella  */
/* personalizzare il colore della riga più chiara della tabella 
	blue: #e3eeff
	lilac: #f4e6f4 
	green: #cbe2bf 
	red: #ffd8da
	orange: #ffe1bf
	yellow: #fff5bf
	grey: #eaeaea    
	*/
	background-color: #e3eeff;
	height: 20px;
}

.tablebg2 {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più scura della tabella 
	blue: #c7deff
	lilac: #eaceea 
	green: #98c67f 
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #c7deff; 
	height: 20px;
}

.tablebgheader {
	/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga-header della tabella  */
	background-color: #2466C7; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/* il colore del titolo è personalizzabile -
	cambiando questo colore cambia il colore del font dell'header tabella  */
	color: #ffffff; 
	height: 30px;
}

.formtransparent {
	background: transparent;
	border-style: none;
}

/*CLASSI AGGIUNTE PER LA PERSONALIZZAZIONE DI SELFWEB*/
.tablebg3 {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più scura della tabella 
	blue: #c7deff
	lilac: #eaceea 
	green: #98c67f 
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #87F4EE; 
	height: 20px;
}

.tablebg80FFFF {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più scura della tabella 
	blue: #c7deff
	lilac: #eaceea 
	green: #98c67f 
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #80FFFF; 
	height: 20px;
}


.tablebg00FF80 {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più scura della tabella 
	blue: #c7deff
	lilac: #eaceea 
	green: #98c67f 
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #00FF80; 
	height: 20px;
}

/*CLASSI AGGIUNTE PER LA PERSONALIZZAZIONE DI SELFWEB*/
.TrBgInAppDark {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più scura della tabella 
	Giustificativo in approvazione 
	blue: #c7deff
	lilac: #eaceea 
	green: #98c67f A3FEBA
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #FFFFAA; 
	height: 20px;
}
.TrBgInAppLight {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più chiara della tabella 
	Giustificativo in approvazione 
	blue: #c7deff
	lilac: #eaceea 
	green: #98c67f CAFFD8
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #FFFFAA; 
	height: 20px;
}

.TrBgDaAppDark {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più scura della tabella 
	Giustificativo da approvare 
	blue: #c7deff
	lilac: #eaceea 
	green: #98c67f 8CEFFD
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #8CEFFD; 
	height: 20px;
}
.TrBgDaAppLight {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
/* personalizzare il colore della riga più chiara della tabella 
	Giustificativo Da approvare 
	blue: #c7deff C0F7FE
	lilac: #eaceea 
	green: #98c67f 
	red: #eb8c90
	orange: #ffc47f
	yellow: #ffeb7f
	grey: #d5d5d5    
	*/
	background-color: #8CEFFD; 
	height: 20px;
}
.tablebgExtraGiust
{
	background-color: #ffff66;
	height: 20px;
}

.labelbg80FFFF {
/* il background-color è personalizzabile 
	- cambiando questo colore cambia lo sfondo della riga di tabella  */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #80FFFF; 
	border-left: 10px solid;
	border-left-color: #80FFFF;  
	border-right: 4px solid;
	border-right-color: #80FFFF;  
	height: 20px;
	vertical-align: bottom;
}

.tablebgFeste {
/* il background-color default feste piano ferie */
	background-color: #79B3DD; 
	height: 20px;
}

.tablebgChAzi {
/* il background-color default chiusura azienda piano ferie */
	background-color: #62AADD; 
	height: 20px;
}
.tablebgChSede {
/* il background-color default chiusura sede piano ferie */
	background-color: #479EDC; 
	height: 20px;
}
.tablebgChFil {
/* il background-color default chiusura filiali piano ferie */
	background-color: #2992DC; 
	height: 20px;
}

/* Scroll iframe per iphone - start */
.scroll-wrapper {
	-webkit-overflow-scrolling: touch !important;
  	overflow: hidden;
  	overflow-y: scroll !important;
  	overflow-x: scroll !important;
	position: fixed; 
  	right: 0; 
  	bottom: 0; 
  	left: 0;
  	top: 0;
	-ms-overflow-style: none;  
}

.scroll-wrapper iframe {
	height: 100%;
  	width: 100%;
}

.scroll-wrapper::-webkit-scrollbar {
  	display: none; 
}

/* Scroll iframe per iphone - end*/


/*BODY
{
	FONT-FAMILY: Verdana,sans-serif;
	TEXT-DECORATION: none;
}

.AppTitle
{
	FONT-SIZE: 35px;
	COLOR: #FFFFFF;
	filter:Glow() DropShadow(OffX=15)
}

.MenuFnzTitle
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND-COLOR: #DCDCDC;
	COLOR: #000000;
	FONT-FAMILY: Arial,sans-serif;
	TEXT-DECORATION: none
}

.FnzTitle
{
	FONT-STYLE: oblique;
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #104a7b;
}

.HelpTitle
{
	FONT-STYLE: oblique;
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #104a7b;

}

.UIFnzTitle
{
	FONT-STYLE: oblique;
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #104a7b;
}

.GroupTitle
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #104A7B;
}

.FnzLink
{
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
	padding-Top    = "2px";
	padding-Left   = "5px";
	padding-Bottom = "2px";
	padding-Right  = "10px";
}

.BodyMenu
{
	BACKGROUND-COLOR: #336699;
	SCROLLBAR-BASE-COLOR: #336699;
}

.Body
{
	SCROLLBAR-BASE-COLOR: #336699;
}

.FldLabel
{
	FONT-SIZE: 13px;
	xFONT-WEIGHT: bold;
	COLOR: #104A7B
}

.FldLabelSmall
{
	FONT-SIZE: 11px;
	xFONT-WEIGHT: bold;
	COLOR: #104A7B
}


.FldText
{
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
}

.sbttn
{
	FONT-SIZE: 13px;
	BACKGROUND-COLOR: #DCDCDC;
	CURSOR: hand;
	COLOR: #000000;
	HEIGHT: 25px;
}

.MenuItem
{
	BACKGROUND-COLOR: #DCDCDC;
	BORDER-LEFT: #FFFFFF 1px solid;
	BORDER-BOTTOM: #ccffff 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #336699 1px solid;
	padding-Top    = "2px";
	padding-Left   = "5px";
	padding-Bottom = "2px";
	padding-Right  = "10px";
	CURSOR: hand;
}

.DatiDip
{
	FONT-SIZE: 15px;
	COLOR: #FFFFCC;
	BACKGROUND-COLOR: #104a7b;
}

.MenuSelected
{
	BORDER-RIGHT: buttonshadow 1px solid;
	BORDER-TOP: buttonhighlight 1px solid;
	BORDER-LEFT: buttonhighlight 1px solid;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	padding-Top    = "2px";
	padding-Left   = "5px";
	padding-Bottom = "2px";
	padding-Right  = "10px";
	BACKGROUND-COLOR: #336699;
	CURSOR: default;
}

.MenuSelectedLink
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND-COLOR: #336699 ;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial,sans-serif;
	TEXT-DECORATION: none
}

.FrameDipDark
{
	BORDER-RIGHT: #336699 1px solid;
	BORDER-TOP: #336699 1px solid;
	BORDER-LEFT: #336699 1px solid;
	BORDER-BOTTOM: #336699 1px solid
}

.FrameDipTitle
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #336699;
}

.FrameDipHeader
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #104a7b;
}

.TRDatiDip
{
	BACKGROUND-COLOR: #336699;
}

.TDDatiDip
{
	BACKGROUND-COLOR: #eeeeee;
}

.TDDatiDipNoEdit
{
	BACKGROUND-COLOR: #000000;
}

.FrameDipTitleSmall
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #336699;
}

.TRDatiDipSmall
{
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #eeeeee;
}

.TDDatiDipSmall
{
	FONT-SIZE: 12px;
	COLOR: #0000FF;
	BACKGROUND-COLOR: #eeeeee;
	CURSOR: hand;
}
.TWLink
{
    FONT-SIZE: 7pt;
    COLOR: #000000;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    TEXT-DECORATION: none
}
.Funzioni
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 2px;
    TEXT-TRANSFORM: capitalize;
    COLOR: black
}*/