/* Open Sans SERVITO IN CASA (regola: nessuna libreria/font da internet).
   I .woff2 stanno in fonts/webfonts/, copiati da public/MEDIASCRIPT/fonts. */
@import url("fonts/open-sans.css");
font-family: 'Open Sans', sans-serif;
{}


@media only screen and (min-width:150px) and (max-width:1000px) {
  #nascondisusmartphone{display: none;}
  #mostrasusmartphone{display: block;}
  #nasconditabellagrande{display: none;}
  #mostrapulsante{display: block;}
  .allinea{text-align: right;}
  #allineaxml{padding-left:20px;padding-right:21px;}
  #mostranascondi{display: none;}
  #mostranascondismartphone {display: block;}
  .allinea{text-align: right;}
  .centra{text-align: center;}
}
@media only screen and (min-width:1001px) and (max-width:5000px) {
  #nascondisusmartphone{display: block;}
  #mostrasusmartphone{display: none;}
  #mostratabellapiccola{display: none;}
  #mostrapulsante{display: none;}
  #allineaxml{padding-left:25px;padding-right:55px;}
  .allineasusmartphone{text-align: left;}
  .collapse.dont-collapse-sm{
    display: block;
    height: auto !important;
    visibility: visible;
  }
  #mostranascondi {display: block;}
  #mostranascondismartphone{display: none;}
 .allinea{text-align: left;}
  .centra{text-align: left;}
}

.tableround{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: solid 1px #bfbfbf;
	background-image: linear-gradient(to bottom right, #ffffff, #f5f5f5);
}
/* Altezza minima del contenitore di pagina su schermo grande.
   Le pagine stavano fra 524 e 612 px a seconda di quante righe avevano dentro,
   quindi passando da una all'altra il riquadro cambiava taglia e la pagina
   "saltava". Con un minimo comune il contenitore resta fermo e cambia solo il
   contenuto. Chi e' gia' piu' alto (es. l'anagrafica aziendale) non e' toccato.
   ⚠️ Solo da >=992px: su telefono 600px sarebbero in gran parte vuoti.
   ⚠️ .tr-modale annulla il vincolo: ps1/an1 in modalita' selettore (?r=1) vivono
      dentro una finestra alta 590-600 px, e li' il minimo produrrebbe una barra
      di scorrimento dentro la modale. */
@media (min-width:992px){
	.tableround{ min-height:600px; }
	.tableround.tr-modale{ min-height:0; }
}
.tableround2{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: solid 1px #bfbfbf;
	-webkit-box-shadow: 1px 1px 3px 0px #c2c2c2;
	-moz-box-shadow: 1px 1px 3px 0px #c2c2c2;
	box-shadow: 1px 1px 3px 0px #c2c2c2;
}

.vertical-align {
    display: flex;
    align-items: center;
}
html, body, .container {
    height: 100%;
}
.container {
	padding:15px;
    display: table;
    vertical-align: middle;
}
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}
h7{
	font-size:11px;line-height:12px;font-weight:500;font-family:verdana;
}
FONT.piccolo {
		FONT-FAMILY: verdana; COLOR: black; FONT-WEIGHT: none; TEXT-DECORATION: none; FONT-SIZE: 9px;
}
FONT.piccolo2 {
		FONT-FAMILY: verdana; COLOR: #ffffff; FONT-WEIGHT: none; TEXT-DECORATION: none; FONT-SIZE: 9px;
}

.form-control{
	height:27px;font-size:11pt;padding:0px 2px 0px 2px;color:#000000 !important;
}

.imgborder{
	border: 1px solid #999999;border-radius: 3px;padding:2px;background-image: linear-gradient(to bottom right, #ffffff, #eeeeee);
}

a.link{
	color:#000000;
	text-decoration: none;
}
a.link:hover{
	color:orange;
	text-decoration: none;
}
a.white{
	color:#ffffff;
	text-decoration: none;
}
a.white:hover{
	color:#000000;
	text-decoration: none;
}

hr.uno{
    border: 0;
    height: 1px;
    width:95%;
    background: #c2c2c2;
}
hr.due{
    border: 0;
    height: 1px;
    width:100%;
    background: #808080;background-image: linear-gradient(to right, #e2e2e2, #808080, #e2e2e2);
	/*background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));*/
}
hr.tre{
    border: 0;
    width:100%;
    background: #808080;
    border-bottom: 1px dashed #ccc;
}
hr.quattro{
    border: 0;
    height: 1px;
    width:80%;
    background: #c2c2c2;
}

hr.mezza{
    border: 0px solid;
    height:5px;
    width:100%;
    background: none;
    margin:0px;
}
hr.vuota{
    border: 0px solid;
    height:10px;
    width:100%;
    background: none;
    margin:0px;
}
hr.vuota1mezzo{
    border: 0px solid;
    height:15px;
    width:100%;
    background: none;
    margin:0px;
}
hr.vuota2{
    border: 0px solid;
    height:20px;
    width:100%;
    background: none;
    margin:0px;
}
hr.vuota3{
    border: 0px solid;
    height:30px;
    width:100%;
    background: none;
    margin:0px;
}
hr.vuota4{
    border: 0px solid;
    height:40px;
    width:100%;
    background: none;
    margin:0px;
}
hr.vuota5{
    border: 0px solid;
    height:50px;
    width:100%;
    background: none;
    margin:0px;
}
hr.vuota6{
    border: 0px solid;
    height:60px;
    width:100%;
    background: none;
    margin:0px;
}

.contatti{height:36px;width:100%;border: 1px solid #a0a0a0;background-color:#f2f2f2;font-family:verdana;font-size:16px;color:#000000;}

input[type="radio"]{cursor:pointer;height:17px;width:17px;border:solid 0px;}
input[type="checkbox"]{cursor:pointer;height:17px;width:17px;border:solid 0px;}

BODY.body1{
	background-color: #ffffff;
}

FONT.nomecampi{FONT-FAMILY:verdana; COLOR:#000000; FONT-WEIGHT:700; TEXT-DECORATION:none; FONT-SIZE:12px; padding-bottom:1px;}
FONT.nomecampi2{FONT-FAMILY:verdana; COLOR:#ffffff; FONT-WEIGHT:700; TEXT-DECORATION:none; FONT-SIZE:12px; padding-bottom:1px;}
FONT.nomecampi3{FONT-FAMILY:verdana; COLOR:#000000; FONT-WEIGHT:700; TEXT-DECORATION:none; FONT-SIZE:11px; padding-bottom:1px;}
FONT.nomecampi4{FONT-FAMILY:verdana; COLOR:#ffffff; FONT-WEIGHT:700; TEXT-DECORATION:none; FONT-SIZE:11px; padding-bottom:1px;}
FONT.nomecampi5{FONT-FAMILY:verdana; COLOR:#000000; FONT-WEIGHT:700; TEXT-DECORATION:none; FONT-SIZE:10px; padding-bottom:1px;}
FONT.nomecampi6{FONT-FAMILY:verdana; COLOR:#ffffff; FONT-WEIGHT:700; TEXT-DECORATION:none; FONT-SIZE:10px; padding-bottom:1px;}

FONT.red{FONT-FAMILY: verdana; COLOR: #ff0000; FONT-WEIGHT: none; TEXT-DECORATION: none; FONT-SIZE: 12px;}
FONT.green{FONT-FAMILY: verdana; COLOR: #669933; FONT-WEIGHT: none; TEXT-DECORATION: none; FONT-SIZE: 12px:}

.altezzacampo{min-height:54px;}

.btn-primary{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;background-color:#0066cc;border: 1px #0066cc;
}
.btn-primary:hover{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;background-color:#0055aa;border: 1px #0055aa;
}
.btn-secondary{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-secondary:hover{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-success{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-success:hover{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-info{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-info:hover{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-warning{
	font-weight:700;font-size:15px;background-color:#ffa500;color:#ffffff;padding-left:2px;padding-right:2px;
}
.btn-warning:hover{
	font-weight:700;font-size:15px;background-color:#F88403;color:#ffffff;border: 1px solid #F88403;padding-left:2px;padding-right:2px;
}
.btn-danger{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-danger:hover{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-dark{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-dark:hover{
	font-weight:700;font-size:15px;padding-left:2px;padding-right:2px;
}
.btn-light{
	font-weight:700;font-size:15px;background-color:#ffffff;border: 1px solid #c2c2c2;font-weight:bold;color:#999999;padding-left:2px;padding-right:2px;
}
.btn-light:hover{
	font-weight:700;font-size:15px;border: 1px solid #c2c2c2;font-weight:bold;color:#999999;padding-left:2px;padding-right:2px;
}

#aggiuntox{
    position: fixed;
    display: none;
    width: 300px;
    height: 150px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index:9997;
    font-weight:700;
    background-color:#ffffff;
    padding:20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 2px solid #669933;
    opacity: 0.98;
    filter: alpha(opacity=98);
	box-shadow: #808080 2px 2px 12px;
}
#aggiuntoxico{
	background: no-repeat url(/img/Confirm.png);
	margin-left:0px;
	margin-top:-10px;
    color: #000000;
	z-index:9998;
	background-repeat: no-repeat;
	height: 80px;
	width: 80px;
}
#aggiuntoxtxt{
	float:left;
	margin-left:-110px;
	margin-top:90px;
	z-index:9999;
	background-repeat: no-repeat;
    width: 300px;
    font-family:verdana;
    font-size:13px;
    color: #000000;
}

.tooltip{
 	line-height:15px;
}
.tooltip-inner {
    background-color: #336699;
    color: #ffffff;
    border-radius: 10px;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #336699;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #336699;
}


.button_white{
	font-family:arial;font-weight:bold; text-align: center; color: #545454;cursor:pointer;
	border-radius: 4px;
	box-shadow: 0px 1px 4px 0px #808080;
	border: 0px solid #d5d5d5;
	padding: 0px 1px 0px 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E0E0E0));
}
.button_white:hover{
	color: orange;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%, #EDEDED));
}

/* scrollbar width */
.custom-scrollbar-css::-webkit-scrollbar {
  width: 5px;
}
/* scrollbar track */
.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #ffffff;
}
/* scrollbar handle */
.custom-scrollbar-css::-webkit-scrollbar-thumb {
  background-color: #666666;
  border-radius: 10px;
  /*border-radius: 1rem;
  background-color: #00d2ff;
  background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);*/
}