/* Qlik script editor styling for Highlight.js */

/* Highlight.js syntax highlighting styles */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: white;
  color: black;
  -webkit-text-size-adjust: none;
  font-style: normal;
}

.hljs-comment,
.hljs-annotation,
.hljs-template_comment,
.diff .hljs-header,
.hljs-chunk,
.apache .hljs-cbracket {
  color: #008000;
  font-style: normal;
}

.hljs-keyword,
.hljs-function_keyword,
.hljs-format_specification_items,
.hljs-id,
.hljs-built_in,.css
.smalltalk .hljs-class,
.hljs-winutils,
.bash .hljs-variable,
.tex .hljs-command,
.hljs-request,
.hljs-status,
.nginx .hljs-title,
.xml .hljs-tag,
.xml .hljs-tag .hljs-value {
  color: #00f;
  font-style: normal;
}

.hljs-keyword {
  font-weight: bold;
}

.hljs-string,
.hljs-operator,
.hljs-title,
.hljs-parent,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-template_tag,
.django .hljs-variable,
.hljs-addition,
.hljs-flow,
.hljs-stream,
.apache .hljs-tag,
.hljs-date,
.tex .hljs-formula,
.coffeescript .hljs-attribute {
  color: #000;
  font-style: normal;
}

.hljs-field, 
.hljs-set-analysis-quotes {
  color: #800000;
  font-style: normal;
}

.ruby .hljs-string,
.hljs-decorator,
.hljs-filter .hljs-argument,
.hljs-localvars,
.hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-pi,
.hljs-doctype,
.hljs-deletion,
.hljs-envvar,
.hljs-shebang,
.hljs-preprocessor,
.hljs-pragma,
.userType,
.apache .hljs-sqbracket,
.nginx .hljs-built_in,
.tex .hljs-special,
.hljs-prompt {
  color: #2b91af;
  font-style: normal;
}

.hljs-phpdoc,
.hljs-dartdoc,
.hljs-javadoc,
.hljs-xmlDocTag,
.hljs-variable {
  color: #808080;
  font-style: italic;
}

.hljs-type,
.hljs-typename { font-weight: bold; }

.vhdl .hljs-string { color: #666666; }
.vhdl .hljs-literal { color: #800000; }
.vhdl .hljs-attribute { color: #00b0e8; }

.xml .hljs-attribute { color: #f00; }


/* Line Numbers for Highlight.js styles */

/* for block of numbers */
td.hljs-ln-numbers {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	text-align: center;
	color: #ccc;
	border-right: 1px solid #CCC;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
}

td.hljs-ln-code {
	padding-left: 10px;
}

/* Code copy style */
pre.qlik-highlight-pre {
	position:relative;
	overflow:visible;
}

pre.qlik-highlight-pre .btn{
	border: 1px solid #ccc;
	background-color: #fff;
	visibility: hidden;
	padding:2px 6px;
	position:absolute;
	top:28px;
	right:28px;
}

pre.qlik-highlight-pre:hover .btn,
pre.qlik-highlight-pre .btn:focus {
	visibility: visible;
}

pre.qlik-highlight-pre .btn .clippy {
margin-top:-3px;position:relative;top:3px;
}