/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}


body {
font-size: 1em;
font-family: 'Roboto', sans-serif;	
font-weight: 100;
font-style: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
background-color: var(--color-e3e5e8);
height: 100%;
color: var(--color-505e67); 
}

a {
color: var(--color-505e67);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a IMG{
border:0px solid var(--color-99b3cc);
}

a.noborder IMG{
border:none;
}

a.ared{
color: var(--color-ff3333);
text-decoration: none;
}

td {
padding-top: 0px;
padding-left: 4px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
}

td.label_form_left{
	font-weight: bold;
	height: 40px;
	font-size: 0.9em;
	padding-left: 10px;
	margin-left: 10px;
}

P.ana_logger{
	font-size: 0.9em;
	color: #111; 
	font-family: 'Roboto', sans-serif;
	font-weight: italic;	
	text-align: left;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
}

P.status_logger {
	/*FONT-SIZE: 10px; */
	font-size: 0.9em;
	color: #eee; 
	/*font-family: Helvetica, Verdana, sans-serif;*/
font-family: 'Roboto', sans-serif;
		
	font-weight: italic;	
text-align: right;
padding: 4px 20px 4px 10px;
margin: 0px 0px 0px 0px;
}

P.status_logger_alert {
	/*FONT-SIZE: 10px; */
	font-size: 0.9em;
	color: #111; 
		/*font-family: Helvetica, Verdana, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	
	font-weight: italic;	
    text-align: center;
    vertical-align: middle;
    text-decoration:blink;
    padding: 4px 20px 4px 10px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #eeeeee;
    background-color: #eeeeee;
}



p.title_section {
   padding: 10px 10px 10px 10px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase !important;
 font-weight: bold;	
}

p.subsection_title {
   padding: 10px 4px 4px 4px;
 margin: 0px 0px 0px 0px;
 font-weight: normal;	
 }

P.title_logger {
	/*FONT-SIZE: 12px; */
	font-size: 1.0em;
	color: #002F58;
	/*font-family: Helvetica, Verdana, sans-serif;*/
font-family: 'Roboto', sans-serif;
		
	font-weight: bold;	
text-align: left;
padding: 4px 4px 4px 4px;
margin: 0px 0px 0px 0px;
}

P.button_logger {
	/*FONT-SIZE: 11px; */
	font-size: 0.9em;
	color: #eee; 
	/*font-family: Helvetica, Verdana, sans-serif;*/
font-family: 'Roboto', sans-serif;
		
	font-weight: bold;	
    text-align: left;
    height: 25px;
    line-height: 25px;
	display: table-cell;
	vertical-align: middle;
  /*  padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #000000;*/
}


P.button_logger_dark {
	/*FONT-SIZE: 11px; */
	font-size: 0.9em;
	color: #111; 
	/*font-family: Helvetica, Verdana, sans-serif;*/
font-family: 'Roboto', sans-serif;
		
	font-weight: bold;	
    text-align: left;
    height: 25px;
    line-height: 25px;
	display: table-cell;
	vertical-align: middle;
  /*  padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #000000;*/
}


P {
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

td.title{
	/*FONT-SIZE: 12px; */
	font-size: 0.9em;
	color: #eee; 
	/*font-family: Helvetica, Verdana, sans-serif;*/
font-family: 'Roboto', sans-serif;
		
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
} 

td.value{
	/*FONT-SIZE: 12px; */
	font-size: 1.0em;
	color: #eee; 
	/*font-family: Helvetica, Verdana, sans-serif;*/
font-family: 'Roboto', sans-serif;
		
	font-weight: 100;
	
	
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

IMG {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
STRONG {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
table.mainPage{
/*width: 1024px; /* main width */	
width: 100%;
border-width: 0px;
padding: 0px;
margin: 0px;
}

td.header_center{
padding: 0px;
margin: 0px;
vertical-align: top;
width: 100%; /* main width */
height: 30px; 
/*background-color: #000d2d;*/
}

td.header_center2{
padding: 0px;
margin: 0px;
vertical-align: top;
width: 1024px; /* main width */
height: 600px; 
}


P.welcome_testo_outro{
width: 100%;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
border: 0px solid #003366;
/*background-image: url(white_repeat.jpg);
background-repeat: repeat;*/
font-family: 'Roboto', sans-serif;
font-size: 1.0em;
font-style: normal;
}

P.welcome_testo_outro B{
font-weight: bold;
}

P.welcome_testo_outro A{
font-size: 0.9em;
}

/* welcome intro */
#welcome{
  /*  vertical-align: top;*/
	
	padding: 0px;
	margin: 0 auto;
	background-repeat: repeat;
	border: 0px solid #003366;	
	/*background-color: #e6f2f6;*/
	background-image: url(page4_2.jpg);
}

P.welcome_testo{
width: 80%;
padding: 20px;
border: 1px solid #003366;
background-image: url(white_repeat.jpg);
background-repeat: repeat;
font-family: 'Roboto', sans-serif;
font-size: 1.0em;
/*font-weight: 100;*/
font-style: normal;
min-height: 400px;
}

P.welcome_testo B{
font-weight: bold;
}

P.welcome_testo A{
font-size: 0.9em;
}
/* welcome intro */

form.albo{
font-family: 'Roboto', sans-serif;
font-size: 1.0em;
font-weight: 100;
padding: 0px;
margin: 0px;
text-align: left;
}

#pec_form{
	/*background-image: url(page9_2.jpg);*/
	background-color: var(--color-6890b3);
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
   	min-height: 310px;	
	*min-height: 350px;
}


#pec_form0{
	/*background-image: url(page10_2.jpg);*/
	background-color: var(--color-6890b3);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
    min-height: 310px;	
	*min-height: 350px;
}

#pec_form2{
	/*background-image: url(page11_2.jpg);*/
	background-color: var(--color-6890b3);
	padding: 0px;
	margin: 0px;
	background-repeat: repeat;

}

#pec_form3{
/*	background-image: url(page11_2.jpg);*/
	background-color: var(--color-6890b3);
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	min-height: 310px;	
	*min-height: 350px;
}

#pec_form4{
	background-color: #a3b0b9;
	padding: 0px;
	margin: 0px;
	min-height: 310px;	
	*min-height: 350px;
}

#pec_form5{
	background-color: #b3b0b9;
	padding: 0px;
	margin: 0px;
	min-height: 310px;	
	*min-height: 350px;
}

#pec_form6{
/*	background-image: url(molecola.jpg);*/
	background-color: var(--color-6890b3);
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-repeat: repeat;
	min-height: 310px;	
	*min-height: 350px;
}


#pec_form6 TABLE{
	margin-left: 8px;
}

.mappa{
 text-align: left;
 border: 0px solid #003366;
/* background-color: var(--color-c2c5d4);
 background-repeat: repeat;*/
}

#mappa{
	top: 0px;
	left: 0px;
	position: relative;
	vertical-align: top; 
	margin: 0px;
	padding: 0px;
	/*background-color: var(--color-c2c5d4);
	background-repeat: repeat;*/
	width: 100%;	
	height: 100%;
}	

#ordini_descr{
top: 394px;
position: absolute; 
	/*top: 400px;
	left: 450px;*/
	/*top: 
	position: relative;*/ 
	width: 210px;
	min-height: 100px;	
	padding: 10px;
	margin: 0px;
	margin-left: 390px;
	border: 1px solid #003366;
	background-image: url(white_repeat.jpg);
	background-repeat: repeat;
	font-family: 'Roboto', sans-serif;
	font-size: 0.95em;
	font-weight: 100;	
	font-style: normal;
}	

#ordini_descr a{
    font-size: 0.95em;
	font-weight: 100;
	text-decoration: none;
}	

#ordini_descr B{
   font-size: 0.95em;
	font-weight: 100;
	text-decoration: none;
}	


#ordini_descr a:hover{
   font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	color: var(--color-505e67);
}

#ordini_descr a.current{
    font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	color: #00427c;
}

#ord1{
	top: 394px;
	position: absolute; 
	padding: 10px;
	margin: 0px;
	margin-left: 638px;
	border: 1px solid #003366;
   /* background-color: var(--color-e6f2f6);*/
   background-image: url(white_repeat.jpg);
    font-family: 'Roboto', sans-serif;	
	font-size: 0.95em;
	font-weight: 100;
	font-style: normal;
	width: 350px;
	z-index: 1;
}

#ord1 B{
	font-family: 'Roboto', sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color: var(--color-505e67);
	text-decoration: none;
}


#ord1 a{
	font-family: 'Roboto', sans-serif;
	font-size: 0.95em;
	font-weight: 100;
	font-style: normal;
	color: var(--color-505e67);
	text-decoration: none;
}

#ord1 a:hover{
	font-family: 'Roboto', sans-serif;
	font-size: 0.95em;
	font-weight: 100;
	font-style: normal;
    color: var(--color-505e67);
    text-decoration: underline;
}

P.help {
	width: 90%;
	font-size: 1em;
	text-align: left;
	padding: 10px;
	margin-left: 8px;
	margin-right: 60px;
	margin-bottom: 20px;
	border: 0.8px solid var(--color-505e67);
	/*background-color: #efefef;*/
	background-image: url(white_repeat.jpg);
    background-repeat: repeat;
}

/*P.help_legend {
	width: 300px;
	font-size: 1em;
	text-align: left;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	border: 0.8px solid var(--color-505e67);
	background-image: url(white_repeat.jpg);
    background-repeat: repeat;
}

P.help2 {
	width: 400px;
	font-size: 1em;
	text-align: left;
	padding: 10px;
	margin-left: 8px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 0.8px solid var(--color-505e67);
	background-image: url(white_repeat.jpg);
    background-repeat: repeat;
}*/

P.help_legend {
	font-size: 0.9em;
	text-align: left;
	padding: 10px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 0.8px solid var(--color-505e67);
	background-image: url(white_repeat.jpg);
    background-repeat: repeat;
}

P.help2 {
	font-size: 0.9em;
	text-align: left;
	padding: 10px;
	margin-left: 8px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 0.8px solid var(--color-505e67);
	background-image: url(white_repeat.jpg);
    background-repeat: repeat;
}

P.help3 {
width: 750px;
/*FONT-SIZE: 11px; */
font-size: 1em;
text-align: left;
padding: 10px;
/*margin-top: -10px;*/
margin-left: 8px;
margin-right: 10px;
margin-bottom: 20px;
border: 0.8px solid var(--color-505e67);
/*background-color: #efefef;*/
	background-image: url(white_repeat.jpg);
    background-repeat: repeat;
}


table.function{
border-width: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
min-height: 800px;

}

td.esploracnc{
vertical-align: bottom;
text-align: left;
margin: 0px 0px 0px 0px;
padding-left: 8px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
}

td.vertical_bar{
	/*FONT-SIZE: 12px; */
	font-size: 1.0em;
padding: 0px;
margin: 0px;
background-image: url(vert_lines.jpg);
}

td.colspan_3{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	width: 1024px; /* main width */
}

td.vertical_bar2{
	/*FONT-SIZE: 12px; */
	font-size: 1.0em;
padding: 0px;
margin: 0px;
width: 5px;
background-image: url(vert_lines2.jpg);
}

/* RIGHT MENU */ 

table.right_menu{
border-width: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}
td.right_menu_head{
vertical-align: top;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
td.right_menu{
height: 16px;
vertical-align: top;
/*FONT-SIZE: 12px; */
font-size: 1.0em;
font-weight: bold;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
td.right_menu_left{
width: 10px;
height: 16px;
vertical-align: top;
/*FONT-SIZE: 12px; */
font-size: 1.0em;
font-weight: bold;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

td.right_menu_left IMG{
border: none 0px;
}


td.right_menu_sponsor{
padding-bottom: 10px;
vertical-align: top;
margin: 0px 0px 0px 0px;
height: auto;
}

td.esploracnc_right{
vertical-align: middle;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

td.right_menu_light a{
font-size: 10px;
font-weight: 100;
	
	
font-style: normal;
}

/* FOOTER */

/*
td.footer{
font-size: 0.9em;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
min-width: 1024px;
}

td.end_footer{
vertical-align: top;
font-size: 0.9em;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 100%;

}*/

td.contenuto{
vertical-align: top;
/*FONT-SIZE: 10px; */
font-size: 0.9em;
text-align: left;
padding: 4px;
margin: 0px;
min-width: 1024px; /* main width */
}

td.contenuto_pres{
vertical-align: top;
/*FONT-SIZE: 10px; */
font-size: 0.9em;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 1024px; /* main width */
}

td.contenuto2{
vertical-align: top; 
font-size: 0.9em; 
text-align: left; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
min-width: 1024px; 
width: 100%; 
/*min-height: 100px;*/
border:0px solid #000d2d;
}


/* ------------------------------ */
/* Contenitore principale MENU */
/* ------------------------------ */
.menu-container {
    margin: 0;
    width: 100%;
    font-size: 0.9em;
    overflow: visible;
    height: 86px;
    border:0px solid #000d2d;
}

/* MENU PRINCIPALE */
.main-menu {
    display: flex;
    position: relative;
    align-items: stretch;
    background-color: #fff;
    border-bottom: 1px solid #000d2d;
    border-top: 1px solid #000d2d;
    height: 40px;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.main-menu > li {
    list-style: none;
    position: static;
}

/* ============================================================
   SUBMENU SEMPRE VISIBILE SOLO PER `.current` O `.active`
   ============================================================ */
.submenu2 {
    display: none; /* default */
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    background-color: #ededed;
    z-index: 999;
    flex-direction: row;
    white-space: nowrap;
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #000d2d;
    border-top: 1px solid #000d2d;
}

.main-menu > li.current > .submenu2,
.main-menu > li.active > .submenu2 {
    display: flex !important;
}

/* DISATTIVA COMPLETAMENTE IL MENU A SCOMPARSA 
.main-menu:hover > .submenu2,
.main-menu > li:hover > .submenu2 {
    display: none !important;
}*/

/* ============================================================
   LINK MENU PRINCIPALE E SUBMENU
   ============================================================ */
.main-menu > li > a,
.submenu2 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    font-size: 0.9em;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    border-right: 1px solid #ddd;
    background-color: #fff;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
}

/* HOVER */
.main-menu > li > a:hover {
    background-color: #005578;
    color: #fff;
}

/* VOCE CORRENTE */
.main-menu > li.current > a {
    background-color: #005578;
    color: #fff;
}

/* VOCE PADRE (active) – leggerissima evidenziazione opzionale */
.main-menu > li.active > a {
    background-color: #e6f2f6; /* colore tenue */
    color: #005578;
}

.submenu2,
.submenu2 li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* SUBMENU corrente */
.submenu2 li.sel a,
.submenu2 li a:hover {
    background-color: #005578;
    color: #fff;
}

/* Rimuove bordo dall’ultimo elemento 
.main-menu > li:last-child > a,
.submenu2 li:last-child a {
    border-right: none;
}*/

/* Il submenu NON deve mai sparire quando il mouse passa sul primo livello */
.main-menu > li.current:hover > .submenu2,
.main-menu > li.active:hover > .submenu2 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================================
  END MENU PRINCIPALE E SUBMENU
   ============================================================ */

tr.off{
	background-color: #eee;
	color: #111;
}

tr.on{
	background-color: #898c8a;
	color: #eee;
}


tr.on A{
	color: #eee;
}

tr.standby{
	background-color: #bfa202;
	color: #111;
}

tr.standby A{
	color: #eee;
}

tr.third{
	background-color: #33b0ea;
	color: #111;
}

tr.white{
	background-color: #eee;
	color: #111;
}

/* stato per elenco temporaneo */
tr.on2{
	background-color: #fefefe;
	color: #eee;
}

tr.off1{
	background-color: #555555;
	color: #eee;
}

tr.off1 td.result_OP_PEC{
	color: #eee;
}


tr.off1 a{
	color: #eee;
}

/* Sospeso*/
tr.off2{
	background-color: #dc0707;
	color: #eee;
}

tr.off2 a{
	color: #eee;
}

/* Trasferito*/
tr.off4{
	background-color: #b5b5b5;
	color: #eee;
}

tr.off4 a{
	color: #eee;
}

/* IN trasferimento*/
tr.off3{
	background-color: #fe7511;
	color: #eee;
}

tr.off3 a{
	color: #eee;
}


tr.standby2{
	background-color: #eab933;
	color: #111;
}

tr.white2{
	background-color: #33b0ea;
	color: #111;
}


img.icon{
	border-color: #232323;
}

td.result_OP a {
color: var(--color-505e67);
text-decoration: none;
}

/*******************************************************************/
/** All font sizes *************************************************/
/*******************************************************************/
	
/* Variations from the body size for other page elements: */	
h1, h2, h3, h4, h5, p, li{
	font-size: 1.0em;
}

/* Variations from the body size for other page elements: */	
select, input{
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}


tr.tableheader23 td{
 border-bottom: 1px dotted #8e8e8e;	
 padding-bottom: 2px;
}

tr.tableheader29 td{
 border-bottom: 1px solid #8e8e8e;	
 padding-bottom: 2px;
}

tr.tableheader27 td.title{
 padding-top: 4px;	
 border-top: 0.5px dotted #d3d3d3;	
 padding-bottom: 4px;
 height: 5%;
 color: #232323;
}


p.subtitle{
 font-size: 0.9em;	
 color: #d3d3d3;
}

#content{
   /* top: 0px;
	left:50%;*/
	width: 100%;
	/*margin-left: 0 auto;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border: 1px solid var(--color-99b3cc);
	min-height: 800px;
    background-color: #e6f2f6;
    background-image: url(page4_2_oriz.jpg);
    background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
}


#content_home{
   /* top: 0px;
	left:50%;*/
	width: 100%;
	/*margin-left: 0 auto;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border: 0px solid var(--color-99b3cc);
	min-height: 800px;
	background-color: #e6f2f6;
    background-image: url(page4_2_oriz.jpg);
    background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
}



#content_org{
    position: relative;
    top: -80px;
    margin-left: 0 auto;
	/*left:50%;
	width: 100%;
	
	padding: 0px 0px 0px 0px;
	/*margin: 0px 0px 0px 0px;*/
	text-align: center;
/*	background-color: #ffffff;
	height: 100%;*/
}


#footer{
    margin-top: 10px;
    padding-top: 10px;
	font-size: 0.8em;
	background-color: #ffffff;
}


/* LOGIN */

/* LOGGATO */ 
#login{
    position: relative;
    top: 86px;
  	left:60%;
	width: 250px;
	height: 70px;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	text-align: right;
	border: 0px solid var(--color-99b3cc);
	z-index: 97;
	overflow: hidden;
}

table.csc-loginform{
display: inline;
color: #ffffff;
vertical-align: top;
font-size: 1em;
text-align: right;
padding: 3px;
border: 0px solid var(--color-99b3cc);
z-index: 1;
height: 200px;
}

/* SLOGGATO */ 
table.csc-loginform_out{
display: inline;
color: #ffffff;
vertical-align: top;
font-size: 1em;
text-align: right;
padding: 3px;
border: 0px solid var(--color-99b3cc);
z-index: 1;
height: 200px;
}

td.csc-form-fieldcell{
font-size: 0.9em;
}

p.csc-form-label-req{
font-size: 0.9em;
}


.button_logout {
  display: inline-block;
  padding: 4px 6px;
  background-color: #ededed;
  color: var(--color-99b3cc);
 
  border: none;
  font-size: 0.9em;
  text-decoration: none;
  cursor: pointer;
}

.button_logout A{
  text-decoration: none;
}

.button_logout:hover {
  background-color: #00427c;
    text-decoration: none;
}