/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint {
  background-color: #454150!important;
  font-family: monospace, Monaco, Consolas, Arial, Helvetica, sans-serif;
  border: 0 !important;
  text-align: left;
  font-size: 14px;
  padding:16px;
  border-radius:6px;
}
.pretty.no-bg .prettyprint {
  background: transparent!important;
}
.prettyprint *{
	word-wrap: break-word;
	white-space: pre-wrap;
}

 .pln {
  color: #ab9bab;
}

/* Specify class=linenums on a pre to get line numbering */
 ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #679;
}

 li.L0,
 li.L1,
 li.L2,
 li.L3,
 li.L4,
 li.L5,
 li.L6,
 li.L7,
 li.L8,
 li.L9 {
  padding-left: 1em;
  background-color: #47536b;
  list-style-type: decimal;
  font-size: 12px;
}

@media screen {

  /* string content */

   .str {
    color: #6fb9ec;
  }

  /* keyword */

   .kwd {
    color: #9066b3;
  }

  /* comment */

   .com {
    color: #679;
  }

  /* type name */

   .typ {
    color: #4fc1e9;
  }

  /* literal value */

   .lit {
    color: #ff8c95;
  }

  /* punctuation */

   .pun {
    color: #ab9bab;
  }

  /* lisp open bracket */

   .opn {
    color: #ab9bab;
  }

  /* lisp close bracket */

   .clo {
    color: #ab9bab;
  }

  /* markup tag name */

   .tag {
    color: #ef4a25;
  }

  /* markup attribute name */

   .atn {
    color: #ef4a25;
  }

  /* markup attribute value */

   .atv {
    color: #6fb9ec;
  }

  /* declaration */

   .dec {
    color: #ac92ec;
  }

  /* variable name */

   .var {
    color: #e6e9ed;
  }

  /* function name */

   .fun {
    color: #e6e9ed;
  }
}


/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.light.prettyprint {
  background-color: #f3f5f6!important;
  font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  border: 0 !important;
  text-align: left;
}

.light .pln {
  color: #ab9bab;
}

/* Specify class=linenums on a pre to get line numbering */
.light ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #679;
}

.light li.L0,
.light li.L1,
.light li.L2,
.light li.L3,
.light li.L4,
.light li.L5,
.light li.L6,
.light li.L7,
.light li.L8,
.light li.L9 {
  padding-left: 1em;
  background-color: #f3f5f6;
  list-style-type: decimal;
  font-size: 12px;
}

@media screen {

  /* string content */

  .light .str {
    color: #d74d58;
  }

  /* keyword */

  .light .kwd {
    color: #5a9eed;
  }

  /* comment */

  .light .com {
    color: #679;
    font-style: italic;
  }

  /* type name */

  .light .typ {
    color: #586674;
  }

  /* literal value */

  .light .lit {
    color: #ff8c95;
  }

  /* punctuation */

  .light .pun {
    color: #8a8ad6;
  }

  /* lisp open bracket */

  .light .opn {
    color: #e6e9ed;
  }

  /* lisp close bracket */

  .light .clo {
    color: #e6e9ed;
  }

  /* markup tag name */

  .light .tag {
    color: #5a9eed;
  }

  /* markup attribute name */

  .light .atn {
    color: #586674;
  }

  /* markup attribute value */

  .light .atv {
    color: #d74d58;
  }

  /* declaration */

  .light .dec {
    color: #ac92ec;
  }

  /* variable name */

  .light .var {
    color: #e6e9ed;
  }

  /* function name */

  .light .fun {
    color: #e6e9ed;
  }
}

.prettyprint.json:after {
  content: "JSON";
  position: absolute;
  top: 6px;
  right: 10px;
  font-family: GothamRounded,sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #8b99a7;
}
.prettyprint.javascript:after {
  content: "javascript";
  position: absolute;
  top: 6px;
  right: 10px;
  font-family: GothamRounded,sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #8b99a7;
}