<!--
a {font-family:Arial;font-size:11px;color:#056b9e;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a:hover {font-family:Arial;font-size:11px;color:#000000;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.white {font-family:Arial;font-size:11px;color:#FFFFFF;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.white:hover {font-family:Arial;font-size:11px;color:yellow;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.black {font-family:Arial;font-size:11px;color:#000000;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.black:hover {font-family:Arial;font-size:11px;color:#90CFD9;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.header {font-family:Arial;font-size:10px;color:#000000;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.header:hover {font-family:Arial;font-size:10px;color:#C0C0C0;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.b {font-family:Arial;font-size:11px;color:#000000;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.b:hover {font-family:Arial;font-size:11px;color:#C0C0C0;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.w {font-family:Arial;font-size:11px;color:#FFFFFF;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.w:hover {font-family:Arial;font-size:11px;color:#C0C0C0;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.g {font-family:Arial;font-size:11px;color:#C0C0C0;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.g:hover {font-family:Arial;font-size:11px;color:#000000;text-decoration:none;font-weight:bold;vertical-align:text-top;}
a.button {font-family:Arial;font-size:11px;color:#FFFFFF;text-decoration:none;font-weight:normal;vertical-align:text-top;}
a.button1:hover {font-family:Arial;font-size:11px;color:yellow;text-decoration:none;font-weight:normal;vertical-align:text-top;}

p {font-family:Arial;font-size:11px;vertical-align:text-top;}
p.warn {font-family:Arial;font-size:13px;color:red;font-weight:bold;text-align:justify;vertical-align:text-top;}
p.title {font-family:Arial;color:#02387a;font-size:18px;font-weight:bold;text-align:center;vertical-align:text-top;}
option {font-family:Arial;font-size:11px;vertical-align:text-top;}
select {font-family:Arial;font-size:11px;vertical-align:text-top;height:20px;}
input {height:15px;}
input.number {text-align:right;}
input[type=file] {border:0px;height:auto;}

.field td {height:23px;}
.field td .button {margin:0px}

.fileUploadText {
	float:left;
}

.button.fileUpload {
	position: relative;
	overflow: hidden;
	margin-left: 5px!important;
	margin-top:-2px!important;
	float:left;
}

.button.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.separator {
	width:0px;
   height:100%;
	min-height:56px;
	float:left;
	border-left:1px inset #fff;
	border-right:1px inset #fff;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
}
table {z-index:5}

table.input {
	border-radius:4px;
	background-color:#E5E5E5;
	background-image:url(images/wbar.gif);
	background-position:top left;
	background-repeat:repeat-x;
	border: 1px solid black; 
	font-family : Arial; 
	font-size : 11px;
	z-index:100;
	box-shadow: 3px 3px 10px #414141;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;        
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}


td.input, td.bar, td.bart {
	height:17px; 
	font-family : Arial; 
	font-size : 11px; 
	color:white; 
	font-weight:bold;
	padding-bottom:17px;
	padding-top:4px;
   text-shadow:1px 1px #414141;
   vertical-align:top;
} 

td.bart {
	background-image:url(images/wbart.gif);
	background-repeat:repeat-x;
	border-radius:5px;	
}
td.input.np{
	padding-bottom:0px;
}
table.show {border:1px solid #8A8A8A; font-family : arial; font-size : 11px;z-index:100}

.window {
	border-radius:4px;
	margin-bottom:5px;
	background-color:#E5E5E5;
	background-image:url(images/wbar.gif);
	background-position:top left;
	background-repeat:repeat-x;
	border: 1px solid black; 
	font-family : Arial; 
	font-size : 11px;
	z-index:100;
	box-shadow: 3px 3px 10px #414141;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;        
}

.input input, .window input, .input span, .window span {
   -webkit-touch-callout: text;
   -webkit-user-select: text;
   -khtml-user-select: text;
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text;        	
}

table.data {background-color:#E5E5E5;background-image:url(images/bc-light.jpg); border: 1px outset  #6FC1EB;z-index:100}
td.data { font-family : Arial; font-size : 11px;background-image:url(images/bc-light.jpg);background-color:#E5E5E5}
td.menu { font-family : Arial; font-size : 11px;background-image:url(images/bc-light.jpg);background-color:#E5E5E5;text-align:center;border:1px outset white;padding-left:2px;padding-right:2px}
td.boh {width:29px;height:29px; font-family : Arial; font-size : 11px;background-image:url(images/bar.gif);border:0px solid #A7CFED;padding-left:2px;padding-right:2px;}
td.boh1 {font-family : Arial; font-size : 11px;background-image:url(images/bar.gif);border:0px solid #A7CFED;padding-left:2px;padding-right:2px;}


td.nrow { font-family : Arial; font-size : 11px;color:#000000;font-weight:none;background-color:#ffffff;border:1px inset #FFFFFF;padding-left:2px;padding-right:2px;}
td.nrow span {font-weight:normal;}

/*td.nrow { font-family : Arial; font-size : 11px;color:#000000;background-color:#ffffff;border:1px inset #FFFFFF;padding-left:2px;padding-right:2px;}
td.nrow {background-color:#ffffff!important;color:#000000!important;font-weight:none!important;}
td.nrow span {font-weight:normal;}*/

td.rows { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;border-bottom: 1px dashed #DADADA;}
td.rowsnb { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;}
td.rowsnb.first {background:url(images/anchor_link_sm.png) 2px 2px no-repeat;padding-left:14px;}
tr.over {cursor:pointer;cursor:hand;}
tr.over:hover { background-color:#A6DCFF;cursor:pointer;cursor:hand;}

.button {
	border:1px solid black;
	float:left;
	cursor:pointer;
	cursor:hand;
	text-align:left;
	font-family:Arial;
	color:white;
	font-weight:bold;
	font-size:9px;
	height:19;
	overflow:hidden;
	padding-right:5px;
	height:21px;
	margin-top:3px;
	margin-left:5px;
	margin-right:5px;
	background-position:top right;
	background-repeat:no-repeat;
	background-image:url(images/bbright1.gif);
	border:1px solid black;
	border-radius:3px;
}
.button div {
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	height:21px;
	background-image:url(images/bbleft1.gif);
	background-repeat:repeat-x;
	padding-left:10px;
	padding-right:5px;
	text-align:center;
	padding-top:3px;
   text-shadow:1px 1px #414141;
	
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;        
}
.button.clicked {
	background-image:url(images/bbrightc1.gif);	
}
.button.clicked div {
	padding-top:4px;
	padding-left:13px;
	background-image:url(images/bbleftc1.gif);		
}
.button.right {
	float:right;
}

td.tdrow { font-family : Arial; font-size : 10px;height:20px;background-color:#E5E5E5;border:1px outset #DADADA;padding-left:2px;padding-right:2px;}
th.tdrow {position:relative;top:0px; font-family : Arial; font-size : 10px;height:20px;background-color:#E5E5E5;border:1px outset #DADADA;padding-left:2px;padding-right:2px;}
td.rowss { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;border-bottom: 1px solid #DADADA;border-right: 1px solid #DADADA;padding-left:4px;padding-right:4px}


td.ptdrow { font-family : Arial; font-size : 10px;height:20px;background-color:#000000;color:#FFFFFF;font-weight:bold;;padding-left:2px;padding-right:2px;}
th.ptdrow {position:relative;top:0px; font-family : Arial; font-size : 10px;height:10px;background-color:#E5E5E5;border:1px outset #DADADA;padding-left:2px;padding-right:2px;}
td.rows { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;}
td.prows { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;}
td.prowg { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;background-color:#E5E5E5;}


div.help {text-align:left;font-family:Arial;color:black;background-color:#FFFFC0;border:1px solid green;font-weight:bold;font-size:9px;height:19}
div.input {background-color:#E5E5E5;background-image:url(images/bc-light.jpg); border: 1px outset white; font-family : Arial; font-size : 11px;z-index:100}

td { font-family : Arial; font-size : 11px;} 
td.agenda {height:20px; font-family : Arial; font-size : 11px;border-bottom:1px dashed #C0C0C0;padding-left:5px} 
td.agendan {height:20px; font-family : Arial; font-size : 11px;padding-left:5px} 
td.agendan img {vertical-align:middle;}
td.b1 {width:29px;height:29px;  font-family : Arial; font-size : 11px; background-color:#dee3e7;} 
td.b2 {width:29px;height:29px;  font-family : Arial; font-size : 11px; background-color:#efefef;} 
td.b1s {width:29px;height:29px;  font-family : Arial; font-size : 11px; background-color:#7C9AE0;} 
body 
{
	background-position: top right;
	background-repeat: no-repeat; 
	font-family : Arial; 
	font-size : 11px;
	margin: 0;
} 

textarea { font-family : Courier New, Courier, Fixed; font-size : 11px; }  UL, LI { font-family : Arial,Arial,helvetica,sans-serif; font-size : 8pt; }

table.show_data{
   background-color: white;
   border: 1px inset #414141;
}

td.r, td.R { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:blue;}
td.s, td.S { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:green;}
td.b { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:black;}
td.p { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:purple;}
td.sa { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:green;font-weight:bold}
td.a,td.A { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:red}
td.ac { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:darkred}
td.ar { font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:brown}

td.brown {font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:brown;}
td.grey {font-family : Arial; font-size : 10px;padding-left:4px;padding-right:4px;color:#5B5B5B;}

td.int { font-family : Arial; font-size : 10px;height:20px;background-color:#E5E5E5;border:1px outset #DADADA;padding-left:2px;padding-right:2px;}

img.boll {border:1px solid black}

#appcontainer{
	margin-top:10px;
}

input.button
{
 font : 8pt Arial;
 color: #323C81;
 background-color: #C5CAE3;
 border-color: #323C81;
 border-width: 1px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-style: solid;
}
input {font-family:Arial;font-size:11px;vertical-align:middle;border:1px solid #1C72AD}

input.micro {font-family:Arial;font-size:11px;vertical-align:middle;border:0px}

textarea {border:1px solid #1C72AD}
input.check {border:1px outset #FFFFFF}
input.option {border:1px outset #FFFFFF}
input:focus {background-color:#A6DCFF}

IMAGE {border: 0px;}
select {font-family:Arial;font-size:11px;vertical-align:middle;border:1px solid #1C72AD}
select:focus {background-color:#A6DCFF}
select.l {font-family: Arial;font-size: 10px;}
input.little {font-family:Arial;font-size:11px;vertical-align:text-top;;vertical-align:middle}
div.snapvoice {cursor:pointer;cursor:hand;padding:3px;z-index:100}

div.snapvoice:hover {
   border:1px solid #2C8DC6;
   background-color:#A6DCFF;   
}

.menuvoice {
	float:left;
	width:130px;
	height:70px;
	cursor:pointer;
	border:1px solid #FFFFFF;
	padding:3px;
	z-index:100;
	margin:5px;
	overflow:hidden;
	text-align:center;
}

.menuvoice.hover {
	border-color:#2C8DC6;
	background-color:#A6DCFF;
}

.menuvoice img {display:block;margin:0 auto 5px auto;}
.menuvoice a,.menuvoice a:hover {color:#000000!important;}
/*noshow.gif littlesee.gif*/
#menusearch {
	background-image:url('images/noshow.gif');
	background-repeat:no-repeat;
	background-position:3px 3px;
	height:20px;
	width:200px;
	float:left;
	display:block;
	border:1px solid #4A7DCE;
	padding-top:7px;
	padding-left:23px;
	font-weight:bold;
	margin-left:5px;
	text-align:left;
}

#menusearch i{
	color:#414141;
	font-weight:normal;
}
td.presente {background-color:white;border-bottom:1px dashed #DADADA}
td.permessoR {background-color:yellow;border:1px outset #000000;}
td.permessoA {background-color:green;border:1px outset #000000}
td.permessoX {background-color:red;border:1px outset #000000}
td.ferieR {background-color:yellow;border:1px outset #000000;}
td.ferieA {background-color:green;border:1px outset #000000}
td.ferieX {background-color:red;border:1px outset #000000}
td.ferie {background-color:yellow;border:1px outset #000000}

.tableContainer {
   background-color:#FFFFFF;
   border:1px inset #414141;
	margin: 0 auto;
}

table.fix {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	}
	
table.fix>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 355px;
	overflow-x: hidden;	
	}
	
thead td.fix	{
   font-family : Arial;
   font-size : 10px;
   font-weight: bold;
   height:20px;
   background-color:#E5E5E5;
   border:1px outset #DADADA;
   padding-left:2px;
   padding-right:2px;
	position:relative; 
	top: expression(document.getElementById("sheet").scrollTop-2); /*IE5+ only*/
	}

thead td.dg	{
   font-family : Arial;
   font-size : 10px;
   height:20px;
   background-color:#E5E5E5;
   border:1px outset #DADADA;
   padding-left:2px;
   padding-right:2px;
	position:relative; 
	top: expression(document.getElementById("datagrid").scrollTop-2); /*IE5+ only*/
	}
	
td.fix	{
   font-family : Arial;
   font-size : 10px;
   font-weight: bold;
   padding-left:4px;
   padding-right:4px;
   border-bottom: 1px solid #DADADA;
   border-right: 1px solid #DADADA;
   padding-left:4px;
   padding-right:4px;
   cursor:pointer;
   cursor:hand;   
	}

td.fix:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/

table.field{
   float: left;
   margin-right: 5px;
}

table.rfield{
   float: right;
   margin-left: 5px;
}

div.friga{
   border: 1px blue solid
}

div.ffield{
   text-align: left;
   font-weight: bold;   
}

div.flabel{
   text-align: left;
   font-weight: bold;
}

#menuSheet {
	background-color:white;
	width:610px;
	height:300px;
	overflow:auto;
	border:1px inset #414141
}

#filelist{
	height:280px;
	background:#fff;
	border:1px inset #414141;
	padding:2px;
}

#attachlist {
	padding:2px;
}

.file{
	height:15px;
	background:url("images/file_icon.gif") no-repeat;
	padding-left:16px;
	padding-top:3px;
	cursor:pointer;
}

.file:hover{
	background:url("images/remove.gif") no-repeat;
}

.file.uploading{
	background:url("images/ajax-loader.gif") no-repeat !important;
}
.file.uploaded{
	background:url("images/dialog-ok.png") no-repeat !important;
}
.file.uploaded:hover{
	background:url("images/remove.gif") no-repeat!important;
}
.file.failed{
	background:url("images/icon-warning-16x16.gif") no-repeat !important;
}
.file.failed:hover{
	background:url("images/remove.gif") no-repeat!important;
}

.modal{
	position:fixed;
	display:none;
	left:0px;
	bottom:50%;
	width:100%;
	z-index:1000001
}

#browsemodal_content{
	background-color: #fff;
	height: 231px;
	position: absolute;
	top: 27px;
	width: 578px;
	border: 1px inset #414141;
	overflow: auto;
}

#browsemodal_content tr.browseOver {
	background-color:#A6DCFF;
}

input.browse {
	vertical-align:middle;
	border:1px solid #1C72AD;
	background-color: #ECE982;
	font-weight: bold;
}

input.browse.invalid{
	background-color: #EF9794;	
}

.browsespan {
	width:200px;
	overflow:hidden;
   color: white;
   background-color: #1C72AD;
   border: 1px inset #FFFFFF;
   height: 16px;
   display: block;
   padding-top: 3px;
   padding-left: 4px;
   padding-right: 4px;
}

.browsespan span {
	width:3000px;
   display:inline-block;
}

#overlay{
	background:#000;
	color:#000;
	display:none;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:1000000;
	width:100%;
	height:100%;
}

#browsesearch{
	background-image:url(images/noshow.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding:2px;
	padding-left:20px;
	float:left;
	margin-top:4px;
	margin-left:5px;
	width:150px;
}

.flag {
   border-radius: 22px;
   padding: 2px;
}

.flag.selected {
	border: 1px solid #14A2F8;	
}

#mydati tr {
	background-color:transparent;
}

#mydati tr.hover {
	background-color:#FFFFE1;
}

#mydati tr.aperta {
	background-color:#90CFD9;
}

#apptitle {
   margin-top:15px;
   width:100%;
   text-align:right;
   z-index:0   
}


#appcontainer {
   /*margin-top: 100px;
   width:calc(95vw);
   height: calc(100vh - 270px);*/
}

/*#tcont {
   width:90vw;
}*/

#space {
   margin: 10px;
   width: 120px;
   height: calc(100vh - 255px);
   background-color: #fff;
   border: 1px inset #414141;
   overflow: auto;
   z-index:10000;
}

.tableContainer {
   height:calc(100vh - 265px);
   overflow:hidden;
   margin:10px 10px 10px 0px;
}

#gridContainer {
   width:100%;
   height:calc(100vh - 200px);
}

#PROGRESS_BAR {
   width:540px;
   height:20px;
   background-color:white;
   text-align:left;
   border:1px solid #000000;
   overflow:hidden;
   font-weight:bold;
}

#PROGRESS_SCROLL {
    background-color:green;
    text-align:center;
    color:white;
    width:0%;
    height:20px;
    overflow:hidden;
    text-align: center;
    line-height: 20px;
    margin-top: -20px;
}

#PROGRESS_SCROLL div {
   width:538px;
}

#BG_MESSAGE {
   font-weight:bold;
}

#BG_LOG_BUTTON {
   display:none;
}

#BG_CLOSE_BUTTON {
   display:none;
}

#BG_LOG {
   display:none;
   background-color:#FFFFFF;
   width:580px;
   height:200px;
   overflow:auto;
   border:1px inset #414141;
   overflow:auto;
}

#PROGRESS_OVERLAY {
   width:538px;
   text-align: center;
   line-height: 20px;
}

@media screen and (max-width:1024px){
   #gridContainer {
      height:calc(100vh - 100px);
   }


   table.input {
      width:90vw!important;
   }
   
   .hiddenMob {
      display:none;
   }
   
   #apptitle {
      display:none;
   }
   
   #menuSheet {
      width:100%!important;
   }
   
   #space {
      display:block;
      position:absolute;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2IDU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOCwwQzEyLjU2MSwwLDAsMTIuNTYxLDAsMjhzMTIuNTYxLDI4LDI4LDI4czI4LTEyLjU2MSwyOC0yOFM0My40MzksMCwyOCwweiBNNDAsNDFIMTZjLTEuMTA0LDAtMi0wLjg5Ni0yLTJzMC44OTYtMiwyLTIgIGgyNGMxLjEwNCwwLDIsMC44OTYsMiwyUzQxLjEwNCw0MSw0MCw0MXogTTQwLDMwSDE2Yy0xLjEwNCwwLTItMC44OTYtMi0yczAuODk2LTIsMi0yaDI0YzEuMTA0LDAsMiwwLjg5NiwyLDJTNDEuMTA0LDMwLDQwLDMweiAgIE00MCwxOUgxNmMtMS4xMDQsMC0yLTAuODk2LTItMnMwLjg5Ni0yLDItMmgyNGMxLjEwNCwwLDIsMC44OTYsMiwyUzQxLjEwNCwxOSw0MCwxOXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzE3NzFCOSIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==);
      background-size:30px 30px;
      background-repeat:no-repeat;
      left:25px;
      bottom:0px;
      width:30px;
      height:30px!important;
      transition-timing-function: ease-in;   
      transition: height 0.5s, width 3s; 
      background-color: unset;
      border: unset;
      cursor:pointer;
   }
   
   #space table {
      display:none;
   }
      
   #space:hover {
      width:unset;
      height:60%!important;
      background-color: #fff;
      border: 1px inset #414141;
      background-image:unset;
      
   }
   #space:hover table {
      display:block;
   }
   
   #appcontainer {
      margin-top: 15px;
    /*  height: calc(100vh - 170px);*/
   }
   
   .tableContainer {
      height:calc(100vh - 140px);
      margin: 0px 10px 0px 10px;
      width: calc(90vw - 10px);
   }
   
}


-->