img {
  vertical-align: top;
}
body, a, input, select, table {
    font: normal 12px sans-serif, Verdana, Arial;
}
table.ts {
    border-collapse: collapse;
    border-bottom: 1px solid #cfcfcf;
}
input, select, button {
border-radius: 3px;
/* 20201222 border-right: 1px solid #cfcfcf;*/
font: normal 12px sans-serif, Verdana, Arial;
line-height: 14px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
  vertical-align: top;
}

/* definizione tavole normali */
td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}


/* definizione tavole querytable */
td.ts {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #333;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    box-sizing: border-box;
    border-spacing: 0;
    border-left: 1px solid #cfcfcf;
    border-top: 0px;
    border-bottom: 0px;
    padding: 2px 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 24px;
}

th.ts {
    border-left: 1px solid #cfcfcf;
    font-family: Arial,Sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 5px;
    line-height: 24px;
    overflow: hidden;
    background-color: white;
    color: #636363;
    background-image: linear-gradient(rgb(254, 254, 254) 0px, rgb(238, 238, 238) 100%);
}
th.ts a {
    color: #636363;
    text-decoration: none;
    font-weight: bold;
}

div.tscontent {
    position: relative;
    padding: 2px 3px 1px;
    cursor: pointer;
    font-weight: bold;
}

div.tssorticon {
    color: #636363;
    position: absolute;
    top: -7px;
    left: 50%;
}

tr.ts {background-color: #f2f2f2;}
tr.ts:nth-child(even){background-color: #ffffff;}

tr.ts:hover {background-color: #ddd;}

tr.ts a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
  line-height: 24px;
}

tr.ts a:link {
  color: #333;
}

tr.ts a:visited {
  color: #333;
}

tr.ts a:focus {
  border-bottom: 1px solid;
  background: #333;
}

tr.ts a:hover {
  border-bottom: 1px solid;
  background: #aaa;
  cursor: pointer;
}

tr.ts a:active {
  background: #aaa;
  color: #333;
}



form {
  display: inline-block;
  vertical-align: -moz-middle-with-baseline;
}

.center {
 left:50%;
 text-align:center;
}

#wait {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.05); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
#waiton {
  position: fixed; /* Sit on top of the page content */
  display: block;
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.05); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  display: block;
}
.wait {
 position:absolute;
 z-index:1;
 top:50%;
 left:50%;
 cursor: wait;
 text-align:center;
 border: 1px solid #cfcfcf;
 padding: 3px;
 white-space: nowrap;
    color: #363636;
    background: #cfcfcf;
    white-space: nowrap;
}
.iwait {
    border: 1px solid #cfcfcf;
    white-space: nowrap;
    background: #fff;
    padding: 6px;
}
.errore {
    color: red;
    font-weight: bold;
}