#activity {
      margin: 2% 0 0 0;
      position: fixed;
      left: 65%;
  }
  mark {
      padding: 0.1em 0.4em !important;
      font-style: normal;
      font-weight: normal;
      background-color: #309091;
      color: #F1EAD5;
      cursor: pointer;
      z-index: 10000;
      position: relative;
  }
  button{
      z-index: 9999;
      position: relative;
  }
  .answeredCorrectly {
      background-color: inherit;
      font-style: normal;
      font-weight: normal;
      border-bottom: 1px dotted #5BC8C1;
      color: #309091;
  }
  .currentPhrase {
      font-weight: normal;
      background-color: #FF6E42;
      color: #F1EAD5;
  }
  #questionHolder, #followOnQuestion, #feedbackHolder, .clue {
      display: none;
  }
  #feedbackHolder {
      background-color: #309091;
  
      /* padding-bottom: 0; */
}
  #feedbackHolder p {
      margin: 1% 0;
      color: #F1EAD5;
  }
  #feedback {
      color: #F1EAD5;
      text-align: center;
  }
  #followOnQuestion {
      color: #226762;
      text-align: center;
  }
  .option {
      width: 100%;
      display: block;
      margin: 1% 0;

  }
 

  #clueBtn, #extensionclueBtn{
  background-color: #5BC8C1;
  width: 4em;
  padding-left: 35px;
  color: #fff;
   margin: 2% auto;
  }

  #questionHolder {
      color: #226762;
      text-align: center;
  }
  #clueHolder {
      margin: 2% auto;
      margin-bottom: 0;
      background-color: #FF6E42;
      text-align: center;
       padding: 0 2%;
  }
  .clue {
      color: #F1EAD5;
      padding-left: 1%;
      line-height: 1.5em;
      padding-bottom: 0.2em;
  }
  .marking {
      min-height: 20px;
      min-width: 20px;
      position: relative;
      background-repeat: no-repeat;
      background-position: 95% 50%;

  }
  .correct {
      background-image: url("../images/correct.png");
  }
  .incorrect {
      background-image: url("../images/incorrect.png");
  }
/*  EXTENSION QUESTION*/
#extensionQuestion, #extensionfollowOnQuestion{
  display: none;
  background-color: #F1EAD5;
  color: #226762;
  padding-bottom: 1em;
}
#hints {
  display: none;
  margin: 2px;
  padding: 5px;
  background-color: #FF6E42;
  text-align: center;
}
#extensionclueBtn {
  background: url("../images/clueIcon.png")no-repeat;
  width: 33px;
  height: 34px;
  margin-left: 43.5%;
  cursor: pointer;
}