.sla {
  border-color: #31B404;
  background-color: #9FF781;
}

.slb {
  border-color: #0489B1;
  background-color: #81DAF5;
}

.slc {
  border-color: #0431B4;
  background-color: #819FF7;
}

.se {
  border-color: #B40486;
  background-color: #F781D8;
}

.swa {
  border-color: #B45F04;
  background-color: #F7BE81;
}

.swb {
  border-color: #B18904;
  background-color: #F5DA81;
}

.swc {
  border-color: #AEB404;
  background-color: #F3F781;
}

.swd {
  border-color: #86B404;
  background-color: #D8F781;
}

.wa{
  border-color: #B45F04 !important;
  background-color: #F7BE81 !important;
}

.wb{
  border-color: #0080FF !important;
  background-color: #58ACFA !important;
}

.tt{
  background-color: #F5A9A9 !important;
  border-color: #FE2E2E !important;
}

.ss{
  border-color: #642EFE !important;
  background-color: #D0A9F5 !important;
}

.h{
  border-color: #6E6E6E !important;
background-color: #BDBDBD !important;
}

.r{
  border-color: #04B486 !important;
  background-color: #A9F5BC !important;
}

.s{
  border-color: #81F781 !important;
background-color: #CEF6CE !important;
}

.k{
  border-color: #DBA901 !important;
background-color: #F5DA81 !important;
}

.uot{
  border-color: #5FB404 !important;
    background-color: #D8F781 !important;
}

.cs{
  background-color: #F6CEF5 !important;
    border-color: #F781D8 !important;
}

.es{
  border-color: #2E64FE !important;
background-color: #819FF7 !important;
}

.q{
  background-color: #CEECF5 !important;
    border-color: #81BEF7 !important;
}

.hbox{
  border-style: outset;
  border-width: 3px;
  width: 80px;
  height: 80px;
  font-size: 17pt;
  text-align: center;
  line-height: 75px;
  float: left;
  margin: 0px 15px 0px 0px;
  position: relative;
}