html { -webkit-text-size-adjust: 100%; }
body { font-size: 18px; }

body {
  font-family: sans-serif;
}

  .itab td, .itab th { font-size: 18px; }


@media screen {     /*if prefer more colourful on screen... */

  h2{ font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 24px; line-height: 24px; color: #a22a50; letter-spacing: -1px; padding-bottom: 7px; margin-bottom: 12px; background: url(../images-a/dots.gif) bottom left repeat-x;  }
  h3{ font-family: Arial, Helvetica, sans-serif; font-weight: 500; font-size: 12px; line-height: 14px; color: #a22a50; text-transform: uppercase; margin-bottom: 12px; }


  .itab th {
    background: #ffe374;
    border-collapse:collapse;
    padding: 3px;
  }

  .itab, .itab td {
    border-collapse:collapse;
    padding: 6px;
  }

  .itab th:hover {
    background-color:#cf4671;
    }


  .itab2 tr:nth-child(odd) {
   background: #eaeaea;
  }

  .clsDivider {
   background: #eaeaea;
  }
}

@media print {         /* save ink printing */

  .itab th {
    background: #e6e6e6;
    border-color: #ffffff;
    border-collapse:collapse;

    padding: 3px;
    font: 14px Arial;
    font-weight: bold;
  }



  .itab, .itab td {
    border-collapse:collapse;
    border-color: #d4d4d4;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
  }

}

 .button {
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        color: #000000;
        background-color: #ffe374;
        border-radius: 6px;
        outline: none;
        transition: 0.3s;
      }
      .button:hover {
        background-color: #cf4671;
      }

/* ===== Mobile usability improvement ===== */

.itab td:first-child a{
    display:block;              /* link fills the cell */
    padding:8px 8px;           /* big tap target */
    text-decoration:none;       /* looks like an app list */
}

/* row hover/press feedback */
.itab td:active a {
    background:#cf4671;
    color: #000;
  }

.itab td:hover a {
    background:#cf4671;
    color: #000;
}

/* make rows a comfortable height */
.itab td{
    vertical-align:middle;
}

/* slightly clearer links */
.itab td:first-child a:visited{
    color:#5a2ea6;
}


