/* specific tags */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

:root {
  
  /*sfondo e testi*/
  --themeColor: #FFF;
  --bgColor: #EEE;
  --textColor: #000;
    
  --shadowColor: rgba(0, 0, 0, 0.2);
  --logoFile:url(logo-default.svg);
  
  /*headers & hover dei tasti */
  --contrastColor: #ff6a07;
  --contrastfilterColor: brightness(0) saturate(100%) invert(50%) sepia(85%) saturate(2958%) hue-rotate(353deg) brightness(103%) contrast(109%);
      
  /*costanti*/
  --darkColor:#111;
  --darkfilterColor: brightness(0) saturate(100%) invert(0%) sepia(62%) saturate(4279%) hue-rotate(151deg) brightness(103%) contrast(87%);
  --lightColor:#FFF;
  --lightfilterColor: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(629%) hue-rotate(239deg) brightness(115%) contrast(100%);

  --purchasingmargincolor:var(--contrastColor);
  --purchasingcostcolor:var(--textColor);
}

body 
	{
	background-color: #4E5869;
	margin: 0;
	padding: 0;
	color: #000;
	}
a {cursor:pointer;}
a:hover{color:#900; background-color:#FFC;}
hr { border:0; border-top:1px solid #999; margin-bottom:1px; }
h1, h2, h3, h4, h5 {margin:5px 0px;}
h4 {text-align:left;}
input[type=text],input[type=number],select,textarea{background-color:#FFF;border: 1px solid #76A2D1;}	


fieldset legend {font-weight:bold}	
button[type="button"] {font-size:1em;}

.truncate{display:inline-block; white-space: wrap; overflow: hidden; text-overflow: ellipsis}
  
/* interface containers */	
#container { width:100%; margin: 0;	padding:0; font-family: 'Lato', sans-serif;}
#container-header, #container-footer, #container-debug {background-color: #626F84;}
.container-spacer { height:3px; background-color:#69758B; }

.separator{padding:3px; margin-bottom:3px; border-bottom:1px solid var(--darkColor)}
.paneselector{display:none;}

#header,
#content,
#breadcrumb,
#footer,
.spacer
	{
	text-align:left;
	width:95%;
	max-width: 1236px;
	min-width: 770px;
	}
#header .spacer,
#content .spacer,
#breadcrumb .spacer,
#footer .spacer
	{
	width:100%;
	}
	
#container-ajax_loader
	{
	position:relative;
	width:95%;
	max-width: 1200px;
	min-width: 770px;
	}
	
.container_small #header,
.container_small #content,
.container_small #breadcrumb,
.container_small #footer,
.container_small .spacer 
	{
	width:70% ;
	min-width: 650px ;
	max-width: 920px;
	}

.container_small #container-ajax_loader
	{
	position:relative;
	width:100%;
	min-width: 650px ;
	max-width: 920px;
	}	
	
.container_small form{padding: 0px 14px;}	
#header,
#footer,
#content
	{
	background-color:#FFF; 
	vertical-align:top;
	padding:8px 0px;
	}

#debug{color:#FFF; background-color:#800}
	
#content,#breadcrumb{background-color:#F2F3F7;}
.spacer {height:3px; background-color:#E7E9ED;}
	
#header{height:95px}	
#header	{text-align:center; min-height:60px}
#content{text-align:left;}
#footer {text-align:center; font-size:.8em;}


/* specific id */
#logo { float:left; }
#logo a	{ z-index: 100;	}
#logo a:hover { background-color:transparent;}
#logo a span {	position:absolute;	margin-left:10px; height:80px; width:270px;	background-repeat:no-repeat;	background-position:left; z-index: 99;}

#header_title {position:relative;	font-size:1.9em; 	font-weight:normal;	padding:6px;}

#login_info {position:relative; float:right; margin:-62px 12px;}

#message_notify
	{
	  position: fixed;
	  top: 20px; /* distanza dal bordo superiore */
	  left: 50%;
	  transform: translateX(-50%);
	  background-color: white;       /* sfondo chiaro */
	  padding: 20px 30px;            /* spazio interno */
	  border-radius: 12px;           /* angoli arrotondati */
	  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* ombra */
	  border: 1px solid #FFF;        /* bordino sottile */
	  font-weight:bold;
	  color:red;
	  
	}
		
#jobSorting{cursor:pointer;}
		
#ajax_loader {position:absolute; right:14px; padding:5px 0px; top:34px; color:#F60; display:none; width:100%;text-align:right;}
#ajax_loader h2{display:inline; float:right; position:relative; left:5px; top:2px; padding:0; margin:0;}

#job_flt {padding: 10px 10px; display:flex; flex-flow:row nowrap; justify-content:space-around}

#ajax_loader div 
	{
	float:right; width:24px; height:24px; margin:7px;    
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto auto;
	}
	

/* classes */
.hide {display:none;}
.show {display:block;}

.nowrap {width:150px; display:inline-block; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.climaZoneDetail > * {margin-bottom: 2px; border:1px solid black; }
.climaZoneDetail { padding:2px;  text-align:center; 
				  background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238) 1px, rgb(255, 255, 255) 25px)
				 }

table.table_login{width:auto !important;}
.table_login input,
.table_login	textarea,
.table_login select{font-size:1.3em;}

.table_login input[type=text],
.table_login input[type=number],
.table_login input[type=password],
.table_logintextarea,
.table_login select{border:1px #999 solid; width:200px;}

.prices {margin: 5px 0px}
.prices tr:nth-child(even) {background: transparent}
.prices tr:nth-child(odd) {background: #DDD}
.prices td div{padding:5px !important}
.pricesdesc {width:80% !important;}
.pricestotal {width:10% !important;}
.pricesdesc div{ font-weight:400;padding:0px !important; overflow-wrap: break-word; word-wrap: break-word;  hyphens: auto;}
.pricesdesc div span {font-style:italic; font-size:0.9em; font-weight:400}

#content table {width:100%; }
#content > table td {vertical-align:top;}
td.list_left {width:30%;}
td.action_tools {width:32px;}
.list_left select {width:100%}

.tableform .tit {width:20px;}
.tableform .tit span{white-space:nowrap;}
.tableform label{
	font-size:0.95em;
	color:#333;
	vertical-align:middle;
	text-align:right;
	margin-right:3px;
	white-space:nowrap;
	cursor:pointer;
	width:100%;
	padding:5px;
}
.tableform label:hover{background:#FFC; color:#000}

.userbuttons {display: flex; flex-flow:row nowrap; align-items:flex-start}
.userbuttons > * {align:center; padding:5px; margin:5px; border: 1px solid black;}

#usertools .title,
.userbuttonsTitle{ width:100; padding: 5px; margin:5px; font-weight:400; font-size:1.2em }

.readonly label{color: #666;}

.dat{font-size:1em; color:#000; vertical-align:middle;}
.tableform, .tableform table {border-collapse:collapse;}
.tableform input[type=text], input[type=number]	.tableform textarea,.tableform select				{width:100%; min-width:30px; border:1px solid #76A2D1;}
.tableform input[type=text]:focus, .tableform input[type=number]:focus,	.tableform textarea:focus,	.tableform select:focus,
.tableform input[type=text]:hover, .tableform input[type=number]:focus,	.tableform textarea:hover,	.tableform select:hover	{background:#FFC; border:solid #76A2D1 1px;}

.tableform .text {width:auto !important;text-align: left;}
.tableform .num {width:auto !important;text-align: right;}

.tableform td {padding-right:10px;}
.tableform td table td  {padding-right:10px;padding-left:0px;}

.fastrow input, .fastrow select
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:32px;
}

.fastrow:nth-child(2)  {padding-top:3px 0px;  border: 1px solid #BBB;}

input[disabled],
option[disabled],
select[disabled],
textarea[disabled],

input[readonly],
option[readonly],
select[readonly],
textarea[readonly]
	{color:#444; background-color:transparent; border:solid #76A2D1 1px;}

textarea{resize:none}
  
input[disabled]:hover,
option[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover,

input[readonly]:hover,
option[readonly]:hover,
select[readonly]:hover,
textarea[readonly]:hover,

input[readonly]:focus,
option[readonly]:focus,
select[readonly]:focus,
textarea[readonly]:focus
	{background-color:#E6E6E6 !important;}
	
	
button img {margin-right:8px; vertical-align:middle;}

#cmp_mosaic td.td_img,
select.loading { background-position: center center !important; background-repeat: no-repeat !important;}

#cmp_mosaic td {padding:0 8px;}
#cmp_mosaic td.td_img, 
#atc_mosaic td.td_img {padding:0; text-align: center;}
#cmp_mosaic td.cmp_position 
        {font-family:"Lato", sans-serif; 
         text-align:center;
         font-size:1.25em; 
         padding-top:12px;
         font-weight:bold; 
         width:50px; 
         height:50px;         
         overflow:hidden; 
         }
#cmp_mosaic td.cmp_position .cmp_tools {text-align:center; padding:0px 0px 0px 10px; width:24px; }

#cmp_mosaic td.cmp_position .cmp_tools div {position:relative; z-index:99; text-align:center; border:2px solid transparent; background-size:24px; width:24px; height:24px;  float:left}

#cmp_mosaic td.cmp_position .cmp_tools_delete {background:url(../img/operac_delete.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools_freeze {background:url(../img/operac_freeze.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools div:hover {text-align:center; border:2px solid transparent; background-size:28px; }
#cmp_mosaic td.cmp_position .cmp_tools_moveup {background:url(../img/operac_moveup.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools_movedown {background:url(../img/operac_movedown.png) center center no-repeat;}

.atc_tools div {float:right; position:relative; padding-top:0px; z-index:99; text-align:center; border:2px solid transparent; background-size:24px; width:24px; height:24px;}
.atc_tools div:hover {text-align:center; border:2px solid transparent; background-size:28px; }
.atc_delete {background:url(../img/operac_delete.png) center center no-repeat;}
.atc_delete:hover {background:url(../img/operac_delete.png) center center no-repeat;}


.htmlHomeButton, .htmlLogoutButton {cursor: pointer; width:24px; height:24px; padding:2px; position:relative;padding-top:5px;}

.userPrinterButton, .userSettingsButton, .userJobsButton {background-position:center; cursor: pointer; width:64px; height:64px; padding:2px; position:relative;padding-top:5px;}

.userPrinterButton {background:url(../img/printer.svg); background-repeat:no-repeat; background-size:contain;
/*BLACK*/ filter: var(--darkfilterColor);
}
.userSettingsButton {background:url(../img/settings.svg); background-repeat:no-repeat; background-size:contain;
/*BLACK*/ filter: var(--darkfilterColor);
}
.userJobsButton {background:url(../img/projects.svg); background-repeat:no-repeat; background-size:contain; 
/*BLACK*/ filter: var(--darkfilterColor);
}

.itemEdit {background:url(../img/itemEdit.svg); background-repeat:no-repeat; background-size:contain; 
/*BLACK*/ filter: var(--darkfilterColor);
}

.itemRemove {background:url(../img/itemRemove.svg); background-repeat:no-repeat; background-size:contain;
/*BLACK*/ filter: var(--darkfilterColor);
} 


.operacNewButton, .operacNewJobLineButton, .operacRestoreButton, .operacDeleteButton, .operacPrintButton, .operacCalcButton, .operacBOMButton,
.operacCloneButton, .operacEditButton, .operacReloadButton {background-position:center; margin:5px; padding:2px; position:relative;}

.clickable {cursor: pointer;}
.clickable:hover {filter: invert(0%) sepia(2%) saturate(0%) hue-rotate(167deg) brightness(101%) contrast(102%);}

.standardIcon {width:24px; height:24px;}
.smallIcon {width:16px; height:16px;}

.operacFilterButton {background-position:center; padding:2px; position:relative;padding-top:5px;}

.operacNewButton {background:url(../../img/operac_new.svg); background-repeat:no-repeat; background-size:contain;
/*GREEN**/ filter: brightness(0) saturate(100%) invert(30%) sepia(97%) saturate(3222%) hue-rotate(116deg) brightness(108%) contrast(93%);
}
.operacNewJobLineButton {background:url(../../img/operac_newjobline.svg); background-repeat:no-repeat; background-size:contain;
/*GREEN**/ filter: brightness(0) saturate(100%) invert(30%) sepia(97%) saturate(3222%) hue-rotate(116deg) brightness(108%) contrast(93%);
}

.operacCalcButton {background:url(../../img/operac_calc.svg); background-repeat:no-repeat; background-size:contain;
/*ORANGE**/ filter: brightness(0) saturate(100%) invert(49%) sepia(30%) saturate(2408%) hue-rotate(1deg) brightness(104%) contrast(105%);
}

.operacBOMButton {background:url(../../img/operac_BOM.svg); background-repeat:no-repeat; background-size:contain;
/*TEAL**/ filter: invert(15%) sepia(73%) saturate(4939%) hue-rotate(180deg) brightness(99%) contrast(94%);
}

.operacReloadButton {background:url(../../img/operac_reload.svg); background-repeat:no-repeat; background-size:contain;
/*GREY*/ filter: brightness(0) saturate(100%) invert(46%) sepia(72%) saturate(5%) hue-rotate(10deg) brightness(89%) contrast(90%);
}

.operacPrintButton {background:url(../../img/operac_print.svg); background-repeat:no-repeat; background-size:contain;
/*GREY*/ filter: brightness(0) saturate(100%) invert(46%) sepia(72%) saturate(5%) hue-rotate(10deg) brightness(89%) contrast(90%);
}

.operacCloneButton {background:url(../../img/operac_clone.svg); background-repeat:no-repeat; background-size:contain;
/*YELLOW*/ filter: brightness(0) saturate(100%) invert(87%) sepia(42%) saturate(946%) hue-rotate(350deg) brightness(99%) contrast(100%);
}

.operacEditButton {background:url(../../img/operac_edit.svg); background-repeat:no-repeat; background-size:contain;
/*BLUE*/ filter: brightness(0) saturate(100%) invert(14%) sepia(50%) saturate(4745%) hue-rotate(197deg) brightness(97%) contrast(101%);
}

.operacFilterButton {background:url(../../img/operac_filter.svg); background-repeat:no-repeat; background-size:contain;
/*BLACK*/ filter: var(--darkfilterColor);
}
.operacDeleteButton {background:url(../../img/operac_delete.svg); background-repeat:no-repeat; background-size:contain;
/*RED*/ filter: brightness(0) saturate(100%) invert(13%) sepia(52%) saturate(7205%) hue-rotate(356deg) brightness(95%) contrast(116%);
}

.operacRestoreButton {background:url(../../img/operac_restore.svg); background-repeat:no-repeat; background-size:contain;
/*GREY*/ filter: brightness(0) saturate(100%) invert(46%) sepia(72%) saturate(5%) hue-rotate(10deg) brightness(89%) contrast(90%);
}

.htmlLogin {text-align:right; width: 50%}
.htmlLoginItems{ margin:0px; padding:5px 0px 3px 0px; float:right;}
.htmlLoginItem{ margin:0px; padding:0px; display: block; width:100%}
.htmlLoginButtons{ margin:0px; padding:5px 0px 3px 5px; position:relative; float: right; height: 150px}

.timestamp{font-style:italic; font-weight:300; font-size:0.9em}
#cmp_mosaic td.cmp_position .cmp_tools_unfreeze {background:url(../img/operac_unfreeze.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools_unfreeze:hover {background:url(../img/operac_unfreeze.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools_clone {background:url(../img/operac_clone.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools_clone:hover {background:url(../img/operac_clone.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools_edit {background:url(../img/operac_modify.png) center center no-repeat;}
#cmp_mosaic td.cmp_position .cmp_tools_edit:hover {background:url(../img/operac_modify.png) center center no-repeat;}

.cmp_line_desc {font-size:1em; font-weight:200; font-style:italic; padding:3px;
display:inline-block; height:200px; white-space: wrap; overflow-x: hidden; text-overflow: ellipsis;}
					
#cmp_mosaic li{width:285px;height:285px}
#atc_mosaic li{width:285px;height:285px}
#cmp_mosaic ul,#atc_mosaic ul {margin:0; padding:0; list-style-type:none;}
#cmp_mosaic li,#atc_mosaic li {padding:3px; float:left; margin:0px 3px 3px 0px; z-index:4;}
#cmp_mosaic table,#atc_mosaic table {border-collapse:collapse; border-color:#CCC;}


#cmp_mosaic li:not(.disabled):hover,
#atc_mosaic li:not(.disabled):hover
    {background-color:#EEE; opacity:0.9; filter:alpha(opacity=90);} /* For IE8 and earlier */

#cmp_mosaic li, #atc_mosaic li{border:1px solid #CCC}
#cmp_mosaic li:hover, #atc_mosaic li:hover{border:1px solid black}


#atc_mosaic li {text-align:center}

#cmp_mosaic li:active,
#atc_mosaic table td.td_img:active {background-color:#FF130F;}



#cmp_mosaic /*li:not(.disabled)*/,
#atc_mosaic table td.td_img {cursor:move;}
.cmp_tools {cursor:pointer}

.li_cmp_color table{border-collapse:collapse; height:22px; width:100%; border:0; margin:0; padding:0;}
.li_cmp_color, .li_cmp_color td{height:22px; border:0; margin:0; padding:0 !important;}


#cmp_mosaic .title {height:25px;width:152px; white-space:nowrap; overflow:hidden; border-bottom-color:transparent; text-align:center; background-color:#FFF}
#cmp_mosaic td.td_img{border-bottom-color:#CCCCCC;}
#cmp_mosaic .description {height:130px; border-top:none;text-align:center;}
#cmp_mosaic .description div{height:125px;width:155px;overflow:hidden;}
#cmp_mosaic .title div,#cmp_mosaic .description div {width:150px; overflow:hidden;}



/*li.cmp_frozen{opacity: 0.40 !important;} */
.cmp_frozen{opacity: 0.25}
/*td.cmp_non_recognized_codes {padding: 3px; font-size: 150%; vertical-align:middle !important; text-align:center; font-style:italic; white-space:normal;}*/
li.cmp_template {font-style:italic;color:green;}
tr.cmp_template {font-style:italic;color:green;}

/* limite in campi div tabella mosaic */
td.td_limited {width:200px;}
td.td_limited div{white-space:nowrap;}
td.td_limited div {width:200px; overflow:hidden;}
/* */

/* lista ul li */
#list ul {margin:0; padding:0; list-style-type:none;}
#list li {padding:1px; float:left;}
#list table {border-collapse:collapse; border-color:#CCC}
/**/

.tipologia_lista {margin-right:3px;}
.tipologia_elemento_over{background-color:#F00; color:#FFF;}
.tipologia_elemento{background-color:#333; color:#FFF;}


legend { cursor:pointer; display: inline-block; padding: 4px 8px;  text-align: center; }

fieldset.box { display:block; padding:5px; margin-bottom:5px;}
fieldset.box div.toggle_selector { display: block; 	float: right; 	margin-top: -25px; 	padding: 0 3px;	cursor:pointer;    width:26px;	}
fieldset.box table td {font-size:.8em; padding-left:5px}
fieldset.box_image {padding:5px 12px; margin:0; text-align:center}

span.sublegend{font-size:.8em;font-style:italic;color:#777;}

div.error {color:#F00; font-size:.9em; margin:-3px 3px 5px 3px ;}
div.error span {border:1px #F00 solid; border-radius:5px; padding:3px}

span.blink {text-decoration:blink;}

.configuration ul {margin:0; padding:0; list-style-type:none; position:relative}
.configuration li {padding:1px; float:left; width:33%}

table.macro_list {white-space:nowrap; border:1px #CCC solid; border-collapse:collapse; font-size:.8em;}
.macro_list td {border-bottom:1px #CCC solid;}

td.not_valid_value {background:url("../img/warning2.png"); background-size:auto 18px; background-repeat:no-repeat;background-position:right;}

.stars0 {background:url("../img/stars0.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars1 {background:url("../img/stars1.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars2 {background:url("../img/stars2.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars3 {background:url("../img/stars3.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars4 {background:url("../img/stars4.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars5 {background:url("../img/stars5.png"); background-size:auto 16px; background-repeat:no-repeat;}


#ajax_loader{overflow:hidden;float:right;top:0; border: none; margin:5px;}
#overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 990;
    position: absolute; left: 0; top: 0;  
	width: 100%; height: 200%; display: none;
}
#overlay_loader div
{
	background:url("../img/preloader.svg"); background-repeat:no-repeat; background-size:contain; 
	position: absolute;  top: 50%;  left: 50%; width: 20px;  height: 20px;
	filter:brightness(0) invert(1);
	display: none;
} 
#overlay_loader h2 {color:white;}   
 
#tbl_group{border:1px solid #aDaDaD;border-radius: 5px;}
#tbl_thermo_footer{border:1px solid #aDaDaD;border-radius: 5px;}
#tbl_group td > a {background:none}

#tbl_baks {padding-left:20px}
#tbl_baks tr td:first-child{width:18%;}
#tbl_baks input, #tbl_baks textarea
{       width:90%;   
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
}

#reportArea {width:94%}

 #job_description, #job_note{width:100%; border:1px solid #76A2D1;}
 #job_description:hover, #job_note:hover{}

.preview{width: 28px; height: 28px; object-fit: contain}
#tbl_decommissioned_wt, #tbl_energy, #tbl_tee{border:1px solid #999; border-radius: 5px; border-collapse:collapse;}
#tbl_decommissioned_wt select{width:250px} 

#tbl_energy th, #tbl_decommissioned_wt th, #tbl_tee th,
#tbl_energy td, #tbl_decommissioned_wt td, #tbl_tee td{padding:3px;border:1px solid #999;}
#tbl_energy td, #tbl_tee td{border:1px solid #999;} 
#tbl_energy,#tbl_decommissioned_wt, #tbl_tee {font-size:0.9em}

#tbl_tee th:first-child {width:50%}
#tbl_energy th:first-child {width:40%}
#tbl_tee a {background:none;}
#tbl_tee td {text-align:right}


#tbl_nrm{border:1px solid #EDEDED; border-collapse:collapse}
#tbl_nrm > td {border-radius: 5px;}
td.currentnrm,
td.currentnrm>a {background-color: #50555B; border-radius: 5px; border-color: 1px solid black; color:#FFF; font-weight:bold}

#job_summary {border-collapse:collapse}
#job_summary td, #job_summary th {text-align:center}
#job_summary th{padding:5px; width:7%; text-align:center; font-size:0.9em}
#job_summary .qty{width:3%}
#job_summary .price{width:10%}
#job_summary .discount{width:10%}
#job_summary .text{width:15%}
#job_summary .longtext{width:20%}
#job_summary .summaryedit{width:90%; border: none;}
#job_summary .summaryedit:hover{border: none;}

#job_materials {margin-bottom:25px; padding:5px; width:100%; border-collapse:collapse}
#job_materials tr:nth-child(odd) {background: #CCC}
#job_materials tr:nth-child(even) {background: #FFF}
#job_materials td{text-align:left; padding:5px;}
#job_materials th{padding:5px; width:7%; text-align:center; font-size:1em}
#job_materials .qty{width:3%}
#job_materials .price{width:10%}
#job_materials .discount{width:50%}
#job_materials .text{width:20%; }
#job_materials .longtext{width:30%; text-align:left}

#box-rappresentante{width:90%; padding:10px; display:flex; flex-flow:row nowrap; justify-content:space-evenly}
#calcoli-rappresentante{letter-spacing: normal; display:flex; flex-flow:column nowrap; margin:10px; align-items:stretch}
#calcoli-rappresentante > div {align-items:stretch; display:flex; flex-flow:row nowrap; justify-content:flex-end}
.roundChart{display: block;  background-size:contain;}

#totali{padding:5px; text-align:center;}

#job_thermo, #tbl_user td{padding:5px;}
#job_thermo th {height:45px; text-align:left; white-space:nowrap;}
.showhidetext{background:none; padding-top:10px;float:right;font-size: 0.8em; font-style:italic}

.col_result,
.col_pos{width: 2%}
.col_pz{width: 2%;}
.col_gruppo{width: 25%}
.col_name,
.col_category{width: 10%}
.col_size{width: 8%}
.col_panes{width: 10%}

#3d_preview_link{width:48px}
#tbl_tee .note,
#tbl_energy .note{text-align:left; font-size:0.9em; font-style: italic; white-space:wrap; border:1px solid transparent;  margin-left: 4em; text-indent: 0em;}

#tbl_tee .note a{color:#000}

.total{background-color: #E3F9E6; color:#013D00; font-weight:bolder; font-size:1.8em}
.starsimg{text-align:center;}

#tools{height:130px; -moz-border-radius: 5px; border-radius: 5px; margin-left:3px;}
#tools h3{padding:5px}
#tbl_ngcus td:first-child{padding-left :5px}
#tbl_ngcus th:first-child{padding-left :5px}