p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

pre.numberSource code > a.sourceLine::before {
  left: -0.2em;
}

/* -----------div tips------------- */

/*, div.fyi, div.demo, div.note*/
div.concept, div.note, div.nextlevel, div.standard {
    padding: 1em;
    margin: 1em 0;
    padding-left: 100px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 15px center;
    min-height: 50px;
    /* color: #1f5386;*/
    color: #000000;
    background-color: #84a7d1;
    border: solid 5px #7390b6;
  }

  div.concept {
    background-image: url("img/concept.svg");
  }

  div.note {
    background-image: url("img/note.svg");
    background-color: #e7e7e7;
    border: solid 5px #f8f7f7;
  }

  div.nextlevel {
    background-image: url("img/nextlevel.svg");
    background-color: #e7e7e7;
    border: solid 5px #f8f7f7;
  }


  div.standard {
    background-image: url("img/standard.svg");
    background-color: #e7e7e7;
    border: solid 5px #f8f7f7;
  }