.queue-call-status {
  width: 150px;
  float: left;
  margin: 10px;
  padding: 5px;
  height: 75px;
  border: solid;
  border-width: 1px;
  border-radius: 15px;
  font-size: 10px;
  background-color: #66FF66;
}

.agent-list tr {
  transition:background-color .1s;
}

.agent-list tr.agent-Idle {
  background-color:#fff;
}

.agent-list tr.agent-Ringing {
  color:rgba(58, 135, 173, 1);
  background-color: rgba(58, 135, 173, 0.15)/*blue*/;
}

.agent-list tr.agent-Inuse {
  color:rgba(70, 136, 71, 1);
  background-color:rgba(70, 136, 71, 0.15)/*green*/;
}

.agent-list tr.agent-Onhold {
  border-left-color:rgba(255, 143, 0, 1);
  background-color:rgba(255, 143, 0, 0.15)/*yellow*/;
}

.agent-list tr.agent-Unavailable {
  color:#969696;
  background-color:rgba(240, 240, 240, 1);
}

.agent-list tr.agent-Busy,
.agent-list tr.agent-Invalid,
.agent-list tr.agent-Unknown {
  color:rgba(196, 20, 17, 1);
  background-color:rgba(196, 20, 17, 0.15)/*red*/;
}