@import url('SumoSelect.css');
@import url('balloon.min.css');
@import url('jquery-ui.css');

* { border:0px; list-style:none; margin:0px; padding:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; }
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }
body { margin:0px; }
h1, h3, h3 { margin:0px; color:#000; }
h3.section { border-bottom:1px solid #CCC; padding-bottom:10px; margin: 20px 0 20px 0; text-transform:uppercase; font-size:13px; }
:disabled { background: #EEE; color:#AAA; }
a { text-decoration:none; color:#F86400; outline:none; }
a:hover { text-decoration:underline; }
img.scale { width:100%; height:auto; }
form .row { margin-bottom:10px; }
form .row2 { padding:5px 0; }
span.note { color:#888; margin-left:10px; font-size:11px; }
input, select, textarea, button { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background:#EEE; border:1px solid #DDD; padding:7px; height:35px; }
a.btn { padding: 10px 40px; text-decoration:none; }
textarea { height:auto; }
input[type=submit], input[type=button], button, .btn { font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif; font-weight:bold; color: #000; text-transform:uppercase; background:#CCC; border:0px; cursor:pointer; padding:7px 20px; text-align:center; display:inline-block; }
input[type=checkbox], input[type=radio] { height:auto; }
input.btn-selected { background:#F86400; color:#FFF;}
input[type=submit]:hover, input[type=button]:hover, .btn:hover { background:#BBB; }
label.error { width:0px; height:0px; display: none; font-size:0px; visibility:hidden; }
input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; background:#FDE6E7; }
ul.list { margin:10px 0; }
ul.list li { border-bottom:1px dotted #CCC; padding:5px 0; }
ul.list li .tot { float:right; color:#999; }
ul.list_number li { list-style:number; margin-left:15px; }
.status_1, .status_1 a { color:#66CC00; }
.status_2, .status_2 a { color:#FF0000; }
.status_3, .status_3 a { color:#CC0000; }
.status_10 .status { color: #FF0000; font-weight:bold; }  /* rosso da iniziare*/
.status_11 .status { color: #59B200; font-weight:bold; }  /* verde in corso */
.status_12 .status { color: #000; font-weight:bold; }  /* nero terminato*/
.status_14 .status { color: #FFD24D; font-weight:bold; }  /* giallo in programmazione*/
.hidden { display:none; }

.mt40 { margin-top:40px; }
.mb40 { margin-bottom:40px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.mt10 { margin-top:10px; }
.bold { font-weight:bold; }
.label { padding:8px; text-align:right; }
.label2 { padding:8px; text-align:left; }
.label_print { padding:10px 0 0 0; }
.separator { margin: 40px 0 20px 0; }
.align_center { text-align:center; }
.align_right { text-align:right; }
.grid .item { margin-bottom:10px; }
.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
.grid .span_1_of_3:nth-child(3n+1) { margin-left:0px; }
.grid .span_1_of_4:nth-child(4n+1) { margin-left:0px; }
.grid .span_1_of_5:nth-child(5n+1) { margin-left:0px; }
.row_select, .row_select input, .row_select select { background:#FFF7DA; border-color:#888; }
.td_bg1 td { background:#E4F8FF; }
.td_bg2 td { background:#FFFFC1; }
.nowrap { white-space:nowrap; }
.notification { background:#FF0000; font-size:9px; padding:2px 5px; border-radius:2px; }


table { border-collapse: collapse; border:1px solid #FFF; width:100%; }
thead td { padding: 10px; background:#EEE; border-top:1px solid #CCC; }
tbody td { padding: 10px; border-bottom:1px solid #DDD; vertical-align:top; }
tbody td.icon i { font-size:13px; margin-right:5px;}
tbody td.icon { white-space:nowrap; }
tbody td a { display:inline-block;  }
tbody td img { border:1px solid #DDD; }

.dislay_status li { position:relative; }
.dislay_status li a { float:right; }

.wrapper { width:100%; margin: 0 auto; min-width:720px; clear: both; }
.container { max-width:95%; margin: 0 auto; clear: both; }

.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; margin: 0 0 0 1.6%; }
.col:first-child { margin-left: 0; }

.span_1_of_2 { width: 49.2%; }
.span_2_of_2 { width: 100%; }

.span_1_of_3 { width: 32.2%; }
.span_2_of_3 { width: 66.1%; }
.span_3_of_3 { width: 100%; }

.span_1_of_4 { width: 23.8%; }
.span_2_of_4 { width: 49.2%; }
.span_3_of_4 { width: 74.6%; }
.span_4_of_4 { width: 100%; }

.span_1_of_5 { width: 18.72%; }
.span_2_of_5 { width: 39.04%; }
.span_3_of_5 { width: 59.36%; }
.span_4_of_5 { width: 79.68%; }
.span_5_of_5 { width: 100%; }

.span_1_of_6 { width: 15.33%; }
.span_2_of_6 { width: 32.26%; }
.span_3_of_6 { width: 49.2%; }
.span_4_of_6 { width: 66.13%; }
.span_5_of_6 { width: 83.06%; }
.span_6_of_6 { width: 100%; }

.span_1_of_7 { width: 12.91%; }
.span_2_of_7 { width: 27.42%; }
.span_3_of_7 { width: 41.92%; }
.span_4_of_7 { width: 56.45%; }
.span_5_of_7 { width: 70.97%; }
.span_6_of_7 { width: 85.48%; }
.span_7_of_7 { width: 100%; }

.span_1_of_8 { width: 11.1%; }
.span_2_of_8 { width: 23.8%; }
.span_3_of_8 { width: 36.5%;}
.span_4_of_8 { width: 49.2%; }
.span_5_of_8 { width: 61.9%; }
.span_6_of_8 { width: 74.6%; }
.span_7_of_8 { width: 87.3%; }
.span_8_of_8 { width: 100%; }

.span_1_of_10 { width: 8.56%; }
.span_2_of_10 { width: 18.72%;  }
.span_3_of_10 { width: 28.88%; }
.span_4_of_10 { width: 39.04%;  }
.span_5_of_10 { width: 49.2%; }
.span_6_of_10 { width: 59.36%; }
.span_7_of_10 { width: 69.52%;  }
.span_8_of_10 { width: 79.68%; }
.span_9_of_10 { width: 89.84%; }
.span_10_of_10 { width: 100%; }
.separator { margin-top:40px; }

.bg_selected { background-color: #EFEFEF; }
.bg_selected input[type='text'], .bg_selected select, .bg_selected textarea { background-color: #FFF; }
#header { margin-bottom:40px; }
#header .container { max-width:100%; }
#header h3 { padding:10px 20px; text-align:right; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:12px; }
#header .menu { display: block;  background: #F86400; }
#menu a.select { background:#E35B08; }
#menu a { color:#FFF; background:#F86400; padding: 10px 20px; height:36px; text-decoration: none; }
#menu ul ul > li:hover > a, #menu ul ul li a:hover { background:#FFAF78; }
#menu > ul > li.has-sub > a:hover, #menu > ul > li.has-sub:hover > a { background:#E35B08; }
#menu > ul > li > a:hover { background: #222; }
#menu > ul > li { border-right:1px solid #FFAF78; }
#menu > ul { list-style: inside none; margin: 0; padding: 0; }
#menu > ul > li { float: left; display: inline-block; position: relative; }
#menu > ul > li > a { display: block; position: relative; text-align: center; text-decoration: none; color: #ffffff; }
#menu > ul > li > a:after { content: ""; position: absolute; z-index: 99; }
#menu > ul > li.has-sub a { padding-right:35px; }
#menu > ul > li.has-sub > a:before { content: ""; position: absolute; top: 17px; right: 15px; border: 5px solid transparent; border-top: 5px solid #ffffff; }
#menu ul li.has-sub:hover > a:after { top: 0; bottom: 0; }
#menu ul li.has-sub:hover > ul, #menu ul li.has-sub:hover > div { display: block; }
#menu > ul > li.has-sub > a:before { content: ""; position: absolute;  }
#menu > ul > li.has-sub:hover > a { z-index: 999; }
#menu ul li > ul, #menu ul li > div { display: none; width: auto; position: absolute; top: 36px; background: #666;  z-index: 999; }
#menu ul li > ul { width: 250px; }
#menu ul ul ul { position: absolute; }
#menu ul ul li:hover > ul { left: 100%; top: 0px; }
#menu ul li > ul li { display: block; position: relative;  }
#menu ul li > ul li a {  display: block; position: relative; border-right:1px solid #FFAF78; }
#menu ul ul a:hover { color: #ffffff; }
#header .sottomenu { border-bottom:1px dotted #CCC; padding: 8px 20px; }
#header .sottomenu .account ul { float:right; }
#header .sottomenu .account li { display:inline-block; margin-left:20px; }

#footer .container { max-width:100%; }
#footer { margin:20px 0; padding: 0 20px; color:#777; font-size:12px; text-align:right; }

.header-rifiuto .item { border-bottom:1px solid #DDD; padding:5px 0; }
.header-rifiuto h2 { margin-bottom:10px; }

#main .login { width:500px; margin:0 auto; }
#main .login .msg { margin-top:40px; text-align:center; }
#main .table_list table { width:100%; margin: 20px 0; }
#main .table_list_max { overflow:hidden; overflow-x:scroll; }
#main .table_list_max td { white-space:nowrap;}
#main .scheda .button { margin: 20px 0; }
#main .scheda .image img { float:left; margin-right:20px; }
#main .scheda .image p a { background:#CCC; padding: 5px 15px; display:inline-block; margin-top:10px; }
#main .scheda .image p a:hover { text-decoration:none; background:#BBB; }
#main .paginazione .pagine { text-align:right; }
#main .paginazione .pagine a, #main .paginazione .pagine b { border:1px solid #CCC; padding: 7px 10px; display:inline-block; }
#main .paginazione .pagine b { border-color:#FFF; }
#main #left li { margin: 0 0 10px 0; }
#main #left h2 { margin-bottom:20px; }
#main .checkbox_list h2 { font-size:13px; background:#DDD; margin:0 0 10px 0; padding:5px; }
#main .checkbox_list li { float:left; width:30%; margin-bottom:5px; }
#main .checkbox_list label { cursor:pointer; display:block;}
#main .checkbox_list .col:nth-child(3n+1) { margin-left:0px; }
.checkbox_2 li { float:left; width:50%; margin-bottom:5px;  }



/* begin css tabs */
#tabnav { border-bottom: 1px solid #999; margin:30px 0; height:24px; }
#tabnav li { display: inline; text-align: left; list-style-type: none; }
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9, body#tab10 li.tab10 { border-bottom: 1px solid #fff; background-color: #fff; }
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a, body#tab10 li.tab10 a { background-color: #fff; color: #000;  position: relative; top: 2px; padding: 7px 15px; }
ul#tabnav li a { padding: 7px 15px; border: 1px solid #999; background-color: #DEDEDE; color: #000; margin-right: 0px; text-decoration: none; border-bottom: none; }
ul#tabnav a:hover { background: #fff; }

body#print { margin:0 auto; text-align:center; max-width:800px; margin-top:20px; margin-bottom:20px; }
body#print .content { text-align:left; width:100%; }
body#print .print_nav { text-align:right; margin-bottom:20px; }
body#print .print_nav a { text-transform:uppercase; font-size:11px; }
body#print { width:100%; }
body#print td h1 { font-size:18px; margin-bottom:20px; }
body#print td h1 span { text-transform:lowercase; margin-left:20px; font-weight:normal; font-size:16px; }
body#print td { border:0px; padding:0px; }
body#print table.report { width:100%; border-collapse: collapse; border-top:1px solid #000; border-bottom:1px solid #000; margin:10px 0; }
body#print table.report tbody td:first-child { border-left:0px; }
body#print table.report tbody td:last-child { border-right:0px; }
body#print table.report tbody td {  padding: 7px 7px 7px 0px; border: 1px solid #000; vertical-align: top; text-align:left; }
body#print table.report thead td {  padding: 7px 7px 7px 0px; border-top: 2px solid #000; border-bottom: 2px solid #000; vertical-align: top; font-weight: bold; background: none; color:#000; text-align:left; }
body#print table.report .pl { padding-left:7px; }
body#print .td_label { font-size:9px; color:#666; text-transform:uppercase; display:block; margin-bottom:5px; }
body#print .accordion_title { padding:10px 0; cursor:pointer; border-top:1px solid #CCC; }
body#print .bg_selected { background-color: #FFF; }
body#print .fascia h4 { margin:5px 3px; }
body#print .fascia label { margin:10px 0; display:block; }

body#print h2 { margin: 10px 0; font-size:16px; }
body#print .header-section { margin-bottom:40px; font-size:11px; }
body#print .logo { text-align:center; }
body#print .logo img { width:40px; height:auto; }
body#print .footer { margin-top:100px; padding-top:10px; border-top:1px solid #000; text-align:center; font-size:10px; }

@media print {
	#print .print_nav { display:none; }
	#print { margin:0px; font-size:9px; }
	#print td, #print th { font-size:9px; }
	#print table, #print td, #print th { padding:2px 5px; }
}


.slicknav_menu { display:none; }

@media screen and (max-width: 40em){
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; }
}