.oldngold-wrap{
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
  color:#000;
}

/* Spot price line: larger + text-colour flash only */
.oldngold-spot{
  text-align:center;
  font-weight:900;
  margin-bottom:10px;
  font-size: 22px;
  line-height: 1.2;
  transition: color 200ms ease;
}

.oldngold-spot .spot-price{
  font-weight:400;
  display:inline-block;
  padding:0;
  border-radius:0;
  transition: color 200ms ease;
}

/* Table */
.oldngold-table{
  width:100%;
  border-collapse:separate;
  border-spacing:4px;
  background:#fff;
  border:none;
}

/* Header */
.PayoutHeader td{
  background:#f6e08a;
  border:2px solid #9b7b2e;
  padding:6px;
  font-weight:900;
  text-align:center;
}

/* Cells */
.oldngold-table td{
  background:#f3dc7b;
  border:2px solid #9b7b2e;
  padding:6px;
  text-align:center;
  font-weight:900;
  transition: background-color 200ms ease, box-shadow 200ms ease, opacity 0.6s ease;
}

.PayoutWeights{
  background:#f6e08a;
}

/* Row fade/active highlight */
.og-row{
  opacity:0.55;
  transition: opacity 0.6s ease;
}

.og-row.og-active{
  opacity:1;
}

/* Footer */
.oldngold-footer{
  text-align:center;
  margin-top:10px;
}

.oldngold-tagline{
  font-weight:900;
}

.oldngold-update{
  font-weight:900;
  margin-top:2px;
}

.oldngold-disclaimer{
  font-size:12px;
  font-weight:400;
  margin-top:4px;
  opacity:0.8;
}

/* =========================
   ACTIVE ROW CELL FLASH ONLY
   ========================= */

.og-up-cell{
  background-color: rgba(0, 180, 0, 0.18) !important;
  box-shadow: inset 0 0 0 2px rgba(0, 180, 0, 0.45) !important;
}

.og-down-cell{
  background-color: rgba(220, 0, 0, 0.18) !important;
  box-shadow: inset 0 0 0 2px rgba(220, 0, 0, 0.45) !important;
}

/* =========================
   SPOT LINE: TEXT COLOR ONLY
   ========================= */

.oldngold-spot.og-up-text,
.oldngold-spot.og-up-text *{
  color: rgba(0, 160, 0, 1) !important;
}

.oldngold-spot.og-down-text,
.oldngold-spot.og-down-text *{
  color: rgba(200, 0, 0, 1) !important;
}