/* font */
html * {
    font-family: "Roboto", sans-serif;
}

/* floating action button */
.gets-fab {
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 5; /* Make sure it does not overlap */
}
.gets-pageBottom {
    position: fixed; /* Fixed/sticky position */
    bottom: 0px; /* Place the button at the bottom of the page */
    left: 0px; /* Place the button 30px from the right */
}
.shadow {
    text-shadow: 2px 2px #20202088;
}
.icon-background {
    background: transparent;
}

.gets-buttonCell {
  text-align: center;
}

/* format printed pages */
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    .print-small-font, .print-small-font *
    {
        font-size:12px!important
    }
}

/* format responsive pour les table */
  
  @media screen and (max-width: 600px) {
    table {
      border: 0;
    }
  
    table caption {
      font-size: 1.3em;
    }

    .w3-table td:first-child, .w3-table-all td:first-child {
        padding-left: 8px;
    }
    
    table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    .w3-bordered tr, .w3-table-all tr {
      border-bottom: 3px solid #ddd;
      display: block;
    }
    
    .w3-table td, .w3-table-all td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    table td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    table td:last-child {
      border-bottom: 0;
    }

    .gets-buttonCell {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: righ;
    }
  }