.doc-viewer-content pre {
  margin: 16px 0;
  border-radius: 8px;
  padding: 20px 0;
  overflow: auto;
  background: #fafafa;
  font-size: 14px;
  line-height: 1.5;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  border: 1px solid #EFEFEF;
}

.doc-viewer-content code {
  color: #2f3337;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  font-family: Consolas, Menlo, Courier, monospace;
}

.doc-viewer-content pre>code {
  display: block;
  padding: 0 24px;
}

/* Inline code */
.doc-viewer-content :not(pre)>code {
  margin: 0 3px;
  color: #476582;
  font-size: 14px;
  padding: 3px 6px;
  border-radius: 4px;
  background-color: #F6F6F7;
  transition: color .5s, background-color .5s;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.token.selector,
.token.attr-name,
.token.builtin,
.token.inserted {
  color: #ed4454;
}

.token.char,
.token.string {
  color: #3e76f6;
}

.token.atrule,
.token.attr-value {
  color: #3e76f6;
}


.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #969896;
}

.token.punctuation {
  color: #2f3337;
}

.namespace {
  opacity: .7;
}

.token.property {
  color: #ed4454;
}

.token.keyword {
  color: #8a46ff;
}

.token.tag {
  color: #63a35c;
}

.token.class-name {
  color: #9b9b00;
  /*text-decoration: underline;*/
}

.token.boolean,
.token.constant {
  color: #008800;
}

.token.symbol,
.token.deleted {
  color: #f92672;
}

.token.number {
  color: #cb2b95;
}

.token.variable {
  color: #7011ff;
}

.token.entity {
  color: #FFFFB6;
  cursor: help;
}

.token.url {
  color: #96CBFE;
}

.language-css .token.string,
.style .token.string {
  color: #87C38A;
}

.token.function {
  color: #ee6c00;
}

.token.regex {
  color: #E9C062;
}

.token.important {
  color: #fd971f;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}