/* ********************************************************************** */
/* COLORS */

pre {
    background:#fbfbfb !important;
    border-color:#ddd !important;
    color:#444;
}
pre code {
    /* code inside pre */
    color:#333;
}

code {
    /* inline code not inside pre */
    color:#333;  /* orig #dd4a68 */
}

.str {
    color:#690;  /* Same as precode .token.string */
}

/* More colors are in the Prism section below */



/* ********************************************************************** */
/* FONTS */

pre, code, .mono, .str {
    font-family:Courier New,Courier,Consolas,Monospace !important;
    /* orig font-family:Courier,Courier New,Consolas,Monospace !important;*/
}
code.lang-excel, code.lang-excel {
    font-family:Calibri,Candara,Segoe,Arial,sans-serif !important;
}



/* ********************************************************************** */
/* OTHER CONFIG */

/* FONT SIZE + COLORS */

pre code {
    /* code inside pre */
    font-size:100%;
}
code {
    /* inline code not inside pre */
    font-size:90%;  /* changing this to other than 100% breaks line number size for pre code */
}
.mono {
    font-size:90%;
    line-height:1.1em;
}

.str {
    font-size:90%;
}



/* LAYOUT, SIZES */

pre {
    display:block;
    max-width:50em;
    margin:1.4em 0 !important;
    border-width:1px !important;
    border-left-width:3px !important;
	padding-top:0.8em !important;
	padding-bottom:0.8em !important;
	padding-left:0.8em;  /* not !important, so ln, cl can override it */
	padding-right:0.5em !important;
    font-size:85%;
    line-height:1.1 !important;
	overflow:auto;
    /* pre-wrap wraps line if too long, but preserves indents */
	white-space:pre-wrap !important;
	word-wrap:break-word;
}



/* ********************************
The part below up to the end of PRECODE section
is safe to remove for sites which don't need prism code highlighting 
Basic pre, code style (font, align) with still be supported */

/* PRISM */

/* 
Made some changes to original Prism code - commented in code 
Removed all the pre, code parts and replaced with the above
Keeping the token. parts unchanged
Keeping the .line-numbers part (but renamed all classes from line-numbers to ln)
Keeping the .commend-prompt part (but renamed all classes from commend-line to cl)
*/

/* PrismJS 1.24.1
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+excel-formula+markup-templating+php+php-extras+python+regex+sql+visual-basic&plugins=line-numbers+command-line */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

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

.token.punctuation {
	color: #999;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.lang-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

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

.token.entity {
	cursor: help;
}

pre.ln {  /* ORIG pre[class*="lang-"].ln */
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre.ln > code {  /* ORIG pre[class*="lang-"].ln > code */
	position: relative;
	white-space: inherit;
}

.ln .ln-rows {
    /* added */
    background:#f2f2f2;
	padding-top:0.8em !important;
	padding-bottom:0.8em !important;
    /* /added */
	position: absolute;
	pointer-events: none;
	top: -0.8em; /* orig 0 */
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 0; /* orig 1px solid #999 */

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.ln-rows > span {
	display: block;
	counter-increment: linenumber;
}

.ln-rows > span:before {
	content: counter(linenumber);
	color: #aaa; /* orig #999 */
	display: block;
	padding-right: 0.6em; /* orig 0.8em */
	text-align: right;
}


.cl-prompt {
	border-right: 0; /* orig 1px solid #999 */
	display: block;
	float: left;
	font-size: 100%;
	letter-spacing: -1px;
	margin-right: 0.6em;  /* orig 1em */
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cl-prompt > span:before {
	color: #aaa;  /* orig 999 */
	content: ' ';
	display: block;
	padding-right: 0.1em;  /* orig 0.8em */
}

/*
Not using these
.cl-prompt > span[data-user]:before {
	content: "[" attr(data-user) "@" attr(data-host) "] $";
}
.cl-prompt > span[data-user="root"]:before {
	content: "[" attr(data-user) "@" attr(data-host) "] #";
}
*/

.cl-prompt > span[data-prompt]:before {
	content: attr(data-prompt);
}



/* ********************************************************************** */
/* CONSTANTS */



/* ********************************************************************** */
/* END */