:root {
	--verde: #9daf3c;
	--grigioscuro: #333333;
	--grigiochiaro: #808080;
	--marrone: #91664f;
	--marronelight4: #dbb49f;
	--marronelighter2: #f1e0d6;
}

/* FONTS */
@font-face {
	font-family: 'inter';
	src: url('../fonts/Inter-Regular.woff2') format('woff2'),
	url('../fonts/Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'inter';
	src: url('../fonts/Inter-Italic.woff2') format('woff2'),
	url('../fonts/Inter-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'inter';
	src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
	url('../fonts/Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'inter';
	src: url('../fonts/Inter-SemiBoldItalic.woff2') format('woff2'),
	url('../fonts/Inter-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

BODY
{
color: #000000;
font-style: normal;
font-size: 10px;
font-family: 'inter', Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
}

.developer_mode {
background-image: url('img/sfondo.png');   
}

A:link, A:visited
{
text-decoration: none; color: #336699;;
}
A:hover
{
text-decoration: underline; color: #336699;;
}

hr { color: #336699;; background-color: #336699;; height: 2px; border: 0;}

/* 
td {color: #000000; font-style: normal; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; } */

.title { font-size: 18px; font-weight: bold; font-family:'inter', Arial, Helvetica, sans-serif; text-align: center; }
.subtitle {color: #336699; font-style: bold; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; font-weight: bold }
.tddata { font-style: normal; font-size: 11px; font-family: 'inter', Arial, Helvetica, sans-serif; }
td {color: #000000; font-style: normal; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; padding:.3em;}

.evidenzia { color: #FFFFFF; background-color: #FF0000; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; }

.debug { font-size: 8px; font-family: 'inter', Arial, Helvetica, sans-serif; }

#parameters_area { margin:1em 0;}
.main_area {color: #000000; font-style: normal; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; }

.showdatatable { border: var(--marronelight4) solid thin; font-style: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-top:1em;}
.showdataheader { font-weight: bold; }
.showdatatr0 { border: var(--marronelight4) solid thin; background-color: var(--marronelighter2); }
.showdatatr1 { border: var(--marronelight4) solid thin; background-color: var(--marronelight4); }
.showdatatr0_lastview { border: var(--marronelight4) solid thin; background-color: #FFEEEE; }
.showdatatr1_lastview { border: var(--marronelight4) solid thin; background-color: #FFCCCC; }
.showdatatr0_blue { border: var(--marronelight4) solid thin; background-color: #EEEEFF; }
.showdatatr1_blue { border: var(--marronelight4) solid thin; background-color: #CCCCFF; }
.showdatatr0_red { border: var(--marronelight4) solid thin; background-color: #FFEEEE; }
.showdatatr1_red { border: var(--marronelight4) solid thin; background-color: #FFCCCC; }
.showdatatr0_green { border: var(--marronelight4) solid thin; background-color: #EEFFEE; }
.showdatatr1_green { border: var(--marronelight4) solid thin; background-color: #CCFFCC; }

.showdatatr1_red_evidenzia { border: var(--marronelight4) solid thin; background-color: #FF5555; }

.showdatatd0 { background-color: var(--marronelighter2); }
.showdatatd1 { background-color: var(--marronelight4); }
.showdatatd0_blue { background-color: #EEEEFF; }
.showdatatd1_blue { background-color: #CCCCFF; }
.showdatatd0_red { background-color: #FFEEEE; }
.showdatatd1_red { background-color: #FFCCCC; }
.showdatatd0_green { background-color: #EEFFEE; }
.showdatatd1_green { background-color: #CCFFCC; }

.showdatatd1_red_evidenzia { color: #FFFFFF; }

.separator { background-color: #FF0000; }

.resultbox { width:100%; overflow: auto; }
.hideresultbox { display: none; }

.red { color: #FFFFFF; background-color: #FF0000; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; }
.green { color: #000000; background-color: #00FF00; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; }

.bold {color: #000000; font-weight: bold; font-style: normal; font-size: 12px; font-family: 'inter', Arial, Helvetica, sans-serif; }

.inorder { color: #000000; border: var(--marronelight4) solid thin; background-color: #00FF00; font-size: 10px; font-family: 'inter', Arial, Helvetica, sans-serif; white-space: nowrap;}
.notinorder { color: #000000; border: var(--marronelight4) solid thin; background-color: #FFFFFF; font-size: 10px; font-family: 'inter', Arial, Helvetica, sans-serif; white-space: nowrap;}

.textdeleted { text-decoration:line-through; }

.oldfield { border: var(--marronelight4) solid thin; background-color: #DDDDDD;}

.box { border: var(--marronelight4) solid thin; padding: 3px; }

.filteron { color: #FF0000; font-weight: bold; font-style: normal; }

.printbox { width: 100%; }

.mainmenu_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.mainmenu_btn:hover {
      cursor:pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.mainmenu_btn:active {
	position:relative;
	top:1px;
}

.mainmenu_yellow { border: #000000 solid thin; padding: 10px; background-color: #FFFF80; }
.mainmenu_cyan { border: #000000 solid thin; padding: 10px; background-color: #00FFFF; }
.mainmenu_blue { border: #000000 solid thin; padding: 10px; background-color: #0080FF; }
.mainmenu_green { border: #000000 solid thin; padding: 10px; background-color: #008080; }
.mainmenu_red { border: #000000 solid thin; padding: 10px; background-color: #FF8080; }

.mainmenu_btn_sx { width: 200px; }
.mainmenu_btn_sx1 { width: 90px; }
.mainmenu_btn_sx2 { width: 50px; height: 50px; }
.mainmenu_btn_cn { width: 100px; }
.mainmenu_btn_dx { width: 170px; }

.mainmenu_br { width: 200px; height: 10px; }

/* FILTRI */
.filtri {
  background: #E0F8FF;
  padding-left: .3rem;
  padding-bottom: .3rem;
}
.filtri > div,
.filtri input,
.filtri select {
  display: inline-table;
  vertical-align: baseline;
}

.filtri.filtri2 {
  display: none;
}
.filtri.filtri2 > div {
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.filtri.filtri2 label {
  font-size: .7rem;
  font-weight: 700;
  /*padding: 5px 5px 5px 10px;*/
  text-transform: capitalize;
}
.filtri.filtri2 select {
  background: #fff;
  color: #000000;
  border: 1px solid #aaa;
  /*-webkit-border-radius: 3px;*/
  /*-moz-border-radius: 3px;*/
  /*border-radius: 3px;*/
  /*font-size: .9rem;*/
  /*!*height: 32px;*!*/
  /*padding: 6px;*/
  /*width: auto;*/
}

.pagetitle { color: #336699; font-size: 18px; font-weight: bold; font-family: 'inter', Arial, Helvetica, sans-serif; text-align: center;   vertical-align: baseline;
 }

#parameters_area img,
table.showdatatable img,
#prenotazioni_detail img,
#detail_result img {
	max-width: 18px;
	cursor:pointer;
 }
 #parameters_area td {
	display:inline-flex;
	position:relative;
 }
 #parameters_area td img {
	position: absolute;
    right: 5px;
    top: 5px;
 }