/* @import url(https://dts-cloud.com/css/headcolor.css); */
  /* @import url(http://localhost/dts-cloud.com/css/headcolor.php); */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/*       'Open Sans', sans-serif     */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
/*       'Open Sans Condensed', sans-serif*/
@import url(https://fonts.googleapis.com/css?family=Lato:300);
/*       'lato', sans-serif*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400);
/*       'Roboto', sans-serif*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A8A8A8;
    opacity: 1; /* Firefox */
	font-size: 9pt;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A8A8A8;
	opacity: 1;
	font-size: 8pt;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #A8A8A8;
	opacity: 1;
	font-size: 8pt;
}

HTML {
    height: 100%;
    margin: 0;
    padding: 0;
                
}
BODY {
    background-color: #FFFFFF;
    padding: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    
    /* font-family: 'Open Sans', 'Roboto', Tahoma, sans-serif;
    color: #222222; 
    font-size: 12pt;*/
    line-height: 1.4;
}


.std_btn, .button01, .Button0, .ButtonForm, .ButtonSelection {
    /* border-radius: 6px;
    box-shadow: none;
    font-family: 'Roboto', Tahoma, sans-serif;
    font-weight: 600;
    font-size: 9pt;
    padding: 6px 10px;
    transition: background-color 0.3s, color 0.3s; */
    
    border: 1px solid gray; /**/
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: transparent;
    FONT-SIZE: 8pt;
    WIDTH:20pt;
    /* background-image: url('<?=$sess_dir_base?>images/arrowupdw.png'); */
    background-repeat: no-repeat;
    background-position: center center;
    
}

.std_btn {
    color: #007bff;
    background-color: transparent;
    border: none;
}

.std_btn:hover {
    text-decoration: underline;
}


input[type="text"], input[type="time"], input[type="number"],
input[type="password"], textarea, select {
    font-family: 'Roboto', Tahoma, sans-serif;
    font-size: 11pt;
    color: #333;
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 3px 4px;
    transition: border-color 0.3s, box-shadow 0.3s;
    line-height: normal !important;
    height: auto;
}


input[type="checkbox"]
{
   FONT-WEIGHT: normal;
    COLOR: blue;
    FONT-STYLE: normal;
    font-family: 'Roboto', Tahoma, sans-serif;
    BACKGROUND-COLOR: #F2F2F2;
    FONT-SIZE: 11pt;
	border-radius: 5px;
	border: 1px #A5A5A5  solid;
        
    
}


LABEL {
    font-family: 'Open Sans', Tahoma, sans-serif;
    font-size: 10pt;
    color: #333;
    margin: 0 !important;
}



input[type="text"]:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #FF7C19;
    box-shadow: 0 0 5px rgba(255, 124, 25, 0.5);
    background-color: #fff;
}

input[type="text"]:hover, textarea:hover, select:hover {
    background-color: #EAEAEA;  /* #F7F7F7; */
}


.well {
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin: 10px 0;
}

.wellEv {

  text-align: left;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 0px;

}

TD {
    /* font-family:  Tahoma, sans-serif; */
}

TH {
    font-family: 'Open Sans Condensed';
    background-color: gray; /*#5A5A5A;*/
    color: white;
    font-weight: 700;
    /* font-size: 11pt; */
    text-align: center !important;
    vertical-align: middle !important;
    padding: 4px 6px;
}


HR {
    margin: 5px 0 5px 0 !important;
}

.xtbl_param td{
    white-space: nowrap;
	padding-right: 20px;
}
.xtbl_param td:last-child{
    width:100%;
	padding-right: 1px;
}

/*
.col_text_left {
    text-align: left !important;
}
*/

.th_select
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: red;
    FONT-SIZE: 8pt;
}

.th_noselect
{
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: gray;
    FONT-SIZE: 8pt;
}

.td_lista
{
    /*
    
    FONT-WEIGHT: normal;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: white;
    FONT-SIZE: 8pt;
 */

}

.td_lista_wait
{
    FONT-WEIGHT: normal;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: white;
    FONT-SIZE: 8pt;
}

.td_lista_gdb
{
    /*
    FONT-WEIGHT: normal;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
            
    FONT-SIZE: 8pt;
    */
}


.td_lista_row_qua
{
    
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #B3DE6C; 
    FONT-SIZE: 8pt;
    
}

.td_lista_row
{
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Open Sans', Tahoma;
    FONT-SIZE: 9pt;
    vertical-align: top;  
    
    border: 1px solid #ddd;
}

.td_left {
    text-align: left;
}
.td_right {
    text-align: right;
}
.td_center {
    text-align: center;
}


.td_lista_row_unload_def
{
    
    COLOR: gray;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    
    FONT-SIZE: 8pt;
}

.tr_lista_row_selected
{ 
    BACKGROUND-COLOR: #B3DE6C;
}

.tr_lista_row_unselected
{ 
    BACKGROUND-COLOR: var(--background-color-t);  /*#FFFFAD;*/
}

.tr_lista_row_selected_stor
{ 
    BACKGROUND-COLOR: #B3DE6C; 
}


.tr_lista_row_selected_pian_sqd
{ 
    BACKGROUND-COLOR: yellow;
}

.tr_lista_row_unselected_pian_sqd
{ 
    BACKGROUND-COLOR: #e2e2e2;
}

.td_advsearch {
    background-color: #d4d1d1;
    border-bottom: 2px solid #e2e2e2;
	
}

 
.td_info
{
    /* FONT-WEIGHT: bolder; */
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: transparent;
    FONT-SIZE: 8pt;
}
 
.read_only
{

    FONT-WEIGHT: bolder;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: yellow;
    FONT-SIZE: 8pt;
}

.text_read_only
{
    border: 0px !important;
    BACKGROUND-COLOR: transparent !important;
}

.text_read_only:focus {
    outline: none;
  /* border: 1px red solid !important ; */ /* bordo degli elementi */

}

.onlyyellow
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: yellow;
}

.mainTable {
 overflow: hidden;
 table-layout: fixed;
 white-space: nowrap;
 background-color: Yellow;
 border: 1px solid Blue;
}



A.Mnu {
	  FONT-SIZE: 10px; COLOR: #000080; FONT-FAMILY: Tahoma, Verdana, Geneva; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.Mnu:hover {
	TEXT-DECORATION: underline;
	COLOR:red;
}

A.Mnu_headpage {
	FONT-SIZE: 11px; COLOR:navy ; FONT-FAMILY: Tahoma;  FONT-WEIGHT: bolder; TEXT-DECORATION: none;
}
A.Mnu_headpage:hover {
    FONT-WEIGHT: bolder;
	TEXT-DECORATION: none;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 11px;
	COLOR: red;
}


A.Mnu_headpage_flat {
	FONT-SIZE: 14px;
	font-family: 'Roboto', sans-serif;
	COLOR: white;
	TEXT-DECORATION: none;
}
A.Mnu_headpage_flat:hover {
	TEXT-DECORATION: none;
    
	font-family: 'Roboto', sans-serif;
	FONT-SIZE: 14px;
	COLOR: red;
}

A.link_notify {    
        cursor: pointer;	
}

a.Mnu_list {
    FONT-SIZE: 10pt; COLOR:red ; 
    padding-left:5px; 
    padding-right:5px; 
    color: red; /*#28a745;*/
    font-weight: normal;
}
a.Mnu_list:hover {
    background-color: #28a745;
    color: #fff;
}

A.Mnu_sort {
	
	COLOR: white; 
	FONT-FAMILY: 'Open Sans Condensed', Tahoma; 
	/* FONT-SIZE: 10pt; */ 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none
}
A.Mnu_sort:hover {
	TEXT-DECORATION: underline;
	COLOR:yellow;
}


.intmenu {
	FONT-WEIGHT: bolder;
	FONT-STYLE: normal;
    COLOR: white;
    FONT-FAMILY: Lato;
    FONT-SIZE: 14px;
}

.intmenu>a {
	color: white;
}

.intmenu>a:hover {
	color: red;
}

.intmenup {
	/* FONT-WEIGHT: bolder; 
    FONT-STYLE: normal;  #000080*/
    
    FONT-FAMILY: 'Open Sans Condensed', sans-serif;
    FONT-SIZE: 13px;
    color: #000080;
	vertical-align: middle;
}


.ButtonTable
{
    FONT-WEIGHT: bolder;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;

    FONT-SIZE: 8pt;
    WIDTH:40pt;
}




.ButtonSelection {
    background-color: #28a745;
    color: white;
}

.ButtonSelection:hover {
    background-color: #218838;
    color: white;
}

.Label_title
{
	FONT-STYLE: normal;
    FONT-WEIGHT: bolder;
    COLOR: red;
    FONT-FAMILY: 'Open Sans',Tahoma;
    FONT-SIZE: 11pt;
}

.Label_mngt
{
	FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
}

.Label_stat
{
	FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
}


.label_value_head
{
	FONT-STYLE: normal;	 
    FONT-WEIGHT: normal;
    COLOR: mediumblue;
    FONT-FAMILY: 'Open Sans',Tahoma;
    FONT-SIZE: 9pt;
}

.td_title
{
	
    BACKGROUND-COLOR: transparent;
    FONT-FAMILY: 'Open Sans Condensed',Tahoma;
    FONT-SIZE: 10pt;
    vertical-align: top;
	text-align: left;
	color: gray;

}

.td_area
{
    BACKGROUND-COLOR: white;
}

.div_lista
{
    BACKGROUND-COLOR: yellow;
     margin: 0 auto;
}


.div_lista_help
{
    /* BACKGROUND-COLOR: E9E9E9; */
    margin: 0 auto;
}

.div_lista_visit
{
   
    margin: 0 auto;
}

.td_lista_help
{
    /*
    FONT-WEIGHT: bolder;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: E9E9E9;
    
    FONT-SIZE: 7pt;
    */
}

.td_lista_help_elgdb
{
    FONT-WEIGHT: bolder;
    COLOR: blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;

    FONT-SIZE: 7pt;
}

.td_lista_pianif
{

    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;


    FONT-SIZE: 9pt;
}

.table_prompts
{

    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 0.75em;
}

.tr_prompts
{

    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 0.75em;
}

.td_list_visit
{

    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 0.70em;
}

.th_prompts
{
    BACKGROUND-COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 0.75em;
    COLOR: RED;
}

.table_news
{

    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 0.7em;
}


.table_home_mngt
{
 
}

.table_home_stat
{
 
}

.table_menu_mngt
{
	BACKGROUND-COLOR: yellow;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 9pt;
}

.table_menu_stat
{
	BACKGROUND-COLOR: yellow;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 9pt;
}

.td_menu_mngt
{
   /* border-right: 1px #B7B7B7 solid; */
}

.td_menu_stat
{
 
}

#tbl_search {
    
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    /* FONT-SIZE: 0.75em;*/
}

.table_form_mngt
{
	BACKGROUND-COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 0.75em;
}

.table_links
{
    /* BACKGROUND-COLOR: white; */
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 0.75em;
}



.table_form_stat
{
	BACKGROUND-COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
}

.table_list_mngt
{

    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
}




.table_list_mngt_optreports
{
    BACKGROUND-COLOR: #ffffad; /* #D1DFFF; */
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt; 
}



.td_list_mngt
{
 
	 
}                 



.emu_testata {
    margin:0px;
	padding:3px;
	BACKGROUND-COLOR: #D6E6FF;

}

.div_form_qua_supplier
{
    BACKGROUND-COLOR: yellow;
    position: absolute;
    border: 1px solid black;
    left: 50px;
}


.div_info_user
{
   border: 1px solid gray; 
   width: 95%; 
   margin: 0px auto;
}

.div_form_mngt_OLD
{
    BACKGROUND-COLOR: #B7DCFF;
    position: fixed;
    border: 3px solid #606060;
    /* left:300px; */
    
    z-index: 200;
    margin: 0px auto;
    width: 700px; 
    top: 170px;
}

.dialogform_test
{
top: 35%;
  position: absolute;
  BACKGROUND-COLOR: var(--background-color-f); 
  
  /* Centra orizzontalmente */
  
  left: auto;
  right: auto;
  border: 2px solid #606060;
  padding: 5px;
  z-index: 101;
  border-radius: 10px;

}

.dialogform
{
    BACKGROUND-COLOR: var(--background-color-f);  /* #B7DCFF; */
    position: static;
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060;
    
    width: 100%;  
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 5px;
    margin-bottom: 5px;

    z-index: 201;
    border-radius: 0px;

}

.div_form_value_resources
{
    BACKGROUND-COLOR: #B7DCFF;
    border: 3px solid #606060;

    width: 450px;

    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -225px;
    z-index: 201;
    
}

.div_form_mngt
{

  top: 25%;
  position: fixed;
  BACKGROUND-COLOR: var(--background-color-f); 
  
  /* Centra orizzontalmente */
  width: 740px;
  left: 50%;
  margin-left: -370px;
  
  border: 2px solid #606060;
  padding: 5px;
  z-index: 101;
  border-radius: 10px;

}


.div_form_mngt_rp
{
	
	BACKGROUND-COLOR: #B7DCFF;
    position: absolute;
    border: 3px solid #606060;
    /* left:300px; */
    
	max-width: 700px; 
	width: 85%;
	top: 15%; 

	left: 50%; 
	margin-left: -325px;
	z-index: 201;

}

.div_form_mngt_gen
{
    BACKGROUND-COLOR: #B7DCFF;
    position: fixed;
    border: 3px solid #606060;
    /* left:300px; */
    
	max-width: 750px; 
	width: 85%;
	top: 30%; 

	left: 50%; 
	margin-left: -375px;
	z-index: 201;
}


.div_form_listfile
{

    background-color: rgb(255, 249, 209); 
    border: 2px solid #606060;

    overflow:  auto;
     z-index: 230;
     position: fixed;

     width: auto; 
     max-height: 600px; 
     margin: 5px 0px 5px 0px;
     padding: 0px;
     
   
  -webkit-box-shadow: 1px 1px 0px #ffffff;
  -moz-box-shadow: 1px 1px 0px #ffffff;
  box-shadow: 1px 1px 0px #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 5px;
  /* -moz-background-clip: padding; */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  	
  -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;


}

.div_form_listfile_ok_ok
{
    BACKGROUND-COLOR: #B7DCFF;
    position: fixed;
    border: 2px solid #606060;
    left: 10px;
	padding: 10px;
	overflow:  auto;
	 z-index: 230;
	 
	 
	 top: 10px; 
	 width: auto; 
	 max-height: 600px; 
	

}

.div_form_listfile_ok
{
    BACKGROUND-COLOR: #B7DCFF;
    position: fixed;
    border: 2px solid #606060;
    left: 100px;
	padding: 10px;
	 overflow:  auto;
	 z-index: 230;
}


#div_el_gdb
{
    BACKGROUND-COLOR: yellow;
    position: Absolute;
    visibility: hidden;
    border: 1px solid gray;
    padding: 4px;
    /* min-height: 300px; 
    height: auto !important;*/
    height: 300px;
    OVERFLOW: auto;
}

.div_form_geresources
{

    BACKGROUND-COLOR: #B7DCFF;
    position: fixed;
    border: 3px solid #606060;

    max-width: 800px; 
    width: 85%;
    top: 15%;

    left: 50%; 
    margin-left: -400px;
    z-index: 201;
}

.div_form_board_selected
{
    BACKGROUND-COLOR: yellow;
    position: relative;
    border: 1px solid black;

}


.div_form_mngt_mobile
{

    BACKGROUND-COLOR: yellow;
    position: fixed;
    border: 1px solid black;
    left: 300px;
    HEIGHT: 400px;
    OVERFLOW: auto;

}

.div_form_stat
{
    BACKGROUND-COLOR: yellow;
    position: absolute;
    border: 1px solid black;
    left: 300px;
}

.user_msg
{
    FONT-WEIGHT: bold;
    COLOR: red;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 12pt;
}
 
.td_cal_current
{
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #9DDF3C;
}

.td_cal_nomonth
{
    BACKGROUND-COLOR: #DFDFDF;
}

.td_cal_standard
{
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: white;
}

.color_standard
{
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: lightgreen;
}

.color_holiday
{
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: #FF7171;
}


.td_plan_list
{
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 9pt;
    
}

.div_container {
	margin: 1px auto;
	width: 95%;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	height: 27px;
	BACKGROUND-COLOR: lightgreen; 
}

.div_contenuto {
	
	margin: 0px auto;
	padding: 0px;
	height: 1px;
	overflow: auto;
	width: 95%;
	BACKGROUND-COLOR: red;
	visibility: hidden;
	 
}

.div_gform {
	margin:0px 0px 0px 0px;
	padding:3px;
	overflow: hidden;
	height: 1px;
	visibility: hidden;

}

.bgcolor_plan_noservice {
    BACKGROUND-COLOR: #FF6600;
}

.bgcolor_plan_service {
    BACKGROUND-COLOR: #B3DE6C;
}

.bgcolor_plan_selected {
    BACKGROUND-COLOR: yellow;
}


.bgcolor_plan_service_before {
    BACKGROUND-COLOR: #C0C0C0;
}


.bgcolor_plan_service_test {
    BACKGROUND-COLOR: blue;
}


#header0
{
	/* background-image: url(images/header.jpg);*/
    border: 3px #B7B7B7 solid;
    
    BACKGROUND-COLOR: #EAEAEA;
	position: relative;
}


#header0-visit
{
	/* background-image: url(images/header.jpg);*/
    border: 3px #B7B7B7 solid;

    BACKGROUND-COLOR: #EAEAEA;
	position: relative;
}

/* bottone menu header selezionato */
#btn_menu1
{
    border: 1px red solid;
    background-color: transparent;
    background-position:  center; 
    background-repeat:  no-repeat;
    height: 70px;
    vertical-align: middle;
    
     
}

/* bottone menu header non selezionato */
#btn_menu0
{
    border: 1px gray solid;
    background-color:  transparent;
    background-position:  center;
    background-repeat:  no-repeat;
    height: 70px;
    vertical-align: middle;
   
}


/* ------------------------- header delle popup  */

#head_popup {
    border: 0px #B7B7B7 solid;
    /* background-color: #355089;   #EAEAEA; */
    
    
    background-color: var(--background-color-h);
    padding: 8px;
    margin-bottom: 0px;   /* 15px */
}


#btn_menu_pop
{
    border: 0px white solid;
    vertical-align: top;
    width: 10px !important;
    white-space: nowrap;
    
}

#label_menu_pop
{

    color: white;
    FONT-WEIGHT: bolder;
	vertical-align: top;
    
    FONT-SIZE: 12pt; 
	FONT-FAMILY:  'Roboto', sans-serif; 
}


A.Mnu_pop {
	/*
	FONT-SIZE: 14px; 
	COLOR: #000080; 
	FONT-FAMILY:  'Roboto', sans-serif;   
	TEXT-DECORATION: none
	*/
	
	FONT-SIZE: 12pt; 
	COLOR: white; 
	FONT-FAMILY:  'Roboto', sans-serif;   
	TEXT-DECORATION: none;
    border: 1px white solid;
    padding: 5px;
	
}

A.Mnu_pop:hover {
	/*
	TEXT-DECORATION: underline;
	COLOR:red;
	*/
	COLOR: white; 
	FONT-WEIGHT: bold !important;
    TEXT-DECORATION: underline ;
}

/* --------------------------------------------- */


/* ---------------------------------------- */

a.css_tooltip{
position:relative; /*richiesto per posizionare in modo assoluto elementi span*/
text-decoration:none; /*rimuove la sottolineatura del testo*/

}

a.css_tooltip:hover{
background-color:#FFFFFF; /*un colore di sfondo � richiesto per Internet Explorer 6*/
}

a.css_tooltip span{
display:none; /*nasconde elementi span in apertura*/
}
a.css_tooltip:hover span{
display:block; /*elementi span vengono visualizzati come elementi di blocco*/
position:absolute; /*posizionamento in modo assoluto*/
z-index:20; /*richiesto per posizionare elementi span al di sopra dei altri link*/
top:1.4em;
left:2em;

/*stile del css tooltip*/
width:200px;
border:1px solid #0CF;
background-color:#CFF;
color:#000;
padding:5px;
}


/* --------------------------------------- test */
.a_main_menu_sx {
  text-decoration:none; /*rimuove la sottolineatura del testo*/
  FONT-WEIGHT: bold;
  COLOR: #000080;
  FONT-STYLE: normal;
  FONT-FAMILY: Tahoma;
  FONT-SIZE: 0.9em;
  TEXT-ALIGN: left;
  display:block;
    /* background-color: white; */
  padding-top: 4px;

  border-top: 0px solid #59B54F

}
a.a_main_menu_sx:hover{
  COLOR: red;
  background-color: #e5f3fe; 
  TEXT-DECORATION: underline;
}



.th_home
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
 
    /* border-top: 0px #B7B7B7 solid;
    border-bottom: 1px #B7B7B7 solid; */
    text-align: left;
    /* background-color: #EAEAEA; */
}

.th_qhome
{
    FONT-WEIGHT: bolder;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;

    border-top: 1px #B7B7B7 solid;
    border-bottom: 5px #B7B7B7 solid;
    text-align: left;
    background-color: #EAEAEA;
}


.tr_home_sub
{
    height: 40px;
}


.tabella {
    font-family: 'Open Sans', 'Roboto', Tahoma, sans-serif;
    font-size: 9pt;
    border-collapse:collapse !important;

    border-spacing: 0;
    /* width: 100%; */
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border-radius: 0px;
    
}

.tabella_th, .tabella th {
    /* background-color: gray; */
    font-size: 10pt;
    font-weight: 600;
    letter-spacing: 0.4px;
    padding: 5px;
}

.tabella_td, .tabella td {

    /* font-size: 9.5pt; */
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

.tabella tbody tr:hover,
.tabella tr:hover {
    background-color: #f4f8fb !important;

}

.tabella tbody tr:hover td, 
.tabella tr:hover td {
    background-color: #f4f8fb !important;
    
}


.tabella tr:last-child td {
    border-bottom: none;
}

.subRowPrint {
	padding-top:2px;
	background-color: #E5E5E5 !important; 
	border-top: solid 0px #B7B7B7;
 
}

.tabella_td_noborder{
    border: 0px solid #A0A0A0;
}

.tabella_td_noborder:hover{
    background-color: #f1f3f5;   /*#e5f3fe;*/ 
}

.tabella_td1{
    border-bottom: 1px solid #E2E2E2;
}
.tabella_td1:hover{
    background-color:#e5f3fe; 
}
.tabella_td2{
    border-bottom: 0px solid #A0A0A0;
}
.tabella_td2:hover{
    background-color:#e5f3fe; 
}


.table_list_stat
{
    font-family: 'Open Sans', 'Roboto', Tahoma, sans-serif;
    font-size: 10pt;
}
.td_list_stat
{
 

}

.label_alt
{
    FONT-WEIGHT: normal;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 9pt;
}


.tr_head1 {
 /* background-image: url(images/back3.jpg); */
 background-color: #95cbf7;
 

}

.tr_head2 {
 /* background-image: url(images/sfondo_sotto.png);*/ 
 background-color: #a2a2a2; 

}

.div_float_left {
    float: left;
    margin: 3px;
    width: 80px;
    text-align: center;
}

/* ------------------------------------ */

.base_filter {
background-color: #e2e2e2; 
padding-top: 5px;
padding-bottom: 3px;
}


td_listaserv {
    border: 1px solid gray;
}

/* ------------------------------------ */
/* classi per head, menu, e sidebar */
/* ------------------------------------ */



ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.list {
	padding-right: 19px;
}

ul.list .count{
	float: left;
	width: 60px;
	margin-top: 5px;
	height: 52px;
	text-align: center;
	margin-right: 20px;
	line-height: 48px;
	color: #fff;
	font-size: 30px;
	background-color: #fd9220;
	font-family: 'Open Sans', sans-serif;
}

ul.list li+li {
	margin-top: 29px;
	padding-top: 29px;
	border-top: 1px solid #d1d1d1;
}

ul.list1 {
	margin-top: -1px;
}

ul.list1 li {
	text-decoration: underline;
	padding-left: 36px;
	padding-top: 1px;
	background: url(../images/marker.png) 0 0px no-repeat;
}

ul.list1 li+li {margin-top: 11px;}


ul.list1.l1 {
	padding-top: 16px;
	float: left;
	width: 50%;
}

ul.list2 li {
	text-decoration: none;
	padding-left: 36px;
	padding-top: 1px;
	background: url(../images/marker.png) 0 0px no-repeat;
	margin-top: 11px;
}

ul.list2.l1A {
	padding-top: 10px;
	float: left;
	width: 100%;
	 
}

ul.list1.l1 li {
	text-decoration: none;
	color: #626262;
	background-position: 0 1px;
}

a.btn {
	color: #fd9220;
	font: bold 14px/20px 'Open Sans Condensed', sans-serif;
	display: inline-block;
	margin-top: 33px;
}

a.btn:hover {
	color: #009fb3;
}

a.btnClick {
	font: bold 14px/20px 'Open Sans Condensed', sans-serif;
	border: 1px solid gray;
	display: inline-block;
	margin-top: 0px;	/* 33 */
	padding: 3px;		/* 15 */
	color: #404040;
	
}

a.btnClick:hover {
	
	color: white;
	background-color: #fd9220;
}

.clear {
	float: none !important;
	clear: both;
}

.left {
	float: left;
	 
}

.p-group {
    margin: 0px;
    padding: 0px;
    white-space: nowrap; 
    
}

.cont_submenu_full {
    border-top: solid 1px #B7B7B7;
    border-bottom: solid 1px #B7B7B7;
    background-color: #E5E5E5;
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
        
        
    /* box-sizing:initial !important; */
}

.cont_submenu {
    
    margin-top: 0px;
    /* border-top: solid 1px #B7B7B7; */
	
    background-color: #E5E5E5 !important;
	overflow-x: hidden;
	overflow-y: hidden;
	
	padding-top: 3px;
	padding-bottom: 10px;
        
    /* box-sizing:initial !important; */
	
}

.cont_submenu_bar {
    
    margin-top: 0px;
    /* border-top: solid 1px #B7B7B7; */
	
    background-color: #E5E5E5 !important;
	overflow-x: hidden;
	overflow-y: hidden;
	
	padding-top: 1px;
	padding-bottom: 1px;
	
}

.subRowBar {
	padding-top:0px;
	padding-bottom:0px;
	
	width: 100%;
	border: 0px green solid;
	overflow: auto;
	/* background-color: orange; */
        background-color: var(--background-color-b);

}

.subRowMain {
	padding-top:10px;
	min-height: 40px;
	/* border-bottom: solid 1px #B7B7B7; */
 
}

.subRowNew {
	background-color: transparent;
	padding-top:12px;
	min-height: 35px;
	
	overflow: auto;
}




.cont_submenu_nav {
    
    margin-top: 0px;
    border-top: solid 1px #B7B7B7;

    background-color: #E5E5E5;
	height: auto;
	

}


.subRowObj {
	padding-top:0px;
	padding-bottom:0px;
	
	width: 100%;
	border: 0px green solid;
	overflow: auto;
        background-color: transparent;

}

/* ------------------------------------ */

.word-break {
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word; /* IE 5+ */
}

.rq {
	/* border: 1px solid red !important; */
	color: red !important; 
	FONT-WEIGHT: bold !important;
}
	

/* ------ bootstrap */

.headfirst {
    /*background-color: #6C889E; #355089; */
    background-color: var(--background-color-h);
    
}

.headfirst-fg {
    color: white;
}

.headfirst-fg:hover {
    color: lightgray;
}


.menufile {
    font-size: .8em; 
    background-color: #e5e5e5;
}

.menufile-link {
    color: #681a86; 
    font-weight: bold;
 
}



.menuicon {
    font-size: .6em; 
    background-color: #e5e5e5;
}

.menuicon-link {
    font-size: 0.9em;
    color: #681a86; 
  
}

.menuicon-link:hover {
    background-color: #e5e5e5;
    TEXT-DECORATION: none;
}


.menumain-link {

}

.menumain-link:hover {
    background-color: #e5e5e5;
    TEXT-DECORATION: none;
}



.homebar-link {
    TEXT-DECORATION: none;
    padding-left: 2px;
    padding-right: 1px;
    
    
}

.homebar-link:hover {
    /* border: 1px solid white; */
    TEXT-DECORATION: underline;
}

.cmt-link {
    TEXT-DECORATION: none;
    
}

.cmt-link:hover {
    TEXT-DECORATION: none;
    border: 1px solid red;
    color: white;
    
}



.dropdownoptmain {
    background-color: #f8f9fa !important; 
}

.dropdownoptmain-opt {
    
}

.dropdownoptmain-opt:hover {
    background-color: lightgray;
}

.head-li-bar {
	
	/* background-color: #5E6C87; */
    background-color: var(--background-color-s);
	font-size: 14px; 
	FONT-WEIGHT: bold;
	font-family: 'Roboto', sans-serif;
 
	color: white;  /*#000080;*/
	display: block;
	padding: 5px 5px 5px;
	
}

.backsd-head {
    /* background-color: #5E6C87; */
    background-color: var(--background-color-s);
        
	font-size: 14px; 
	FONT-WEIGHT: bold;
	font-family: 'Roboto', sans-serif;
 
	color: white;  /*#000080;*/
	display: block;
	padding: 5px 5px 5px;
}

.backsd-head>a {
    text-decoration: none;
    color: white;
    margin-left: 2px;
    font-size: smaller;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    width: auto;
    display: block;
}


.backsd-head>a:hover {
    text-decoration: none;
    color: white;
}



.backsd {
   /* background-color: #355089; */
   background-color: var(--background-color-s);
   font-color: white;

}

.backsd:hover { 
    background-color: gray;
}

.backsd>a {
    text-decoration: none;
    color: white;
    padding: 1px 3px 1px;
    font-size: smaller;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    width: auto;
    display: block;
}


.backsd>a:hover {
    text-decoration: none;
    color: white;
}



/* ---------------- */
/* height: 100px; */

.tableFixHead          { overflow-y: auto;  }
.tableFixHead thead th { position: sticky; top: 0; }


.swal2-select { height: 32px; font-size: 16px; }


.button_mc {
    font-size: 20px;
    font-family: Roboto;
    color: gray;
    background-color: lightgray;
    width :70px; 
    height: 30px;
}




.input_survey {
    font-size: 20px !important;
    font-family: Roboto !important;
}

.label_survey {
    font-size: 20px !important;
    font-family: Roboto !important;
}

.vert-pipe {
   margin: 10px;
   
}

.label_pipe {
   font-size: 10px;
   
}

.red {
    color: red;
}

.awfi {
    vertical-align: baseline;
   
}

/* ---------------- */

/* sembra non usato ------
.container-fluid {
    width: 200%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-right: auto;
    margin-left: auto;

}
----- */

.rowinfofile {

    background-color: #f8f9fa;

}


/* ---------------- */

.panel-resizable {
   resize: vertical;
   overflow: auto;
    
}

/*
.td-resizable {
   resize: horizontal;
   overflow: auto;
    
}

.tr-resizable {
   resize: both;
   overflow: auto;
    
}
*/

.highlight {
    font-weight: bolder;
    background-color: red;  /* navy; */
    color: white
  }

.mpdash 
{
   text-decoration: none;
}

.mpdash:hover{
   background-color: white;

}

.div_notes {
    display: none;  top: 10px; right: 10px; position: fixed; height: auto; border: 1px solid gray; border-radius: 0px;
}

.div_notes_iframe {
     width: 350px; height:600px; padding: 0px;  border: 0px; border-radius: 0px;
}

.alwaysview {
    /* serve come tag per jquery per trovare alcuni elementi */
}

.noview {
    /* serve come tag per jquery per trovare alcuni elementi */
}



/* per barIconAreaTable */

/* Contenitore principale: Posizionamento relativo per il menu assoluto */
.icon-menu-container {
    position: relative;
    display: inline-block; /* Mantiene le dimensioni del contenuto */
    cursor: pointer;
    padding-right: 5px;
}

/* Icona Principale */
.main-icon {
    font-size: 16px;
    color: #333;
}

/* Barra delle Funzioni (inizialmente nascosta) */
.function-bar-file {
    position: absolute;
    /* Posizionamento rispetto all'icon-menu-container.
       Scegli la posizione (es. a destra, sopra, sotto) */
    top: 50%; /* Allinea verticalmente con il centro dell'icona principale */
    left: 100%; /* Sposta a destra dell'icona principale */
    transform: translateY(-50%); /* Corregge l'allineamento verticale */

    display: flex; /* Metti le icone in fila */
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

    /* Inizialmente nascosta e con opacità 0 per una transizione fluida */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 10; /* Assicura che sia sopra altri elementi */
    min-width: 40px; /* Larghezza minima per contenere le icone */
}

/* Barra delle Funzioni (inizialmente nascosta) */
.function-bar {
    position: absolute;
    /* Posizionamento rispetto all'icon-menu-container.
       Scegli la posizione (es. a destra, sopra, sotto) */
    
    left: auto; /* Rimuove il posizionamento fisso a destra */
    right: 100%; /* Sposta a sinistra (fuori dal bordo destro dell'icona) */
    transform: translate(0, -50%); /* Rimuove la traslazione orizzontale extra */

    top: 50%; /* Allinea verticalmente con il centro dell'icona principale */
    transform: translateY(-50%); /* Corregge l'allineamento verticale */

    display: flex; /* Metti le icone in fila */
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

    /* Inizialmente nascosta e con opacità 0 per una transizione fluida */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 10; /* Assicura che sia sopra altri elementi */
    min-width: 40px; /* Larghezza minima per contenere le icone */
}

/* Quando il cursore è sul contenitore, mostra la barra */
.icon-menu-container:hover .function-bar-file {
    visibility: visible;
    opacity: 1;
}

.icon-menu-container:hover .function-bar {
    visibility: visible;
    opacity: 1;
}

/* Stile delle singole icone di funzione */
.function-icon {
    margin: 0 5px;
    color: #555;
    font-size: 18px;
    padding: 2px;
    /* Aggiungi spazio tra le icone */
}

.function-icon:hover {
    color: #007bff; /* Colore al passaggio del mouse */
    transform: scale(1.1); /* Piccolo effetto hover */
}



/* 2. Stili per la MODALE (Deve stare sopra l'overlay) */
#deleteModal {
    /* Manteniamo il posizionamento */
    position: fixed;
    top: 50%;
    left: 50%;
    /* Rimuoviamo il transform per debugging se l'errore persiste, 
       altrimenti lo manteniamo se è necessario per il centramento: */
    transform: translate(-50%, -50%); 
    
    /* Z-INDEX MASSIMO PER GLI ELEMENTI INTERATTIVI */
    z-index: 20000 !important; 
    
    /* Assicurati che abbia uno sfondo solido per non essere trasparente */
    background: white !important; 
    border: 1px solid #ccc;
    padding: 20px;
}

/* 2. Stili per il BACKDROP (Overlay di Bootstrap) */
#customBootstrapBackdrop {
    /* Z-INDEX SUBITO INFERIORE ALLA MODALE */
    z-index: 19999 !important; 
    /* Aggiungiamo un colore solido per la verifica visiva */
    background-color: rgba(0, 0, 0, 0.75) !important; 
}

/* Stili per il body (gestiti da jQuery) */
.modal-open {
    overflow: hidden !important; 
    height: 100% !important;
}


.print-header-temp {
    font-family: 'Roboto', Tahoma, sans-serif;
    font-size: 14pt;
    font-weight: bolder;
   
}
/*
@media print {

    html, body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    body * {
        visibility: hidden !important;
    }

    .print-only,
    .print-only * {
        visibility: visible !important;
    }

    .print-only {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: calc(100% - 40mm) !important;  
        margin: 10mm !important;               
        padding: 0 !important;
        box-sizing: border-box !important;
        background: white !important;
    }
}
*/


/* Hide print title on screen */
.print-title {
    display: none;
}

/* Print styles */
@media print {

    /* Hide everything by default when printing-mode is active */
    body.printing-mode {
        visibility: hidden;
        margin: 0;
        padding: 0;
    }

    /* Ensure print title is visible and displayed in print mode */
    body.printing-mode .print-title {
        display: block !important;
        visibility: visible !important;
    }

    /* Collapse space of hidden siblings */
    body.printing-mode .print-hide {
        display: none !important;
    }

    /* Show only the printable area and its children */
    body.printing-mode .printable-area,
    body.printing-mode .printable-area * {
        visibility: visible;
    }

    /* Position the printable area at the absolute top-left of the page */
    body.printing-mode .printable-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0 !important;
        padding: 20px !important;
        /* Added padding to prevent content from touching edges */
        box-sizing: border-box;
        /* Ensure padding doesn't overflow width */
        /* Optional: preserve internal padding if needed, but reset to be safe */
    }
    
    .function-bar-file {
        display: none !important;
    }

    /* Optional: Remove page margins if the browser allows */
    @page {
        margin: 0;
    }
}