/* There are the classes for pre-specified sections of css */

.root-green-question {
  background: #0000ff0f;
  border-style: solid;
  border-color: green;
  border-radius: 10px;
  margin: 5px 0 5px 0;
  }

.root-gray-question {
  background: #0000ff0f;
  border-style: solid;
  border-color: gray;
  border-radius: 10px;
  margin: 5px 0 5px 0;}


.MineShowText{
  position: relative;
  display: inline-block;
  border-bottom: 5px black;}

.MineShowText .ShowTextText {
  visibility: hidden;
  width: 200px;
  background-color: #00458f;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;}

.MineShowText:focus .ShowTextText{
  visibility: visible;
}

.MineQuestionMark{
  position: relative;
  display: inline-block;
  border-bottom: 5px black;
}

.MineQuestionMark .MineQuestionMarkText {
  visibility: hidden;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
}

.MineQuestionMark:focus .MineQuestionMarkText{
  visibility: visible;
}