* {
  box-sizing: border-box;
}
body {
  font-family: 'Roboto', sans-serif;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
}
.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 1px;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.logo { 
  vertical-align: middle;
  text-align: center;
}
.logo img { 
  max-width: calc(100px + (300 - 100) * ((100vw - 300px) / (1600 - 300)));
}
.title {
  vertical-align: middle;
  text-align: center;
}

.skl-th { background: #EEE; color: #000; }
.skl-tf { background: #FAFAFA; color: #333; }
.skl-td { border-color: #DDD; }
.skl-tr:nth-child(even) .skl-td { background: #FAFAFA; }
.skl-tr:nth-child(odd) .skl-td { background: #EEEEEE; }
/*.skl-tr:hover .skl-td { background: #FFFFEE; }*/
.skl-tr .skl-td:hover { background: #fff8d4; }
.skl-tr .skl-td:active { background: #faf3cf; }
.skl-table { display: table; table-layout: fixed; width: 100%; }
.skl-tr { display: table-row; width: 100%; }
.skl-tr > div { display: table-cell; vertical-align: middle; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.skl-th, .skl-tf { font-weight: bold; }
.skl-td { border-bottom-width: 1px; border-bottom-style: solid; }
.skl-grid .skl-td { border-left-width: 1px; border-left-style: solid; }
.skl-grid .skl-td:last-child { border-right-width: 1px; border-right-style: solid; }
.skl-width-5 { width: 5%; }
.skl-width-10 { width: 10%; }
.skl-width-20 { width: 20%; }
.skl-width-25 { width: 25%; }
.skl-width-30 { width: 30%; }
.skl-width-35 { width: 35%; }
.skl-width-40 { width: 40%; }
.skl-width-45 { width: 45%; }
.skl-width-50 { width: 50%; }
.skl-width-55 { width: 55%; }
.skl-width-60 { width: 60%; }
.skl-width-65 { width: 65%; }
.skl-width-70 { width: 70%; }
.skl-width-75 { width: 75%; }
.skl-width-80 { width: 80%; }
.skl-width-85 { width: 85%; }
.skl-width-90 { width: 90%; }
.skl-width-95 { width: 95%; }
.skl-width-100 { width: 100%; }
.skl-width-11 { width: 11%; }
.skl-width-34 { width: 34%; }
.skl-center { text-align: center !important; }
.skl-right { text-align: right !important; }
@media screen and (min-width: 800px) {
.skl-tr > div { padding: 10px; }
}
.skl-td {
   vertical-align: middle;
}
.labl > div {
   padding-top: 4px;
   padding-right: 4px;
   padding-bottom: 4px;
   padding-left: 4px;
   margin-top: -10px;
   margin-right: -6px;
   margin-bottom: -6px;
   margin-left: -6px;
}
.labl  > input { /* HIDE RADIO FIX POSITION */
    display : block;
    visibility: hidden; /* Makes input not-clickable */
    margin-bottom: -23px;

}
.labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #ffd6bb;
    border: 1px solid #ff6600;
}
.genera { 
  vertical-align: middle;
  text-align: center;
  padding: 10px 0 0 0;
 }
.stampa { 
  vertical-align: middle;
  text-align: center;
  padding: 10px 0 0 0;
 }
.footer { 
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
 }