html, body {font-family: 'Poppins', sans-serif;font-weight:300;color:#fff;}
html, body { 
  background: url('../images/bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.col-yellow {color:#ffd56b;}

.font1 {font-family: 'Poppins', sans-serif;}
.font2 {font-family: 'Roboto Condensed', sans-serif;}

.currency {font-family: 'Roboto Condensed', sans-serif;font-weight:700;padding-bottom:.5rem;padding-top:.5rem;}
.currency span {color:#ffd56b;}
.currency img {height:0.6rem;margin-left:.2rem;}

.summary span.value {color:#ffd56b;font-size:2rem;font-family: 'Roboto Condensed', sans-serif;font-weight:700;line-height:1.8rem;letter-spacing:-2px;}
.summary span.title {font-size:0.9rem;}
.summary span.symbol {font-size:1.5rem;margin-left:0.1rem;margin-right:0.1rem;}
.summary img {height:1rem;}
.summary a {color:#fff;text-decoration:none;}

.chart canvas {background-color:rgba(0,0,0,0.2);}

.worker {color:#fff;}
.worker table {color:#fff;}
.worker table thead tr th {text-align:center;font-weight:bold;background-color:rgba(0,0,0,0.3);}
.worker table tbody tr td {text-align:center;background-color:rgba(255,255,255,0.1);white-space:nowrap;}
.worker table tbody tr.inactive td {background-color:rgba(255,0,0,0.5);}
.worker table tbody tr.sum td,
.worker table tbody tr td.sum {font-weight:bold;background-color:rgba(0,0,0,0.3);}
.worker table tbody tr.sum2 td,
.worker table tbody tr td.sum2 {background-color:rgba(0,0,255,0.3);cursor:pointer;}
.worker table tbody tr.yellow td,
.worker table tbody tr td.yellow {color:#ff0;}
.worker span.value {color:#ffd56b;font-size:2rem;font-family: 'Roboto Condensed', sans-serif;font-weight:700;line-height:1.8rem;letter-spacing:-2px;}
.worker span.symbol {font-size:1.5rem;margin-left:0.1rem;margin-right:0.1rem;}