code {
  background: #fff;
  color: #ccc;
  padding: 2px 8px;
}



section {
  position: relative;
  padding: 20px 20px;
  width: 90%;
  min-height: 5em;
  float: left;

  background-color:rgba(0, 0, 0, 0.035);
  border-top: 5px solid #fff;
border-top: 5px solid #fff;
   border-top: 5px solid #fff;
}



.question {
  font-weight: bold;
  margin-bottom: 10px;
}
.submit {
  padding: 20px 5px;
  pointer-events: none;


}
#emc-score {
  text-align: left;
  font-size: 30px;
  min-height: 30px;
  color: #0088cc;


}
#emc-submit {
  position: relative;
  
    color: #fff;
    padding: 10px;
    border: none;
  
  

}
    
  /*  
#emc-progress {
  height: 100%;
  border: 1px solid #0088cc;
  background-color: #468847;
}
#emc-progress_inner {
  width: 100%;
  height: 0;
 background-color: #c09853;
  @include transition(height .33s $ease-in-out-back);
}
#emc-progress_ind {
  position: absolute;
  display: block;
  width: 100%;
  font-size: .7em;
  font-weight: bold;
  padding: 7px 5px 5px;
  top: 0;
  left: 0;
  text-align: center;
  color: #eeeeee
}*/



.item-incorrect {

/*  background-color:#ed2427;
  color: #fff;*/
  background-image: url("/Media/IPITrain/images/wrong2.jpg");
   background-repeat: no-repeat;
   background-position: bottom right;

  }


.item-correct {
  background-image: url("/Media/IPITrain/images/correct.jpg");
   background-repeat: no-repeat;
   background-position: bottom right;
  }
/*
 .button {
    display: block;
    outline: none;
    width: 300px;
    margin: 1em auto 1.5em;
    padding: .8em 1em;
    background: darken($wht,1%);
    background-color: #0088cc;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 1px solid #000;
  }
    
    */

.ready-show {
    visibility: visible;
    pointer-events: all;
    background-color: #0088cc;
    color: #ccc;
    border: none;
    padding: 10px;

}

.choices input[type="radio"] {
   display: block;
    clear: both;
    margin-left:  20px;    
}

.choices input[type='radio'], label{   
  
      clear: both;
       padding-left:   10px;
       padding-bottom: 7px;
       padding-top: 5px;
 }





/*

.choices input[type="radio"] {
    position: absolute;
    margin-top: 25px;
    margin-left:5px;
    float: none;
    padding: 20px;
    width:initial;
    clear: both;
    
    

}

choices input[type='radio'], label{   
  

 }
       
    */



   /*
    border: 1px solid darken($wht,5%);
    @include transition(all .1s linear);
    
    &:before {
      content:"\f10c";
      font-family: 'fontawesome';
      margin-right: 7px;
      color:#0088cc;
    }
    &:hover {
      cursor: pointer;
  }
  }
  &:checked + label {
    background: lighten($green,9%);
    color: darken($green,15%);
    &:before {
      content:"\f192";
      color: darken($green,15%);
    }
  }
}
    */
.emc-progress_ind {
 
 
    width: 100%;
    font-size: 2em;
    font-weight: bold;
    padding: 7px 5px 5px;
    top: 0;
    left: 0;
    text-align: center;
    color: #000;
}