/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.w-33{
    width: 33% !important;
}
.invisible-qm{
    display: none !important;
}
.list-group-item-anws{
    position: relative;
    display: block;
}
.question_title{
    color: #012e3d;
}
.btn-reset-quiz{

}
.btn-reset-quiz:hover{

}
.btn-check-anws{
    background-color: #03ABE5;
    text-transform: uppercase;
    border: 1px solid #03ABE5;
    padding: .6rem 1.5rem;
}
.btn-check-anws:hover {
    background-color: #03ABE5;
    border: 1px solid #03ABE5;
}
.btn-directions{
    border: 1px solid #03ABE5;
    text-transform: uppercase;
    padding: .6rem 1.5rem;
}
.btn-directions:hover{
    background-color: #03ABE5;
}

/* HTML5 Boilerplate accessible hidden styles */
[type="radio"] {
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px;
   
  }
  .qm-option-answ{

    padding: 5px 2px;
    line-height: 1.5;
  }
.item-option {
    width: 60%;
    cursor: pointer;
    margin: .5em 0 .5em;
    font-size: 1em;
   
    background-color: #d4e8f1;
    text-align: center;
    color: #0A7094;
    border-radius: 5px;
   
  }
  .correct-answer{
      background-color: #60D477 !important;
      color: #ffffff;
      border-radius: 4px;
  }
  .incorrect-answer{
    background-color: #ff5252 !important;
    color: #ffffff;
  }

  
  [type="radio"] + span {
    display: block;
  }
  
  [type="radio"]:checked + span{
    background-color:#9addf5;
    border-radius: 5px;
  }
  
  .img-ctrls-lessMore-qm{
    background-size: 100%;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: -1px;
  }
  .arrow-left-qm{
    background-image: url('../img/arrow-left.svg');
  }
  .arrow-right-qm{
    background-image: url('../img/arrow-right.svg');
  }
  .verification-qm{
    background-image: url('../img/verification-mark.svg');
  }
  .wrong-qm{
    background-image: url('../img/wrong-mark.svg');
  }
  .position-verifcation{
    margin: auto;
    position: absolute;
    top: 0; 
    bottom: 0; 
  }
  .mr-qm-1{
    margin-right: .8rem;
  }
  .btn-directions:hover > i {
    filter: brightness(0) invert(1);
  }