@font-face { font-family: 'Eras Bold ITC'; src: url('../fonts/ERASBD.TTF'); }
.eras_bold_itc { font-family: 'Eras Bold ITC'; }

a {			color: #000000; 
			font-size: 12px; 
			text-decoration: none}
a:hover {	color: #FFFFFF; 
			text-decoration: none;
			background-color: #000000}
.img {text-decoration: none; background-color: #ffffff;}
.img:hover {text-decoration: none; background-color: #ffffff;}

.testo1 { font-size: 9px; color:#000000; font-weight: normal}
a.testo1 { font-size: 9px; color:#000000}
a:hover.testo1 { font-size: 9px; color: #FFFFFF; text-decoration: none; background-color: #000000}
.testob1 { font-size: 9px; color:#000000; font-weight: bold}
a.testob1 { font-size: 9px; color:#000000; font-weight: bold}
a:hover.testob1 { font-size: 9px; color: #FFFFFF; text-decoration: none; background-color: #000000; font-weight: bold}

.testo2 { font-size: 12px; color:#000000; font-weight: normal}
a.testo2 { font-size: 12px; color:#000000}
a:hover.testo2 { font-size: 12px; color: #FFFFFF; text-decoration: none; background-color: #000000}
.testob2 { font-size: 12px; color:#000000; font-weight: bold}
a.testob2 { font-size: 12px; color:#000000; font-weight: bold}
a:hover.testob2 { font-size: 12px; color: #FFFFFF; text-decoration: none; background-color: #000000; font-weight: bold}

.testo3 { font-size: 14px; color:#000000; font-weight: normal}
a.testo3 { font-size: 14px; color:#000000}
a:hover.testo3 { font-size: 14px; color: #FFFFFF; text-decoration: none; background-color: #000000}
.testob3 { font-size: 14px; color:#000000; font-weight: bold}
a.testob3 { font-size: 14px; color:#000000; font-weight: bold}
a:hover.testob3 { font-size: 14px; color: #FFFFFF; text-decoration: none; background-color: #000000; font-weight: bold}

.testo4 { font-size: 16px; color:#000000; font-weight: normal}
a.testo4 { font-size: 16px; color:#000000; }
a:hover.testo4 { font-size: 16px; color: #FFFFFF; text-decoration: none; background-color: #000000; }
.testob4 { font-size: 16px; color:#000000; font-weight: bold}
a.testob4 { font-size: 16px; color:#000000; font-weight: bold}
a:hover.testob4 { font-size: 16px; color: #FFFFFF; text-decoration: none; background-color: #000000; font-weight: bold}

.testo5 { font-size: 18px; color:#000000; font-weight: normal}
a.testo5 { font-size: 18px; color:#000000; }
a:hover.testo5 { font-size: 18px; color: #FFFFFF; text-decoration: none; background-color: #000000; }
.testob5 { font-size: 18px; color:#000000; font-weight: bold}
a.testob5 { font-size: 18px; color:#000000; font-weight: bold}
a:hover.testob5 { font-size: 18px; color: #FFFFFF; text-decoration: none; background-color: #000000; font-weight: bold}
.testo6 { font-size: 20px; color:#000000; font-weight: normal}
a.testo6 { font-size: 20px; color:#000000; text-decoration: none;}
a:hover.testo6 { font-size: 20px; color: #FFFFFF;  background-color: #000000; text-decoration:none;}
.testob6 { font-size: 20px; color:#000000; font-weight: bold}
a.testob6 { font-size: 20px; color:#000000; font-weight: bold; text-decoration: none;}
a:hover.testob6 { font-size: 20px; color: #FFFFFF;  background-color: #000000; font-weight: bold; text-decoration:none;}

.form1 { font-size: 7pt; color:#00525C; font-weight: normal; background-color: #ffffff}
.form2 { font-size: 8pt; color:#00524C; font-weight: normal; background-color: #ffffff}
.form3 { font-size: 10pt; color:#00524C; font-weight: normal; background-color: #ffffff}
.form4 { font-size: 12pt; color:#00524C; font-weight: normal; background-color: #ffffff}

.formb1 { font-size: 7pt; color:#00524C; font-weight: bold; background-color: #ffffff}
.formb2 { font-size: 8pt; color:#00524C; font-weight: bold; background-color: #ffffff}
.formb3 { font-size: 10pt; color:#00524C; font-weight: bold; background-color: #ffffff}
.formb4 { font-size: 12pt; color:#00524C; font-weight: bold; background-color: #ffffff}

.testorosso1 { font-size: 9px; color:#ff0000}
a:hover.testorosso1 { font-size: 9px; color: #FFFFFF; text-decoration: none; background-color: #ff0000}
.testorossob1 { font-size: 9px; color:#ff0000; font-weight: bold}
a:hover.testorossob1 { font-size: 9px; color: #FFFFFF; text-decoration: none; background-color: #ff0000; font-weight: bold}
.testorosso2 { font-size: 12px; color:#ff0000}
a:hover.testorosso2 { font-size: 12px; color: #FFFFFF; text-decoration: none; background-color: #ff0000}
.testorossob2 { font-size: 12px; color:#ff0000; font-weight: bold}
a:hover.testorossob2 { font-size: 12px; color: #FFFFFF; text-decoration: none; background-color: #ff0000; font-weight: bold}
.testorosso3 { font-size: 16px; color:#ff0000}
a:hover.testorosso3 { font-size: 16px; color: #FFFFFF; text-decoration: none; background-color: #ff0000}
.testorossob3 { font-size: 16px; color:#ff0000; font-weight: bold}
a:hover.testorossob3 { font-size: 16px; color: #FFFFFF; text-decoration: none; background-color: #ff0000; font-weight: bold}

.testobianco1 { font-size: 7pt; color:#ffffff; font-weight: normal}
.testobiancob1 { font-size: 7pt; color:#ffffff; font-weight: bold}
.testobianco2 { font-size: 8pt; color:#ffffff; font-weight: normal}
.testobiancob2 { font-size: 8pt; color:#ffffff; font-weight: bold}
.testobianco3 { font-size: 10pt; color:#ffffff; font-weight: normal}
.testobiancob3 { font-size: 10pt; color:#ffffff; font-weight: bold}
.testobianco4 { font-size: 12pt; color:#ffffff; font-weight: normal}
.testobiancob4 { font-size: 12pt; color:#ffffff; font-weight: bold}


.grigio9 {	color: #cccccc; 
			font-size: 9px; 
			font-weight: normal; 
			text-decoration: none}
a.grigio9 {	color: #cccccc; 
			font-size: 9px; 
			font-weight: normal; 
			text-decoration: none}
a.grigio9:hover {	color: #FFFFFF; 
					font-size: 9px; 
					font-weight: normal; 
					text-decoration: none;
					background-color: #cccccc}
.rosso9 {	color: #ff0000; 
			font-size: 9px; 
			font-weight: normal; 
			text-decoration: none}
a.rosso9 {	color: #ff0000; 
			font-size: 9px; 
			font-weight: normal; 
			text-decoration: none}
a.rosso9:hover {	color: #FFFFFF; 
					font-size: 9px; 
					font-weight: normal; 
					text-decoration: none;
					background-color: #ff0000}
.rossob9 {	color: #ff0000; 
			font-size: 9px; 
			font-weight: bold; 
			text-decoration: none}
a.rossob9 {	color: #ff0000; 
			font-size: 9px; 
			font-weight: bold; 
			text-decoration: none}
a.rossob9:hover {	color: #FFFFFF; 
					font-size: 9px; 
					font-weight: bold; 
					text-decoration: none;
					background-color: #ff0000}
.rosso12 {	color: #ff0000; 
			font-size: 12px; 
			font-weight: normal; 
			text-decoration: none}
a.rosso12 {	color: #ff0000; 
			font-size: 12px; 
			font-weight: normal; 
			text-decoration: none}
a.rosso12:hover {	color: #FFFFFF; 
					font-size: 12px; 
					font-weight: normal; 
					text-decoration: none;
					background-color: #ff0000}
.rossob12 {	color: #ff0000; 
			font-size: 12px; 
			font-weight: bold; 
			text-decoration: none}
a.rossob12 {	color: #ff0000; 
			font-size: 12px; 
			font-weight: bold; 
			text-decoration: none}
a.rossob12:hover {	color: #FFFFFF; 
					font-size: 12px; 
					font-weight: bold; 
					text-decoration: none;
					background-color: #ff0000}
.amaranto12 {color: #990000; 
				font-size: 12px; 
				font-weight: normal; 
				text-decoration: none}
a.amaranto12 {color: #990000; 
				font-size: 12px; 
				font-weight: normal; 
				text-decoration: none}
a.amaranto12:hover {color: #FFFFFF; 
						font-size: 12px; 
						font-weight: normal; 
						text-decoration: none;
						background-color: #990000}
.amarantob12 {	color: #990000; 
					font-size: 12px; 
					font-weight: bold; 
					text-decoration: none}
a.amarantob12 {	color: #990000; 
					font-size: 12px; 
					font-weight: bold; 
					text-decoration: none}
a.amarantob12:hover {	color: #FFFFFF; 
							font-size: 12px; 
							font-weight: bold; 
							text-decoration: none;
							background-color: #990000}
.arancio9 {	color: #ff8000; 
				font-size: 9px; 
				font-weight: normal; 
				text-decoration: none}
a.arancio9 {	color: #ff8000; 
				font-size: 9px; 
				font-weight: normal; 
				text-decoration: none}
a.arancio9:hover {	color: #FFFFFF; 
					font-size: 9px; 
					font-weight: normal; 
					text-decoration: none;
					background-color: #ff8000}
.aranciob9 {color: #ff8000; 
				font-size: 9px; 
				font-weight: bold; 
				text-decoration: none}
a.aranciob9 {color: #ff8000; 
				font-size: 9px; 
				font-weight: bold; 
				text-decoration: none}
a.aranciob9:hover {	color: #FFFFFF; 
					font-size: 9px; 
					font-weight: bold; 
					text-decoration: none;
					background-color: #ff8000}
.bianco9 { color: #FFFFFF;  
				font-size: 9px;
				font-weight: normal; 
				text-decoration: none;}
a.bianco9 { color: #FFFFFF;  
				font-size: 9px;
				font-weight: normal; 
				text-decoration: none;}
a.bianco9:hover {	color: #000000;  
						font-size: 9px;
						font-weight: normal; 
						text-decoration: none;
						background-color: #FFFFFF}
.biancob9 { color: #FFFFFF;  
				font-size: 9px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob9 { color: #FFFFFF;  
				font-size: 9px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob9:hover {	color: #000000;  
						font-size: 9px;
						font-weight: bold; 
						text-decoration: none;
						background-color: #FFFFFF}
.bianco11 { color: #FFFFFF;  
				font-size: 11px;
				font-weight: normal; 
				text-decoration: none;}
a.bianco11 { color: #FFFFFF;  
				font-size: 11px;
				font-weight: normal; 
				text-decoration: none;}
a.bianco11:hover {	color: #000000;  
						font-size: 11px;
						font-weight: normal; 
						text-decoration: none;
						background-color: #FFFFFF}
.biancob10 { color: #FFFFFF;  
				font-size: 10px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob10 { color: #FFFFFF;  
				font-size: 10px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob10:hover {	color: #000000;  
						font-size: 10px;
						font-weight: bold; 
						text-decoration: none;
						background-color: #FFFFFF}
.biancob11 { color: #FFFFFF;  
				font-size: 11px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob11 { color: #FFFFFF;  
				font-size: 11px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob11:hover {	color: #000000;  
						font-size: 11px;
						font-weight: bold; 
						text-decoration: none;
						background-color: #FFFFFF}
.biancob12 { color: #FFFFFF;  
				font-size: 12px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob12 { color: #FFFFFF;  
				font-size: 12px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob12:hover {	color: #000000;  
						font-size: 12px;
						font-weight: bold; 
						text-decoration: none;
						background-color: #FFFFFF}
.biancob14 { color: #FFFFFF;  
				font-size: 14px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob14 { color: #FFFFFF;  
				font-size: 14px;
				font-weight: bold; 
				text-decoration: none;}
a.biancob14:hover {	color: #000000;  
						font-size: 14px;
						font-weight: bold; 
						text-decoration: none;
						background-color: #FFFFFF}
.sfondo_blu { color: #FFFFFF; background-color: #000000;}
.sfondo_azzurro { color: #FFFFFF; background-color: #0000FF;}
.sfondo_arancio { color: #FFFFFF; background-color: #FF8000;}
.sfondo_rosso { color: #FFFFFF; background-color: #FF0000;}
.sfondo_verde { color: #FFFFFF; background-color: #008000;}
.sfondo_grigio { color: #FFFFFF; background-color: #aaaaaa; }
.sfondo_nero { color: #FFFFFF; background-color: #000000; }

.form_am { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #aaaaaa; }
.form_sw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #000080; }
.form_sv { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #FF8000; }
.form_nw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #008000; }
.form_tm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #ff0000; }
.form_gq { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #FFFFFF; }
.form_lavorazioni { background-color: #99CCFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px; font-weight: bold; text-decoration: none}

.login_form {
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #999;
    width: 130px;
    height: 20px;
	border:1px solid #000000;
	text-align:center;
}
.login_button {
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #999;
    width: 130px;
    height: 20px;
	border:1px solid #000000;
	cursor:pointer;
	font-weight:bold;
}
.login_text {
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px; 
  color:#000000; 
  min-height:100vh;
  position:relative;
  margin:0;
  padding-bottom:100px;
}
#footer_container {
  position:absolute;
  bottom:0%;
  height:100px;
}
footer {
  border-top:1px solid #ddd;
}
button:focus, .nav-link a:focus{
  outline:0;
}
.catalogue .item .catalogue_item {
  max-height:60vh;
  overflow:auto;
}
a.nav-link:hover {
  background-color: #f8f9fa;
}
.dropdown-header { cursor:default; }
.login_container {
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
     -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.btn-toggle.btn-sm { margin: 0 0.5rem; padding: 0; position: relative; border: none; height: 1.5rem; width: 3rem; border-radius: 1.5rem; color: #6b7381; background: #bdc1c8; }
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active { outline: none; }
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after { line-height: 1.5rem; width: 0.5rem; text-align: center; font-weight: 600; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity .25s; }
.btn-toggle.btn-sm:before { content: 'Off'; left: -0.5rem; }
.btn-toggle.btn-sm:after { content: 'On'; right: -0.5rem; opacity: .5; }
.btn-toggle.btn-sm > .handle { position: absolute; top: 0.1875rem; left: 0.1875rem; width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; background: #fff; transition: left .25s; }
.btn-toggle.btn-sm.active { transition: background-color 0.25s; }
.btn-toggle.btn-sm.active > .handle { left: 1.6875rem; transition: left .25s; }
.btn-toggle.btn-sm.active:before { opacity: .5; }
.btn-toggle.btn-sm.active:after { opacity: 1; }
.btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after { line-height: -0.5rem; color: #fff; letter-spacing: .75px; left: 0.4125rem; width: 2.325rem; }
.btn-toggle.btn-sm.btn-sm:before { text-align: right; }
.btn-toggle.btn-sm.btn-sm:after { text-align: left; opacity: 0; }
.btn-toggle.btn-sm.btn-sm.active:before { opacity: 0; }
.btn-toggle.btn-sm.btn-sm.active:after { opacity: 1; }
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after { display: none; }
.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381; }
.btn-toggle.active { background-color: #007bff; }
.btn-toggle:focus { box-shadow:unset; }
@media (max-width: 575px)                        {.text-xsmall{font-size: 11px;}.text-small{font-size:15px;}.text-medium{font-size:20px;}.text-large{font-size:20px;}.text-xlarge{font-size:40px;}}
@media (min-width: 576px) and (max-width: 767px) {.text-xsmall{font-size: 9px;}.text-small{font-size:13px;}.text-medium{font-size:17px;}.text-large{font-size:21px;}.text-xlarge{font-size:25px;}}
@media (min-width: 768px) and (max-width: 991px) {.text-xsmall{font-size:10px;}.text-small{font-size:14px;}.text-medium{font-size:18px;}.text-large{font-size:22px;}.text-xlarge{font-size:26px;}}
@media (min-width: 992px) and (max-width: 1199px){.text-xsmall{font-size:11px;}.text-small{font-size:15px;}.text-medium{font-size:19px;}.text-large{font-size:23px;}.text-xlarge{font-size:40px;}}
@media (min-width: 1200px) and (max-width: 1366px){.text-xsmall{font-size:10px;}.text-small{font-size:15px;}.text-medium{font-size:14px;}.text-large{font-size:16px;}.text-xlarge{font-size:24px;}}
@media (min-width: 1440px)                       {.text-xsmall{font-size:12px;}.text-small{font-size:15px;}.text-medium{font-size:16px;}.text-large{font-size:24px;}.text-xlarge{font-size:28px;}}

@media (max-width: 575px)                        {.text2-xsmall{font-size: 8px;}.text2-small{font-size:11px;}.text2-medium{font-size:16px;}.text2-large{font-size:20px;}.text2-xlarge{font-size:24px;}}
@media (min-width: 576px) and (max-width: 767px) {.text2-xsmall{font-size: 9px;}.text2-small{font-size:13px;}.text2-medium{font-size:17px;}.text2-large{font-size:21px;}.text2-xlarge{font-size:25px;}}
@media (min-width: 768px) and (max-width: 991px) {.text2-xsmall{font-size:10px;}.text2-small{font-size:14px;}.text2-medium{font-size:18px;}.text2-large{font-size:22px;}.text2-xlarge{font-size:26px;}}
@media (min-width: 992px) and (max-width: 1199px){.text2-xsmall{font-size:11px;}.text2-small{font-size:10px;}.text2-medium{font-size:19px;}.text2-large{font-size:23px;}.text2-xlarge{font-size:27px;}}
@media (min-width: 1200px)                       {.text2-xsmall{font-size:12px;}.text2-small{font-size:14px;}.text2-medium{font-size:20px;}.text2-large{font-size:24px;}.text2-xlarge{font-size:28px;}}

@media (max-width: 575px)                        {.report-header{font-size:9px;}.report-body{font-size:8px;}}
@media (min-width: 576px) and (max-width: 767px) {.report-header{font-size:12px;}.report-body{font-size:9px;}}
@media (min-width: 768px) and (max-width: 991px) {.report-header{font-size:14px;}.report-body{font-size:10px;}}
@media (min-width: 992px) and (max-width: 1199px){.report-header{font-size:16px;}.report-body{font-size:12px;}}
@media (min-width: 1200px)                       {.report-header{font-size:16px;}.report-body{font-size:12px;}}

@media (max-width: 575px)                        {.report-header{font-size:9px;}.report-body2{font-size:8px;}}
@media (min-width: 576px) and (max-width: 767px) {.report-header{font-size:12px;}.report-body2{font-size:8px;}}
@media (min-width: 768px) and (max-width: 991px) {.report-header{font-size:14px;}.report-body2{font-size:9px;}}
@media (min-width: 992px) and (max-width: 1199px){.report-header{font-size:16px;}.report-body2{font-size:9px;}}
@media (min-width: 1200px)                       {.report-header{font-size:16px;}.report-body2{font-size:10px;}}

@media (max-width: 575px)                        {.elenco-header{font-size:6px;}}
@media (min-width: 576px) and (max-width: 767px) {.elenco-header{font-size:7px;}}
@media (min-width: 768px) and (max-width: 991px) {.elenco-header{font-size:8px;}}
@media (min-width: 992px) and (max-width: 1199px){.elenco-header{font-size:9px;}}
@media (min-width: 1200px) and (max-width: 1366px) {.elenco-header{font-size:9px;}}
@media (min-width: 1440px)                       {.elenco-header{font-size:12px;}}