.error { 
  color: red; 
	font: bold 16pt Arial;
  margin:0; 
  padding: 0.3em 0.3em 0 0.3em; 
  text-align:center; 
}

.suberror { 
  color: darkred; 
	font: italic 12pt Helevetica;
  margin:0; 
  padding: 0.3em 0.3em 0 0.3em; 
  text-align:center; 
}

.fnerror { 
  color: darkgreen; 
	font: bold 10pt Arial;
  margin:0; 
  padding: 0.3em 0.3em 0 0.3em; 
  text-align:left; 
}

p.menu { 
  background: none; 
  margin:0; 
  padding:0.3em 0.3em 0 0.3em; 
  font-family:fixed, verdana, arial; 
  font-size:12px; 
  text-align:center; 
  width:100%;
}

.diedebug { 
  font-family:verdana, arial, fixed; 
  font-size:1em; 
  background:none #fffda8; 
  color:#a60000;
  margin:0; 
  text-align:left; 
  width:100%;
}

.debug { 
  font-family:monospace; 
  font-size:1em; 
  background:none #fffda8; 
  border: solid #3333cc 1px; 
  color:#a60000;
  margin:0; 
  padding:5px; 
  text-align:left; 
  width:90%;
	word-wrap: break-word;
	text-wrap: normal
}

input.none {
  font-family:verdana, arial, fixed; 
  font-size:11px; 
  font-weight:bold;
  background:none;  
  border:none;
}
input.combobox {
  font-family:Arial, courier, fixed; 
  font-size:11pt;
  font-weight: bold;
  background-color: lightgrey; 
  color: black;
}
table { 
  font-family:verdana, arial, fixed; 
  font-size:11px;
  border-collapse: separate; 
  border-spacing: 1px;
  text-align:left; 
}

table.recordlist {
  width:100%;
}

tr {
  font-family:verdana, arial, fixed; 
  font-size:11px; 
}

td.dataLabel {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: bottom;
	font-size: 12px;
}
	
.cell {
  font-family:verdana, arial, fixed; 
  font-size: 12px;
  color: #ffffff;
  text-decoration:none;
  margin-top : 11px;
  margin-bottom : 11px;
  margin-left : 11px;
  line-height: 16px;
} 
.msg_ok_rl {
  font-family:arial, fixed; 
  font-size:11pt; 
  font-weight:bold; 
  color: black;
  background-color:yellow;
}

.msg_nok_rl {
  font-family:arial, fixed; 
  font-size:11pt; 
  font-weight:bold; 
  color: black;
  background-color:red;
}

.msg_ok {
  font-family:verdana, arial, fixed; 
  font-size:18pt; 
  font-weight:bold; 
  color: darkgreen;
  text-align:center;
}

.msg_nok {
  font-family:verdana, arial, fixed; 
  font-size:18px; 
  font-weight:bold; 
  color: maroon;
}
.error {
		color: #ff0000;
}
.msg_warn {
  font-family:verdana, arial, fixed; 
  font-size:12pt; 
  font-weight:bold; 
  color: darkblue;
  text-align:center;
}

a {
	font: normal 11px Verdana;
  text-decoration: none;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
}

a:link {
  color:maroon; 
}

a:visited {
  color:maroon; 
}

a:active {
  color:maroon; 
}

a:hover {
  color:ivory; 
}

a.comandi {
  background-color: lightgreen;  
  border:thin ridge lightgreen; 
  width:140px;
  height:140px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;
  padding-right:5px;
}

a.comandi:link {
  color:maroon; 
}

a.comandi:visited {
  color:maroon; 
}

a.comandi:active {
  color:maroon; 
}

a.comandi:hover {
  background-color:ivory; 
}

p.pagnav { 
  background:none; 
  margin:10; 
  font-family:verdana, arial, fixed; 
  color:darkblue;
  font-size:8pt; 
  text-align:center; 
  width:100%;
}

p.pagnav2 { 
  background:none; 
  margin:10; 
  font-family:arial; 
  font-style:italic;
  color: darkred;
  font-size:10pt; 
  text-align:center; 
  width:100%;
}

a.pagnav { 
  background:none; 
  font-family:arial;
  color: MidnightBlue;
  font-size:9pt; 
	text-decoration:none;
}

a.pagnav2 { 
  background:none; 
  font-family:arial;
  color: darkred;
  font-size:10pt; 
	text-decoration:none;
	font-weight:bold;
}

a.pagnav:link {
  color : MidnightBlue; 
}

a.pagnav:visited {
  color : MidnightBlue; 
}

a.pagnav:active {
  color : MidnightBlue; 
}

a.pagnav:hover {
  color : blue; 
}

a.edit {
  font-family:verdana, arial, fixed; 
  font-size:10px; 
  background-color: lightyellow;  
  border: 3px double darkred;
  color:darkgrey;  
  text-decoration : none;
  padding-left:5px;
  padding-right:5px;

}

a.edit:link {
  color : yellow; 
}

a.edit:visited {
  color : magenta; 
}

a.edit:active {
  color : orange; 
}

a.edit:hover {
  color : red; 
}

a.graphLink {
  font-family:verdana, fixed; 
  font-size:12pt;
  font-weight:bold; 
  text-decoration : none;
  padding-left:5px;
  padding-right:5px;

}

a.graphLink:link {
  color : gold; 
}

a.graphLink:visited {
  color : gold; 
}

a.graphLink:active {
  color : darkred; 
}

a.graphLink:hover {
  color : lightyellow; 
}

.txstyleIE {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight:bold;
	height:200px;
	color:#000000;
}

.txstyleNN {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	height:200px;
	color:#000000;
}

td.smalltext_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight:normal;
	color:darkblue;
	padding:0px;
}

.nodata {
	padding-top:50px;
	padding-bottom:50px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14pt;
	font-weight:bold;
	text-align:center;
	color:darkorange;
}

.header {
	border:none;
  background: none; 
  position:absolute; 
  text-align:left;
  font-size:28px; 
  font-family:arial;
  font-weight:bold; 
  left:10px;
  top:5px; 
  color:darkred;
  width:70%;
}

.headerFloat {
	border:none;
  background: none; 
  position:absolute;  
  text-align:left;
  font-size:28px; 
  font-family:arial;
  font-weight:bold; 
  padding:0px; 
  color:darkred;
  width:650px;;
  text-shadow: 2px 2px 2px lightyellow;
}

.shadow {
	border:none;
  background: none; 
  position:absolute; 
  text-align:left;
  font-size:28px; 
  font-family:arial;
  font-weight:bold; 
  left:13px;
  top:8px; 
  color:lemonchiffon; 
  width:70%;
}
.header2 {
	border:none;
  background: none; 
  text-align:left;
  font-size:28px; 
  font-family:arial;
  font-weight:bold; 
  left:10px;
  top:5px; 
  color:darkred;
  width:70%;
}

.shadow2 {
	border:none;
  background: none; 
  text-align:left;
  font-size:28px; 
  font-family:arial;
  font-weight:bold; 
  left:13px;
  top:8px; 
  color:lemonchiffon; 
  width:70%;
}

/*--------------------------------INPUT-------------------------------------------------------------*/

input {
  font-weight:normal;
  font-family:verdana, arial, fixed; 
  font-size:11px; 
  background-color: lemonchiffon;  
  color:darkblue;  
}

input.button {
  border: 3px double darkgreen;
	text-align: center;
  width:90px;
	color:black;  
}

input.submit {
  border: 3px double darkgreen;
	text-align: center;
  width:90px;
	color:black;
}

input.mandatory {
  border:double darkred 3px;
}

input.readonly {
  background-color:silver;
  color:darkred;  
  border:double sandybrown 3px;
	padding:1px;
}

input.hided {
  background-color:transparent;
  color:transparent;  
  border:none;
}

input.butgia { 
  border: 3px double yellow;
	text-align: center;
  width:90px;
	color:yellow;  
}

input.butgri {
  border: 3px double lightslategray;
	text-align: center;
  width:90px;
	color:lightslategray;  
}

input.butsea {
  border: 3px double darkseagreen;
	text-align: center;
  width:90px;
	color:darkseagreen;  
}

input.butbia {
  border: 3px double white;
	text-align: center;
  width:90px;
	color:white;  
}

input.butara {
  border: 3px double orange;
	text-align: center;
  width:90px;
	color:orange;  
}

input.butarablk {
  border: 3px double whitesmoke;
  background-color:orange;
	text-align: center;
  width:90px;
	color: whitesmoke;
	font-weight:bold;
}


input[type="file"] {
    display: none;
}
.custom-file-upload {
    cursor: pointer;
	border: 3px double darkgray;
	background-color:whitesmoke;
	padding-left: 10px;
	padding-right: 10px;
	font-family:verdana, arial, fixed; 
  	font-size:8pt;
  	font-weight:bold; 	
  	color:black;
	display: inline-block;
	vertical-align: middle;
}


.boxarancio{ 
	border: 1px solid #FFC726;
	padding: 1em;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width: 300px;
	margin-bottom: 2em;
	margin-top: 2em;
}

input.butver { 
  border: 3px double darkgreen;
	text-align: center;
  width:90px;
	color:darkgreen;  
}

input.butros  {
  border: 3px double firebrick;
	text-align: center;
  width:90px;
	color:firebrick;  
}

input.butexport  {
  border: 3px double darkgreen;
	text-align: center;
  width:90px;
	color:darkgreen;  
  padding-left: 5px;
  background-image: url('/waf/images/csv.gif');
	background-repeat: no-repeat;
	background-position: 64px 0px;
}

input.butdeletelist  {
  border: 3px double red;
	text-align: center;
  width:90px;
	color:red;  
  padding-left: 5px;
  background-image: url('/waf/images/delete.png');
	background-repeat: no-repeat;
	background-position: 64px 0px;
}


input.butblu {
  border: 3px double darkblue;
	text-align: center;
  width:90px;
	color:darkblue;  
}

input.nuovo {
  border: double gold 3px;
  width:90px;
	color: black;  
}

input.text {
  color: darkblue;  
  border:thin inset gold;
}


input.lov {
  color: darkblue;  
  border: double gold 3px;
  height:18px;
  width:20px;
}

input.check {
  background-color: #7f7f7f;  
  color: #ffffff; 
  border-left: 0px solid ;  
  border-right: 0px solid;  
  border-top: 0px solid ; 
  border-bottom: 0px solid ;
}
.statesTable {
	min-width:80px;
	padding-top:0px;
	font-size:9pt;
	font-weight:bold;
	font-family:arial, fixed;
}
.statesTableOdp {
	min-width:80px;
	padding-top:0px;
	font-size:9pt;
	font-weight:bold;
	font-family:arial, fixed;
}
p.statesTableOdp {
	min-width:80px;
	padding-top:0px;
	font-size:9pt;
	font-weight:bold;
	font-family:arial, fixed;
	background-color:none; 
	color:darkblue;
}
a.statesTable {
	min-width:80px;
	padding-top:0px;
	font-size:9pt;
	font-weight:bold;
	font-family:arial, fixed;
	background-color:none; 
	color:darkblue;
}
a.statesTable:hover, a.statesTable:active{
	color:red;	 
}
#main {
	margin-left: 0px;
	left: 50%;
}
#row {
	clear:both;
}
#cell {
	margin-left: 10px;
	float:left;
}
#tbl {
	margin-left: 0px;
	display: flex;
}
#tblRow {
	clear:both;
}
#tblCell {
	margin-left: 10px;
	vertical-align: middle;
}
a.href_link {
	font-family:Arial, Verdana, Fixed; 
	font-weight:bold;
	font-size:8pt; 
	background-image: url('/waf/images/graph8.png');  
	background-repeat: no-repeat;
	background-position: 1px 2px;
	background-color: lightyellow;  
	border: 3px double gold;
	color: darkblue;  
	width: 70px;
	heigth: 10px;
	padding: 0px;
	display: inline-block;
}

.ppms_info, .ppms_success, .ppms_warning, .ppms_error {
	padding: 12px;
	margin: auto;
	width: 40%;
	font-size:11pt;
	font-family:Arial, Verdana, Fixed; 
	font-weight: bold;
	word-break: break-all; 
	word-wrap: break-word;
	border-radius: 8px
}
.ppms_info {
	color: #00529B;
	background-color: #BDE5F8;
	border: 1px solid darkblue;
}
.ppms_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	border: 1px solid darkgreen;
}
.ppms_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	border: 1px solid gold;
}
.ppms_error {
	text-align: center;
	color: #D8000C;
	background-color: #FFD2D2;
	border: 1px solid darkred;
}
.tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#FF0000;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
}

.tooltip:hover .top {
    display:block;
}

.tooltip .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
.riquadro {
	border: 2px solid red;
	padding: 20px;
	margin: 50px auto;
	text-align: center;
	width: 80%;
	background-color: #f8d7da;
	color: #721c24;
	font-family: Arial, sans-serif;
	font-size: 18px;
	border-radius: 10px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
/* 	width: 600px; */
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	text-align: center;
	overflow: hidden;
}
.dialog-header {
	background-color: #2267A5;
	color: #fff;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
}
.dialog-body {
	padding: 20px;
	color: #333;
	font-size: 16px;
}
.loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
	margin: 10px auto;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}