/* Local CSS declaration for striped sortable table requires inc/sorttable.js         */
/* <style type="text/css"> */
/* Stripesort.css  required in header as inc/Stripesort.css requires inc/sorttable.js */

StripeSorttable.sortable {
border:3px solid #000087; 
padding:5px;
border-collapse:collapse;
border-color: #466EFF;
border-width: medium;
}

/* NOT WORKING HERE or BELOW 
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}
*/

th {
  padding: 9px !important;
  background-color: #0000DD; /*light blue #00000DD dark blue #0000AA Good w/yellow text */

}


td {
  padding: 4px !important;
  background-color: #7EC3F7;
  font-size: 1.2em;     
}

td.p {
  padding: 4px !important;
  background-color: #7EC3F7;       /* Light Blue */

  font-size: 1.2em;  
  text-align: center;   
}

/* Sortable tables */
table.sortable thead {
/*    background-color: #333; */
    background-color: #000087;      /* Dark Blue */

    color: #fff;		/* white #fff    yellow  #FFF15D */
    font-weight: bold;
    cursor: default;

}
th {
/*  font-size: 100%; */
 	font-size: 1.2em;
  color: #FFF; 	/* HEADER TEXT white #fff yellow #FFF15D  darker yellow #FFD800 */
}


table#counterdemo tbody {
    counter-reset: sortabletablescope;
}
table#counterdemo thead tr::before {
    content: "";
    display: table-cell;
}
table#counterdemo tbody tr::before {
    content: counter(sortabletablescope);
    counter-increment: sortabletablescope;
    display: table-cell;
}


table#stripedemo tbody tr:nth-child(2n) td {
  background: #B0E2E6;                         /* Light Blue */
}


table#stripedemo tbody tr:nth-child(2n+1) td {
  background: #CCFFFF;                         /* Lighter  Blue */
}



/*  Does NOT WORK
StripeSorttable.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
*/
}

/* uncomment in local implementation
</style>
*/
