.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.Heading {
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 900 !important;
  font-size: 22px !important;
  color: var(--text-color) !important;
  text-align: center;
  height: 30px;
  position: sticky;
  position: -webkit-sticky;
}

.subtitle2 {
  font-size: 14px !important;
  margin-top: 0px !important;
  font-weight: 500 !important;
  height: 22px;
  color: #64748b !important;
}

.subtitle1 {
  text-align: center;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  font-size: 16px !important;
  color: #475569 !important;
  font-weight: 400px !important;
  font-family: "Josefin Sans" !important;
  font-style: normal;
  height: 25px;
}
.subtitle1 b {
  color: var(--level-4) !important;
}