

td.color_on { background-color: green
}
td.color_off { background-color: yellow
}
tr.gold {
    border: 10px solid #ffcc00;
    background-color: #ffe066;
}
tr.ra {
    border: 10px solid #ff0000;
    background-color: #ffb3b3
}
tr.pa {
    border: 10px solid #ff99ff;
    background-color: #ffccff
}
tr.ya {
    border: 10px solid #ffff00;
    background-color: #ffffb3
}
tr.ga {
    border: 10px solid #33cc33;
    background-color: #c2f0c2
}
tr.ba {
    border: 10px solid #0000ff;
    background-color: #b3b3ff
}

@keyframes color {
  0%   { background: #ff0000; }
  20%  { background: #ff8080; }
  40%  { background: #ffffff; }

}

tr.alert {
  background: #ff8080; /* Fallback */
  animation: color 2s infinite linear;
  text-align: center;
  padding: 2em;
}

.table-container th.asc:after {
    content: '\0000a0\0025b2';
    float: right;
}

.table-container th.desc:after {
    content: '\0000a0\0025bc';
    float: right;
}