.panel.callout{
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  margin-bottom:.4em;
  padding:.5em 1.5rem;
  background: #f2fafc;
  color: #333;
  box-sizing: border-box;
}

.callout .q_num, .callout .wims_title{color:black;}

.oefstatement li{margin-bottom: .7em;}

ul.inline{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:1px;
}
.field{min-width: 12em;}

ul.word_list{
  max-width: 45em;
  margin: .5em auto;;
}

iframe{border:none;}

/******************/
/*** QCM styles ***/
/******************/

.instructions{margin:1em 0}
.panel{border-radius:5px;}

.q_num, .panel .wims_title{
  font-size:150%;
  font-family:Impact, Charcoal, sans-serif;
  color:#777;
}

.panel .wims_title, .panel .wimscenter{margin-top:-1.2em;}

ol.question{margin-top:.5em;}

.strike{text-decoration:line-through;}

ol.question li {list-style: upper-alpha;}

/** CSS for medium and up **/
@media all and (min-width: 40.0625em) {
  .equalize_height{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .bloc-2-columns>.panel{width:49.66%;}
}

/** CSS for medium only **/
@media all and (min-width: 40.0625em) and (max-width: 50.0625em) {
  .bloc-3-columns>.panel{
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
/** CSS for large and up **/
@media all and (min-width: 50.0625em) {
  .bloc-3-columns>.panel{width:32.90%;}
}

/** CSS for print only **/
@media only print {
  .bloc-3-columns>.panel{
    width:32.90%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
}