#exercise{  
  max-width: 1000px; 
  margin: 0px auto;
  text-align: center;  
  line-height: normal;  
}

#exercise td{ border-bottom-width:0px; }
#exercise td.l  { border-left: 1px solid #2980b9;} /* box */
#exercise td.r  { border-right: 1px solid #2980b9;} /* box */
#exercise td.t  { border-top: 1px solid #2980b9;} /* box */
#exercise td.b  { border-bottom: 1px solid #2980b9;} /* box */

#exercise plan {
  box-sizing: content-box;  
}

#exercise{
  
}

#robot{
  margin-top:6px;
}

#exercise .tlacitko-control{
  display: inline-block;
  margin: 5px;  
  margin-top: 0px;
  font-size: 18px;    
  width: 150px;      
  text-align:center;  
  border-radius:2px;  
  line-height: 50px;  
  cursor: pointer;

  background-color: #e0e0e2;
  color: var(--darkGray);
}

#exercise .tlacitko-control:hover{ 
  color:white; 
  background-color:#2ecc71; 
}

#exercise .tlacitko-control.disabled{ 
  color:white;
  background-color:#e6e8ea;  
}

#exercise #rules{  
  text-align: left;
  display: inline-block;
  max-width: 600px;
  background-color: white;
  border:1px solid #2980b9;
  border-radius: 3px;
  padding:15px;  
  margin-bottom: 15px;
}

#backOverview{
  text-decoration:none;
}