
.mcq {
  display: block;
}

.quiz {
  display: block;
}

.next {
  display: none;
}

.quiz {
  text-align: center;
}

.quiz .output {
  background-color: rgb(245,245,245);
  border-radius: 4px;
  border: 1px solid rgb(227,227,227);
  padding: 30px 20px;
}

.quiz .output h3 {
  margin: 0 0 20px;
}

.output p.lead {
  margin-bottom: 10px;
}

.output ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.output ul li {
  background: rgb(255,255,255);
  border-radius: 2px;
  border: 1px solid rgb(204,204,204);
  margin-bottom: 2px;
  text-align: left;
}

.output ul.final li {
  background: transparent;
  border-radius: 0;
  border: 1px solid rgb(204,204,204);
  margin-bottom: 4px;
  text-align: center;
}

.output ul.final li {
  display: block;
  padding: 20px;
}

.output ul.final li.alert-danger {
  color: rgb(169,68,66);
  background-color: rgb(242,222,222);
  border: 1px solid rgb(235,204,209);
}

.output ul.final li.alert-success {
  color: rgb(60,118,61);
  background-color: rgb(223,240,216);
  border: 1px solid rgb(214,233,198);
}

.output ul.final li p {
  margin-bottom: 10px;
}

.radio {
  margin: 0;
}

.radio label {
  padding: 15px 15px 15px 50px;
  width: 100%;
}

li input[type=radio]{
  border: 0;
  outline: 0;
  -webkit-appereance: none;
  -moz-appereance: none;
  -ms-appereance: none;
  -o-appereance: none;
  appereance: none;
  margin: 7px 0 7px -28px!important;
}

.output ul.final li input[type=radio]{
  margin: 8px 4px 4px 10px!important;
}


/* Tablet */
@media(min-width: 768px){



}


/* Desktop */
@media(min-width:992px){



}


/* Large Desktop */
@media(min-width:1200px){



}


/* Print */
@media print {


}