/* =============================================================================
  Table style 
   ========================================================================== */
   
tr:nth-of-type(odd) { 
  background: #ebf2f5; 
}

th { 
  background: #ffcc00;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px;
  color:#000;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}

 td, th { 
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 11px;
  padding: 6px; 
  border: 1px solid #fff; 
  text-align: left; 
}

.tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  white-space: normal;
  padding: 4px 20px 4px 4px;
  position: -webkit-sticky;
}

thead .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  border-bottom: #000 2px solid;
}

thead .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
  border-bottom: #000 2px solid;
}

 thead .sorter-false {
  background-image: none;
  padding: 4px;
}


/* =============================================================================
 Table media queries
========================================================================== */

.stacktable { width: 100%; display:none;}
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.3em; padding-top: 0.3em; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }


/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.small-only { display: none; }

@media (max-width: 400px) {
  .large-only { display: none }
  .stacktable.small-only { display: table; }
  td, th { text-align: center !important;}
  th { text-align: center !important;}
  thead .tablesorter-headerAsc, thead .tablesorter-headerDescm, thead .sorter-false { text-align: center !important;}
}