/* REMs */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
    font-family:titolo;
    src: url(../fonts/AgainstHistory.ttf);
}

html {
  color: #104273; 
//  font-size: 62.5%;
}

body {
  font: normal 14px Tahoma, Geneva, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 0;
  background: linear-gradient(90deg, #afd4f6, #5ba4eb);     //#819FF7; //#0B3861; /*#18626b; */                /*backgroud pagina*/             
  background-repeat: no-repeat;
//  background-attachment: scroll;
  position:relative;
//  background-size: 100% 100%;
  overflow-y: hidden;
}

/*
@media only all and (min-width: 760px) {
  body {                                        
    padding: 20px;
//    padding: 2rem;
  }
}

table {
  display: block;
  margin: 0;
  border: none;
//  background: #FFF;
//  font-size: 14px;
//  font-size: 1.4rem;
}
*/

@media only all and (min-width: 760px) {
  table {
    display: table;
    width: 100%;
//    border: 1px solid red;
    border-top: none;
  }
}
/*
--tbody {
  display: block;
}


@media only all and (min-width: 760px) {
  --tbody {
    display: table-row-group;
  }
}
*/
.table-caption {
  display: block;
  width: 100%;
//  background: red;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  height: 44px;
  line-height: 44px;
  border: none;
//  border-bottom: 2px solid yellow;                           /*#999*/
}


@media only all and (min-width: 760px) {
  .table-caption {
    border: 1px solid orange;                              
    border-top: none;
    border-bottom: none;
    height: 55px;
    line-height: 55px;
  }
}

tr {
  position: relative;
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 8px;
  padding: 0.8rem;
}
tr:nth-child(even) {
  background: #e8e7e7;                                         /* colore riga tabella : #f5f5f5*/
}

.table:hover {
  background: #c1e4f8;                                         /* colore quando passo sopra la riga tabella : #c1e4f8*/
}


@media only all and (min-width: 760px) {
  tr {
    display: table-row;
  }
}

td {
  display: block;
  border: none;
  position: relative;
  text-align: left;
}
td.actions {
  position: absolute;
  top: 4px;
  right: 24px;
}
td.checkbox {
  position: absolute;
  top: 4px;
  right: 4px;
}

th {
  color: #0c3c6b;
}

@media only all and (min-width: 760px) {
  td {
    display: table-cell;
    padding: 6px;
    padding: 0.6rem;
//    border-bottom: 1px solid #e5e5e5;
    text-align: center;
  }
  td.actions, td.checkbox, th.actions, th.checkbox {
    position: static;
  }
}

td.actions:before, td.checkbox:before {
  display: none;
}

/*
span.yes, span.no {
  display: inline-block;
  width: 12px;
  height: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-indent: -9999px;
  overflow: hidden;
}
span.yes {
  background: #1DBA3B;                             
}
span.no {
  background: #DA3636;                             
}


@media all and (min-width: 760px) {
  span.yes, span.no {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}
*/