.springgreen
{
  background-color: springgreen;
  border-radius: 12px      
}
.springgreen:hover
{
 background-color: gold;
}

.khaki
{
  background-color:khaki
}
.khaki:hover
{
 background-color: gold;
}


.lightblue
{
  background-color:#a6f4ff;
  border-radius: 12px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}

.lightblue:hover
{
 background-color: chartreuse;
 border-radius: 12px;
 font-weight: bold;
}


.tomato
{
  background-color: tomato;
  border-radius: 12px;      
}
.tomato:hover
{
 background-color: chartreuse;
}

.yellow
{
  background-color:yellow;
}

.yellow:hover
{
  background-color: chartreuse;
}

.white
{
  background-color:white;
  border-color: transparent;
}

.white:hover
{
  background-color: white;
  border-color: transparent;
}

.lightblueleft
{
  background-color:#a6f4ff;
  border-radius: 12px;
  text-align:left;
  font-weight: bold;
}

.lightblueleft:hover
{
  background-color: chartreuse;
  border-radius: 12px;
  text-align:left;
  font-weight: bold;
}


.lightskyblue
{
  background-color: lightskyblue;  
  border-radius: 12px;
  text-align:center;
  font-weight: bold;
}


.clear
{
  background-color: transparent;
  border-radius: 12px;
  font-weight: bold;
}

.clear:hover
{
 background-color: chartreuse;
 border-radius: 12px;
 font-weight: bold;
}