/* ---- DESKTOP VIEW -----*/
th, td {
  text-align : left;
  font-size: 13px;
  padding: 8px;
}

th {
  font-family: Roboto Slab;
}

table td {
  vertical-align: top;
}
.headercellbox {
    width: 261px;
    height: 66px;
    border: solid 1px #f8f8f8;
    background-color: #e9e9e9;

}

.tealcellbox {
  width: 235px;
  height: 109px;
  border: solid 1px #f8f8f8;
  background-color: #00b0b9;
  color: #fff;
  font-family: Roboto Slab;
  font-weight: 600;

}


.greencellbox {
  width: 235px;
  height: 109px;
  border: solid 1px #f8f8f8;
  background-color: #3cc06f;
  color: #fff;
  font-family: Roboto Slab;
  font-weight: 600;
}


.yellowgreencellbox {
  width: 235px;
  height: 109px;
  border: solid 1px #f8f8f8;
  background-color: #97d700;
  color: #fff;
  font-family: Roboto Slab;
  font-weight: 600;
}

.categorycellbkground {
  border: solid 1px #f8f8f8;
  background-color: #ffffff;
}

/*Mobile view*/
.table-mobile.teal .bg-teal {
  background-color: #00b0b9;
  color: #fff;
}
.table-mobile.bhf-5c .bg-bhf-5c {
  background-color: #3cc06f;
  color: #fff;
}
.table-mobile.bhf-5d .bg-bhf-5d {
  background-color: #97d700;
  color: #fff;
}
.table-mobile tr td:first-child {
  background-color: #e9e9e9;
  font-weight: 700;
  width: 145px;
  padding: 10px 10px 30px 10px;
}
.table-mobile tr td{
  background-color: #fff;
  vertical-align: top;
}
.table-mobile tr {
  padding: 10px 15px;
}
table.table-mobile {
  margin-bottom: 0;
}
.table-mobile th {
  padding: 15px 8px;
}
.table-mobile.teal {
  padding-top: 30px;
}