@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i);

body {
	font-family: 'PT Sans', 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
	/*font-weight: 400;*/
	font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
	background: #E7E7E7; /* Argento */
	
}


.content{
    color:#4c4c4c; /* Grigio Scuro WTE */
	background: #FFFFFF; /* Bianco WTE */
    padding:15px;
	border-width: 1px;
	border-color: #6abbcf;  /* Azzurro WTE */
	border-style: solid
}

/* Box BLU per titolo finestra Login, Errore... aggiunge il logo WTE*/

h1.title {
    background: #045373;
    text-align: center;
    color: #FFF;
    padding: 10px;
}

h1.title::before{
  content: '';
  background:url('../images/logo_wte.png');
  width: 64px;
  height: 44px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

/* Limitazione resize delle textarea */
textarea { resize: vertical; }

/*--------------------------------- Stili specifici per la finestra estimate ----------------------------------------- */

/* --------------------------- TAB o LINGUETTE -------------------------------- */

.nav-tabs{
  background-color: transparent;
  border-bottom: 1px solid #6abbcf;  /* Azzurro WTE */
  font-weight: bold;
}
.content.tab-content{
	border-width: 0px 1px 1px 1px;
}
.nav-tabs > li > a:focus,
.nav-tabs > li > a {
  border-radius: 0;
  border-color: #045373; /* Blu WTE (bordo invisibile) */
  background: #045373; /* Blu WTE */
  border-bottom: 1px solid #6abbcf;  /* Azzurro WTE */
  color: #FFF;
  margin-right: 3px;
}

.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a {
  border: 1px solid #6abbcf !important;  /* Azzurro WTE */
  background: #6abbcf !important;  /* Azzurro WTE */
  color: #FFF;
}

.nav-tabs > li > a:hover{
	color: #6abbcf; /* Azzurro WTE */
	background: #045373; /* Blu WTE */
	border-color: #045373; /* Blu WTE (bordo invisibile) */
	border-bottom: 1px solid #6abbcf;  /* Azzurro WTE */
	/*color: #F00;*/
}

.nav-tabs > li.active > a:hover {
	color: #045373; /* Blu WTE */
	background: #6abbcf; /* Azzurro WTE */	
	border-color: #045373; /* Blu WTE (bordo invisibile) */
}




/* -------------------------------------------- Form e validazioni --------------------------------------- */


.form-control {
  display: block;
  width: 100%;
  height: 22px;
  padding: 1px 1px;
  margin-bottom: 2px;
  font-size: 14px;	/* era 12px !important */
  line-height: 1.428571429;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c7d8e2; /* Viola WTE */
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control.ui-state-error {
	/*background-color: #FFCCCC; */
	color: #cd1619; /* Rosso WTE*/
	border-color: #cd1619; /* Rosso WTE*/
}


/* Typographic */
.text-bold {
	font-weight: bold;
}


.page-footer {
  margin-top: 15px;
  padding: 10px 15px;
  /* background-color: #f5f5f5;
  border-top: 1px solid #dddddd; 
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;*/
  font-size: 10px;
  text-align: center; 
}

.page-footer a:hover, 
.page-footer a:focus {
	background-color: #FF9;
}
/* ----------------------------------  tooltip  ----------------------------------------- */
.errorTooltip {
	border: 1 solid #cd1619; /* Rosso WTE */
	background-color: #FFC;
	color: #cd1619; /* Rosso WTE */
	font-size: 0.75em;
	padding: 0.2em;
}

/* -------------------------- Forms pageform -----------------------*/

form.pageform {
	width: 100%;
	display: inline-block;  /* per poter centrare il form rispetto al contenitore */
	/* padding-right: 3em;  in modo che ci sia spazio per 98%, ma le righe siano solo da 95%, ma non ci stia un successivo elemento da 5% */
}

form.pageform label {
	float: left;
	width: 10%;
	text-align: right;
	color: #999;
	font-size: 75%;
	padding: 4px 4px 2px 0px; /* T R B L (in orizzontale somma 0) */
	margin: 1px 0px 0px -4px; /*compensa il border in orizzontale*/
	border: 0px hidden #FFF;
}

.nl { /* new line */
	clear: left;
}

form.pageform input {
	float: left;
	width: 85%;
	padding: 4px;
	padding: 2px 0px 2px 0px; /* in orizzontale somma 0 */
	margin: 0px -1px -1px -1px; /*compensa il border in orizzontale*/
	border: 1px solid #666;
}

form.pageform input {
	float: left;
	width: 85%;
	padding: 4px;
	padding: 2px 0px 2px 0px; /* in orizzontale somma 0 */
	margin: 0px -1px -1px -1px; /*compensa il border in orizzontale*/
	border: 1px solid #666;
}
/* ----------------------------------------------- Modificatori generali dell'aspetto ----------------------------------- */

/* input:hover {background: yellow;} */
input:focus {
	background-color: #D2F0FF; /* Azzurro WTE +chiaro */
}


.err {
	/* background-color: #FCC; */
	color: #cd1619; /* Rosso WTE*/
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: #cd1619; /* Rosso WTE*/
	-webkit-text-decoration-style: wavy;
	-moz-text-decoration-style: wavy;
	text-decoration-style: wavy;
}

/*------------------------------------- menu -------------------------------------------*/


/* Stili per compattare la visualizzazione */

h1 {
  font-size: 1.8em;
  margin: 0.67em 0;
  color: #045373; /* Blu WTE */
  font-weight: normal;
}

h2 {
  font-size: 1.5em;
  margin: 0.67em 0;
  color: #045373; /* Blu WTE */ 
}

h3 {
  color: #045373; /* Blu WTE */ 
}

table {
  max-width: 100%;
  background-color: transparent;
}

/* Nuovo 2021 evidenzia il fondo in azzurro o in giallo per i link sotto al mouse nella tabella estimate*/
table.estimatelist a:hover,
table.estimatelist a:focus {
	background-color: #6abbcf; /* Azzurro WTE */
	/* background-color: #FFC; /* Giallino */
}

th {
  text-align: left;
  color: #045373; /* Blu WTE */
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 6px;
  line-height: 1; 
  vertical-align: top;
  border-top: 1px solid #dddddd;
}


th.down {
  vertical-align: bottom !important;	
}
th.small,
td.small {
 font-size: 85%;
}

.form-group {
  margin-bottom: 2px;
}

.edit-form label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 90%;
}

.popupform label {
  font-weight: normal;
  font-size: 12px;
}




/* ----------------------------------  Colorazione nelle liste in base a stato A=attivo B=Blocked o X=cancellato ----------------------  */

.status-A{
  color: #045373; /* Blu WTE */
}

.status-B{
  color: #045373; /* Blu WTE */
}
span.status-B::before{
  font-family: 'Glyphicons Halflings';
  content: "\e033"; /* padlock */
  margin-left: 10px;
}

.status-X{
  color: #cd1619; /* Rosso WTE */
}

/* Bottoni azione con icona piccola */

.btn-status {
  margin-left: 10px;
  font-size: 16px;
  color: #000000;
}

.changestatus {
  cursor: pointer;
  margin-right: 5px;
}



/*---------------------------------- Gestione dell attese durante le richieste lunghe AJAX ----------------------------*/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/wait.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}



/* -------------------------------------- Finestra Estimate ------------------------------------------------------ */

.var_name {
	font-weight: normal;
	cursor: default;
}

/* ABOLITO */
.var_symbol {
	font-weight: bold;
	font-family: "Times New Roman", Georgia, Serif;
	text-align: center;
}

.var_um {
	/*font-family: "Times New Roman", Georgia, Serif;
	text-align: center;
	*/
	text-align: right;
}

.group_title{
	cursor: pointer;
	display: inline-block;
}

.group_title:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    
    float: left;      
    color: #6abbcf; /* Azzurro WTE */
}
.group_title.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    
    color: #045373; /* Blu WTE */
}

.var_container{
	margin-left: 30px;
	margin-right: 10px;
}

/* Icona di long help */
.help_info {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 18px;
	padding-top: 2px;
}

.help_icon {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
}

/* Il cerchio */
.help_icon circle {
	fill: #c7d8e2; /* Viola WTE */
}

/* la 'i' */
.help_icon path {
	fill: #FFFFFF; /* Bianco */
}


/* help tooltip */
.help_tooltip {
    position: relative;
	top: -8px;
	left: +8px;
    visibility: hidden;
	opacity: 0;
    width: 300px;
	height: auto;
    background-color: #FFC; /* Giallino */
	border: 1px solid #c7d8e2; /* Viola WTE */
    color: #045373; /* Blu WTE */
    text-align: left;
    padding: 5px;
    z-index: 1;
	box-shadow: 5px 5px 8px rgba(100,100,100,0.6);
}


.help_icon {
	cursor: help !important;
}

.help_info:hover .help_tooltip {
    visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 500ms;
}


/* -----------------------------------------------------   Stili relativi alla validazione dell'estimate ---------------------------------------------------------- */


/* Normalmente messaggi di errore e warning sono nascosti */
span.error_msg  {
	display:    none;
	margin-right: 10px;
}

span.error_spec {
	display:    none;
}

div.error span.error_msg, div.warning span.error_msg {
	display: inline;
}

div.spec span.error_spec {
	 display: inline;
 }


div.warning span.error_msg, 
div.warning span.error_spec {
	color: #00795a; /* Verde WTE */
	font-weight: bold;
}

div.error span.error_msg, 
div.error span.error_spec {
	color: #cd1619; /* Rosso WTE */
	font-weight: bold;
	margin-right: 20px;
}

div.error  span.error_msg::before, 
div.warning span.error_msg::before {
	font-family: 'Glyphicons Halflings'; 
    content: "\e079";  /* < */
}

div.too_high  span.error_msg::before{
    /* symbol for "collapsed" panels */
	font-family: 'Glyphicons Halflings'; 
    content: "\e094";  /* Freccia giù */
}

div.too_low  span.error_msg::before{
    /* symbol for "collapsed" panels */
	font-family: 'Glyphicons Halflings'; 
    content: "\e093"; /* Freccia giù */
}

div.too_high span.error_msg:after {
    content: "Too High";
}

div.too_low span.error_msg:after {
    content: "Too Low";
}

div.required span.error_msg:after {
    content: "Required";
}


/*  Nasconde il testo del'help quando visualizza 
div.warning span.help, div.error span.help {
	display: none;
}
*/

/* Colori di evidenziazione linea  ABOLITI 2018*/
div.error {
	/*background-color: #FFE;    /* Giallino oppure #CEF = Azzurrino */
}
div.warning {
	/*background-color: #FFE;*/
}

/* Colori di evidenziazione CELLA  */

div.error input, div.error select, div.error textarea {
	/*background-color: #FFC;*/
	font-weight: bold;
	color: #cd1619; /* Rosso WTE */
	background-color: #FFF9FC;
	border-color: #cd1619; /* Rosso WTE */
}

/*input.cell.warning, */
div.warning input, div.warning select {
	/*background-color: #FFC !important; /* Giallino tenue */
	/*font-weight: bold;
	
	/*color: #C09709; /* Giallo WTE +Scuro */
	border-color: #cd1619; /* Rosso WTE */
	border-style: dashed;
	//border: 2px;
}

/* Tooltip */
.UC_tooltip {
    position: absolute;
	top: 10px;
	left: 50%;
    visibility: hidden;
	opacity: 0;
    width: 100%;
	height: auto;
    background-color: #FFC; /* Giallino */
	border: 1px solid #c7d8e2; /* Viola WTE */
    color: #045373; /* Blu WTE */
    text-align: center;
    padding: 5px 0;
    z-index: 1;
	box-shadow: 5px 5px 8px rgba(100,100,100,0.6);
}

/* Triangolo rivolto verso l'alto
.UC_tooltip:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #b9ab02;
	border-top: 0;
	margin-left: -10px;
	margin-top: -20px;
}
*/

.UC_tooltip .error_msg {
	color: #99783E !important;  /* Giallo WTE +Scuro */
	font-weight: normal !important;
}

.var_input.warning input {
	cursor: help !important;
}

.var_input.warning:hover .UC_tooltip {
    visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 500ms;
}


/* ----------------------- Simboli nella cella in warning --------------------------------*/
/*
div.var_input.warning.too_high:after{
	font-family: 'Glyphicons Halflings'; 
    content: "\e094";
}

div.var_input.warning.too_low:after{
	font-family: 'Glyphicons Halflings'; 
    content: "\e093";
}
*/

/* -------------------------------- Perfezionamento finestre di dialogo ---------------------------------------------- */
/*
.ui-dialog-titlebar-close:after {
	content: "x";
	color: #999;
	vertical-align: +10px;
	
    font-family: 'Glyphicons Halflings' !important;
    content: "\e014";
}

*/

.ui-widget-header {
		background: #045373; /* Blu WTE */
		color: #FFFFFF; /* Bianco WTE */
		border-color: #045373; /* Blu WTE */
}

.error_popup_win {
		background: #cd1619; /* Rosso WTE */
		color: #FFFFFF; /* Bianco WTE */
		border-color: #045373; /* Blu WTE */
}


/* -------------------------------------------  Bottoni Calcaterra -------------------------------------------------------------- */

button,
html input[type="button"],
/*html input[type="file"],*/
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance:    button;
	appearance:         button;  
	background: #c7d8e2;  		/* Violetto WTE */
	color: #045373;				/* Blu WTE */
}

button:disabled {
	color: #FFFFFF;				/* White */
}

/* -------------------------------------------  Simboli Bottoni -------------------------------------------------------------- */

/* tabella su https://glyphicons.bootstrapcheatsheets.com/ */

button.right {
	float: right;
}

button::before {
	font-family: 'Glyphicons Halflings'; 
	margin-right: 5px;
}

button.login::before {
    content: "\e161";
    /*color: #060; */
}

button.repeat::before {
    content: "\e030"; /* Freccia circolare */
    /*color: #060; */
}

button.refresh::before {
    content: "\e030"; /* freccia a cerchio */
}

button.search::before {
    content: "\e161";
    /*color: #060; */
}

button.del::before {
    content: "\e014"; /* x */
    /*color: #800; */
}



button.trash::before {
	content: "\e020";
    /*color: #800;*/        
}

button.exit::before {
	content: "\e163";  /* logout */
}

button.edit::before {
    content: "\e065"; /* \e103=penna oppure \270f = matita */
    /*color: #008;*/
}

button.save::before {
    content: "\e067"; /* \e168  \e084 = [v] o \e013 = v */
    /* color: #060; */
}

button.find::before {
	content: "\e138";
    /* content: "\e003"; Lente*/
    /* color: #666; */
}

button.search::before {
    content: "\e003"; /* Lente*/
}

button.add::before {
    content: "\e081";  /* (+)  */
    /* color: #060;	*/
}

button.upload::before {
    content: "\e167";  /* disco + freccia su  */
}

button.restore::before {
    content: "\e071";
    /* color: #060; */
}

button.copy::before {
    content: "\e224";
    /* color: #666; */
}

button.status::before {
    content: "\e162";
    /* color: #666; */
}

button.abort::before {
    content: "\e066";
    /* color: #999; */
}

button.mail::before {
    content: "\2709"; /* Envelope */
    /* color: #999; */
}

button.print::before {
    content: "\e045";   /* Stampante */
    /* color: #999; */
}


button.pwd::before {
    content: "\e208";
    /* color: #999;  */
}

button.download::before{
    content: "\e025";   /* \e166 */
    /* color: #009; */
}

button.release::before {
    content: "\e110";
    /* color: #999;       */
}

button.draw::before {
    content: "\e105";
}

button.calc::before {
    content: "\e019";
}

button.link::before {
    content: "\e144";   /* Catena, link  */
}

button.negotiation::before {
    content: "\e072";  /* Play  */
}

button.estimate::before {
    content: "\e056";  /* lista per estimatelist  */
}

/*----------------------------------------------------------------------  Pan and zoom ----------------------------------------------*/
#draw_root {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
	background: #ffffff;
	text-align:	center;
	vertical-align: middle;
}

#draw_root .toolbar {
	position: absolute;
	top: 0px;
	right: 0px;
    z-index:    20000;
	vertical-align: middle;
	text-align: right;
}

#calc_info {
	position: absolute;
	top: 0px;
	left: 0px;
    z-index:    500;
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
}

#calc_info .error {
	color: #cd1619; /* Rosso WTE */
}

#help_line, .help {
	position: absolute;
	bottom: 0px;
	left: 0px;
	/* background-color: #FFC; /* Giallino */
	color: #00795a; /* Verde WTE */
    z-index:    50;
	text-align: center;
    width:      100%;
	margin: 5px;
}

/** 
 * ----------------------------------------------------
 * GESTIONE PAGINA DI DISEGNO
 * ----------------------------------------------------
 */			

/* disegno solo visualizzabile (vasche di offerte chiuse e vasche a diffusori): solo mode=ZOOM */
#draw_root[interactive="0"] span.flow,
#draw_root[interactive="0"] span.drag,
#draw_root[interactive="0"] span.cad,
#draw_root[interactive="0"] #zoomStart,
#draw_root[interactive="0"] #calc_info
{
	display: none;
}

/* Oggetti riposizionabili (es vasche AJ): mode={ZOOM, DRAG} */
#draw_root[interactive="1"] span.flow,
#draw_root[interactive="1"] span.cad, 
#draw_root[interactive="1"][mode="ZOOM"] span.flow,
#draw_root[interactive="1"][mode="DRAG"] span.zoom,
#draw_root[interactive="1"] #calc_info
{
	display: none;
}

/* Oggetti riposizionabili + modifica Q (es vasche RJ con attacco diretto) mode={ZOOM, DRAG_FLOW} */
#draw_root[interactive="2"][mode="ZOOM"] span.flow,
#draw_root[interactive="2"][mode="DRAG_FLOW"] span.zoom,
#draw_root[interactive="2"] span.cad
{
	display: none;
}

/* CAD completo  (vasche RJ con reti di tubi); mode={ZOOM, DRAG_FLOW, ADDNODE, ADDLINK, DELITEM} */
#draw_root[interactive="3"][mode="ZOOM"] span.flow,
#draw_root[interactive="3"][mode="DRAG_FLOW"] span.zoom,
#draw_root[interactive="3"][mode="ADDNODE"] span.flow,
#draw_root[interactive="3"][mode="ADDNODE"] span.zoom,
#draw_root[interactive="3"][mode="ADDLINK"] span.flow,
#draw_root[interactive="3"][mode="ADDLINK"] span.zoom,
#draw_root[interactive="3"][mode="DELITEM"] span.flow,
#draw_root[interactive="3"][mode="DELITEM"] span.zoom
{
	display: none;
}


#help_line, #q_data {
	margin-right: 10px;
}

/* Nuovi bottoni x attivare o disattivare panZoom temporaneo */

button.zoom::before {
	content: "\e105"; /*Occhio*/ "\e106"; /*Occhio barrato  NON USATO*/
	margin-right: 0px;	
	color: #045373; /* Blu WTE */
}

button.drag::before {
    content: "\e087";
	margin-right: 0px;	
	color: #045373; /* Blu WTE */
}

button.addNode::before {
    content: "\e081";
	margin-right: 0px;	
	color: #045373; /* Blu WTE */
}

button.addLink::before {
    /*content: "\e120";*/
	content: "\270f";
	margin-right: 0px;	
	color: #045373; /* Blu WTE */
}

button.delItem::before {
    content: "\e014";
	margin-right: 0px;	
	color: #045373; /* Blu WTE */
}


#draw_root[mode="DRAG"] button.drag,
#draw_root[mode="DRAG_FLOW"] button.drag
{
	background: #6abbcf; /* Azzurro WTE */
}

#draw_root[mode="ADDNODE"] button.addNode {
	background: #6abbcf; /* Azzurro WTE */
}
#draw_root[mode="ADDLINK"] button.addLink {
	background: #6abbcf; /* Azzurro WTE */
}
#draw_root[mode="DELITEM"] button.delItem {
	background: #6abbcf; /* Azzurro WTE */
}
#draw_root[mode="ZOOM"] button.zoom {
	background: #6abbcf; /* Azzurro WTE */
}


button.zoomIn::before {
    content: "\e015";
	margin-right: 0px;	
	color: #045373; /* Blu WTE */
}

button.zoomOut::before {
    content: "\e016";
	margin-right: 0px;
	color: #045373; /* Blu WTE */
}

button.zoomReset::before {
    content: "\e140"; /* quattro frecce, Era \e165 */
	color: #045373; /* Blu WTE */
}

button.zoomClose::before {
    content: "\e066";
	color: #045373; /* Blu WTE */
}

#zoomRange, #flowRange {
    display: inline;
}

#drawQuit::before {
    content: "\e163";  /* esce, logout */
	color: #045373; /* Blu WTE */	
}
/*---------------------------------------------------------------------- SVG dinamico ------------------------------------------------------*/

/* #panzoom {cursor: -webkit-grab; cursor: grab;} /* Normalmente mostro una mano */

/* Modalità DRAG e DRAG_FLOW */
#draw_root[mode="DRAG_FLOW"] .roto_handle:hover,
#draw_root[mode="DRAG"] .roto_handle:hover
{
	/*opacity: 0.7;*/
	cursor: url(../images/rotate.cur),crosshair;
}

#draw_root[mode="DRAG_FLOW"] .move_handle:hover,
#draw_root[mode=DRAG] .move_handle:hover 
{
	cursor: move;
}


/* Modalità addNode */
#draw_root[mode="ADDNODE"] #TANK:hover 
{
	cursor: url(../images/add.cur),crosshair;
}

/* Modalità addLink */
#draw_root[mode="ADDLINK"] #TANK:hover {
	cursor: crosshair;
}
#draw_root[mode="ADDLINK"] .NODE:hover, 
#draw_root[mode="ADDLINK"] .PUMP:hover {
	cursor: pointer;
}

/* Modalità removeItem */
#draw_root[mode="DELITEM"]  #TANK:hover {
	cursor: url(../images/delete.cur),crosshair;
}

#draw_root[mode="DELITEM"] .NODE:hover {
	fill:#e73737;
	stroke:#FFF;
	stroke-width:10;
	cursor: url(../images/delete.cur),crosshair;
}

#draw_root[mode="DELITEM"] .LINK:hover{
	stroke:#e73737;
	stroke-width:30;
	cursor: url(../images/delete.cur),crosshair;	
}

/* -------------------  segnalazione errori progetto nei grafici SVG -------------------------- */

svg .err .NODE_error {
	display: block;
}

.notext text.LINK_text {
	display: none;
}



/* ----------------------------------------  
 * Range per cambiare lo zoom e il flusso 
 ------------------------------------------ */

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    width: 100px;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #045373; /* Blu WTE */
    margin-top: -4px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #E7E7E7;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #045373; /* Blu WTE */
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #045373; /* Blu WTE */
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #E7E7E7;
}


/*----------------------------------------------------------------------- Login ------------------------------------------------------*/
form.login h1 {
	background:#045373;  /* Blu WTE */
	text-align: center;
	color: #FFF;
	padding:10px;
}


form.login p.warning {
	text-align: center;
	color: #cd1619; /* Rosso WTE */
	font-size: 1.5em;
}

/*------------------------------------------------------------- Pagina USERS   ---------------------------------------------------------*/

div.icon,
span.icon {
	cursor: pointer;
	font-family: 'Glyphicons Halflings'; 
	font-size: 100%;
	margin: 5px;
	color: #045373; /* Blu WTE */
}

div.icon:hover,
span.icon:hover {
	/*background: #c7d8e2; /* Viola WTE */
	color: #6abbcf; /* Azzurro WTE */
}

div.icon.mail::before,
span.icon.mail::before {
	content: "\2709"; /* Envelope */
}

span.icon.change::before {
	content: "\270f"; /* matita */
}
span.icon.contact::before {
	content: "\e182"; /* cornetta */
}


span.icon.changestatus.A::before {
	content: "\e020"; /* trashbin or x = "\e014" */
}

span.icon.link::before {
	content: "\e144"; /* chain */
}

span.icon.changestatus.X::before {
	/*content: "\e115"; /* Riclicla */
	content: "\e125"; /* Pollice su */
}

span.icon.negotiation::before {
	content: "\e072";  /* Play  */
}


/*----------------------------------------------------------------------  Menu e footer ----------------------------------------------*/
.navbar {	
  -webkit-box-shadow: 0 0 8px rgba(50, 50, 50, 0.6);
  box-shadow: 0 0 8px rgba(50, 50, 50, 0.6);
}

.navbar-brand {
	font-size: 1.8em;
}

.nicename {
	color: #FFFFFF; /* Bianco WTE */
	font-weight: bold;	
}

.nicename .part2 {
	color: #6abbcf; /* Azzurro WTE */
}


/* ------------------------------------------  autocomplete -------------------------- */
.easy-autocomplete-container  {
	overflow: visible;
	width: 500px;
}

.easy-autocomplete-container ul li div {
    display: inline;
    font-weight: normal;
    word-break: normal;
	font-size: 10px;
	line-height: 1.1;

}

#sparepart_add {
	overflow: visible;
}

.easy-autocomplete-container { 
	max-height: 250px; 
	overflow-y: scroll;
}

.ui-dialog {
	overflow: visible;
}

.fullwidth {
	width: 100% !important;
}

/* -------------------------------------  TABELLE spareparts e pompe --------------------------------- */

.c {
	text-align:center !important;
}

.grid .right {
	text-align:right;
}
.grid .left {
	text-align:left;
}

.grid .center {
	text-align:center;
}
.sparepart {
	border-collapse: separate;
    border-spacing: 10px 1px;
	margin-bottom: 10px;
}

.grid td,th{
  vertical-align:text-top;
}

.sp-popupform label {
  font-weight: normal;
  font-size: 12px;
}

.sp-del {
  cursor: pointer;
}

.sp-del::before {
	font-family: 'Glyphicons Halflings'; 
	margin-right: 0px;	
    content: "\e020"; /* trashbin or x = "\e014" */
    color: #045373; /* Blu WTE */
}

.sp-padding{
	/* padding:6px 12px; 
	padding-right: 0px;*/
	padding: 1px;
}

.easy-autocomplete input {
	padding: 1px;
}

/* Funzionalità importazione documenti */


.document {
	border-collapse: separate;
    border-spacing: 10px 1px;
	margin-bottom: 10px;
}

.document a {
	cursor: pointer;
}

.doc-del {
	cursor: pointer;
}

.doc-del::before {
	font-family: 'Glyphicons Halflings'; 
	margin-right: 0px;	
    content: "\e020"; /* trashbin or x = "\e014" */
    color: #045373; /* Blu WTE */
}
.doc-note-edit {
	cursor: pointer;
}

.doc-note-edit::before {
	font-family: 'Glyphicons Halflings'; 
	margin-right: 0px;	
    content: "\270f"; /* pencil */
    color: #045373; /* Blu WTE */
}

.doc-note-view {
  cursor: pointer;
}

.doc-note-view::before {
	font-family: 'Glyphicons Halflings'; 
	margin-right: 0px;	
    content: "\e003"; /* lens */
    color: #045373; /* Blu WTE */
}

.short {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progress {
    background-color: #E7E7E7; /*  #fff; #f5f5f5; */
	height: 5px;
    margin-bottom: 10px;
}

.progress-bar {
	/*background-color: #c7d8e2;*/
	background-color: #045373; /* Blu WTE (bordo invisibile) */
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

/* --------------------Dettaglio customer ---------------- */
.short-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------------------Stati avanzamento tank ----------- */

a.tank_tab[status='0']:after,
a.tank_tab[status='1']:after,
a.tank_tab[status='2']:after {
    content: "*";
}

div#tank[status='0'] #bt_draw{
	visibility: hidden;
}

div#tank[status='1'] #bt_draw,
div#tank[status='2'] #bt_draw,
div#tank[status='3'] #bt_draw{
	visibility: visible;
}
  
div#tank[status='0'] #bt_calc, 
div#tank[status='1'] #bt_calc{
	visibility: hidden;
}

div#tank[status='2'] #bt_calc,
div#tank[status='3'] #bt_calc{
	visibility: visible;
}

div#tank[status='0'] #bt_bom, 
div#tank[status='1'] #bt_bom{
	visibility: hidden;
}

div#tank[status='2'] #bt_bom,
div#tank[status='3'] #bt_bom{
	visibility: visible;
}

div#tank[status='0'] #bt_bom_up, 
div#tank[status='1'] #bt_bom_up{
	visibility: hidden;
}

div#tank[status='2'] #bt_bom_up,
div#tank[status='3'] #bt_bom_up{
	visibility: visible;
}



.readonly {
  pointer-events: none;
  background-color: #E7E7E7 !important;
  opacity: 1;
}

.cursor-readonly {
 cursor: not-allowed !important;
}



/* ---------------------
bottone di cambio stato dell'estimate 
e_status è il codice stato dell Estimate, salvo che per le bozze in cui vale 0(incompleta) o 1 completa, senza errori
----------- */
div#estimate[e_status='0'] button.dynamic_visibility,
div#estimate[e_status='C1'] button.dynamic_visibility,
div#estimate[e_status='D1'] button.dynamic_visibility,
div#estimate[e_status='D2'] button.dynamic_visibility,
div#estimate[e_status='D3'] button.dynamic_visibility,
div#estimate[e_status='D4'] button.dynamic_visibility,
div#estimate[e_status='D5'] button.dynamic_visibility,
div#estimate[e_status='D6'] button.dynamic_visibility,
div#estimate[e_status='E1'] button.dynamic_visibility,
div#estimate[e_status='X3'] button.dynamic_visibility
{
	visibility: hidden;
}

div#estimate[e_status='1'] button.dynamic_visibility,
div#estimate[e_status='A1'] button.dynamic_visibility,
div#estimate[e_status='B1'] button.dynamic_visibility,
div#estimate[e_status='B2'] button.dynamic_visibility,
div#estimate[e_status='F1'] button.dynamic_visibility,
div#estimate[e_status='F2'] button.dynamic_visibility,
div#estimate[e_status='F3'] button.dynamic_visibility,
div#estimate[e_status='F4'] button.dynamic_visibility,
div#estimate[e_status='F5'] button.dynamic_visibility,
div#estimate[e_status='X1'] button.dynamic_visibility,
div#estimate[e_status='X2'] button.dynamic_visibility
{
	visibility: visible;
}

/* ------------------bordi form per upload file ---------------- */
.file_form{
	border-radius: 5px;
	border: 1px solid grey;
	padding: 5px;
	margin-bottom: 10px;
}
#upload_response{
	margin: 0;
	padding: 0;
	border: none;
	width:100%;
}


/* -----------------nasconde bottoni in fase di stampa-------------- */
@media print {
    button {
        display :  none;
    }
	div.bar {
		border: 1px solid blue;
	}
}

/* ------------------- warning da mago----------------------------*/
.erp_warning{
	background-color: #ffffBB;	/* giallino memo */
	background-color: #fad200; /* Giallo WTE */
	color:  #cd1619; /* Rosso WTE*/
	margin: 10px;
	padding: 10px;	
	border: 1 solid #cd1619; /* Rosso WTE*/
	box-shadow: 5px 5px 10px grey;
}

.rightpadded{
	padding-right: 10px;
}

/*-- aggiunte righe da 275 a 282 span.status-B::before w status-B  e 675-677 per bottone link, 1144 per font size label in sp popup--*/
/* 256 per size popup label*/

/*----------------- per formattazione selectize --------------------*/
#customer_link {
	overflow: visible;
}

.selectize-dropdown-content {
	background-color: white;
}

.selectize-control.form-control {
	border: none;
}

.selectize-input {
	padding:2px 2px;
}

.selectize-dropdown .option, .selectize-dropdown .optgroup-header, .selectize-dropdown .no-results, .selectize-dropdown .create {
    padding: 2px 2px;
}

/*------------- per font nelle liste autocomplite (es nuovo estimate) e nel datepicker --------------------------------*/
.ui-widget .ui-widget {
    font-size: 12px;
}

#ui-datepicker-div.ui-widget {
	font-size: 12px;
}

/*------------------ per allineare in orizzontale gli elementi del form sparepart add -----------------------------*/
.in-line {
	display: flex; 
	flex-direction: row; 
	margin-right: 15px;
}

.label-compact{
	margin-right: 10px;
}
/*------ per formattare font-size caselle di aggiunta quantità -------------------------------------------------------------*/
.input-number {
	width: 8em; 
	height: 18px; 
	font-size: 12px;
}


.selectize-dropdown, .selectize-input, .selectize-input input{
	font-size: 12px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
	font-size: 12px;
}

#efilter input, #efilter button, #efilter optgroup, #efilter select, #efilter textarea {
	font-size: 12px;
}

#cfilter input, #cfilter button, #cfilter optgroup, #cfilter select, #cfilter textarea {
	font-size: 12px;
}

#doc_help.help {
	z-index: 0;
}

.date_filter {
	width: 7em;
}

/* prova Mele */
.prova {
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}

/* Form contatti */

#contact {
	font-family: 'PT Sans', 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
	/*font-weight: 400;*/
	font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);

}

#contact .row {
	margin: 2px 0;
}

#contact p, #contact a {
	margin: 0 0 5px 0;
	padding: 0;
}

#contact label {
	font-size: 14px;
}

#contact_history td {
	padding: 0 2px;
	vertical-align: top;
}