/* GLOBAL CSS VARIABLES */
:root {
	--pageWidth: 1200px;
--pageHeight:760px;
	--quadroHeight:570px;
	--listaHeight:535px; /* = elencoHeight -33px */
	--imgWidth:386px;
	--imgHeight:250px;
	--elencoListeH:546px;
	--listaListeH:536px; /* = elencoHeight -33px */
	--elencoPackH:470px;
	--listaPackH:474px; /* = elencoHeight -33px */
	--sfondoElencoHigh:#2299dd;	
	
/* elenchi */
	--sfondoElenco:#888;
	--titoloFg: #fff;
	--titoloBg: #902200;
	--cellaFg: #ffffff;
	--cellaBg: #666;
	--cellaAttivaFg: #ffffbf;
	--cellaAttivaBg: #88a;
	--rigaAttivaFg: #ffffbf;
	--rigaAttivaBg: #caa;

/* campi */
	--stdHeight: 23px;
	--sfondoCampi:#333;
	--labelFg: #f8f8f8;
	--labelBg: #447;
	--infoFg: #f0f0ff;
	--infoBg: #8088c0;
	--campoFg: #343;
	--campoBg: #d8f8b8;
	--campoFgDis: #666;
	--campoBgDis: #e0e8f8;
	--textFg: #333;
	--textBg: #d8f8b8;
	--textFgDis: #666;
	--textBgDis:#e0e8f8;
	--selFg:#343;
	--selBg:#d8f8b8;
	--selFgDis:#f0f0ff;
	--selBgDis:#9090a0;
	--optBg:#a0d0f0;
	--optFg:#334;
	--borderColor:#ccc;
}



html {
	font-size:9pt;
	width:var(--pageWidth);
	height: var(--pageHeight);
  box-sizing: border-box;	
}

body {
	font-family: 'Trebuchet MS', sans-serif;
	background: #fff;
	width:100%;
  height:100%;
  overflow-x: hidden;
  text-align:center;
  margin:8px;

}



/*  =============== Larghezza DIVs ==================*/

.header {
	width:100%;
	height:52px;
	border:0px solid var(--borderColor);
	background-color:#18181f;
}

.row {clear:both;}

.column, .columns {
   margin:0;
   float: left;
 }


/*----------------------------------------*/
.size1  {width:46px;}
.size2  {width:96px;}
.size3  {width:146px;}
.size4  {width:196px;}
.size5  {width:246px;}
.size6  {width:296px;}
.size7 {width:348px;}
.size8 {width:398px;}
.size9 {width:448px;}
.size10 {width:498px;}
.size11 {width:548px;}
.size12 {width:598px;}
.size13 {width:648px;}
.size14 {width:698px;}
.size15 {width:748px;}
.size16 {width:798px;}
.size17 {width:848px;}
.size18 {width:898px;}
.size19 {width:948px;}
.size20 {width:998px;}
.size21 {width:1048px;}
.size22 {width:1098px;}
.size23 {width:1148px;}
.size24 {width:1198px;}

.sizeR1 {width:50px;}
.sizeR2 {width:100px;}
.sizeR3 {width:150px;}
.sizeR4 {width:200px;}
.sizeR5 {width:250px;}
.sizeR6 {width:300px;}
.sizeR7 {width:350px;}
.sizeR8 {width:400px;}
.sizeR9 {width:450px;}
.sizeR10 {width:500px;}
.sizeR11 {width:550px;}

.sizeR12 {width:600px;}
.sizeR13 {width:650px;}
.sizeR14 {width:700px;}
.sizeR15 {width:750px;}
.sizeR16 {width:800px;}
.sizeR17 {width:850px;}
.sizeR18 {width:900px;}
.sizeR19 {width:950px;}
.sizeR20 {width:1000px;}
.sizeR21 {width:1050px;}
.sizeR22 {width:1100px;}
.sizeR23 {width:1150px;}
.sizeR24 {width:1200px;}


img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; 
  resize:none;
  }

select {
  width: 100%; }


/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"] ,textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear; }

  input:not([type]):focus, input[type="text"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }

  input:not([type]):disabled, input[type="text"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }

  input:not([type])[disabled],  input[type="text"][disabled], input[type="text"][readonly] {
    background-color: #DDDDDD;
    cursor: default; }

  input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, textarea.radius {
    border-radius: 3px; }


/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 0px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem; }

  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }

  select:focus {
    background-color: #f3f3f3;
    border-color: #999999; }

  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }

  select[multiple] {
    height: auto; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #ff9900;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #db8400; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.35; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #7a7a7a;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.6875rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #7a7a7a;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  background-color: #f8f8f8;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul,
ol,
dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem; }

ul {
  margin-left: 1.1rem; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

.no-bullet {
  list-style-type: none;
  margin-left: 0; }
  .no-bullet li ul,
  .no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  cursor: help; }

abbr {
  text-transform: none; }
  abbr[title] {
    border-bottom: 1px dotted #DDDDDD; }






a:hover {
  cursor: pointer; }


.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.left {
  float: left !important; }

.right {
  float: right !important; }