/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
 .code-embed-wrapper{
 	position:relative;
 	padding-bottom:1.5em;
 	margin-bottom:1em;
 }

 .code-embed-infos{
 	position:absolute;
 	left:0;
 	bottom:0;
 	width:100%;
 	display:block;
 	text-align:center;
 }

 .code-embed-infos a{
 	color: #272822;
	padding: 0 1em;
	font-family: verdana, helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 4px solid #45473A;
	margin:0 0.5em;
	display: inline-block;
 }

 .code-embed-infos a:hover,
 .code-embed-infos a:focus,
 .code-embed-infos a:active{
 	color:#FFF;
 	background:#272822;
 	border-color:#272822;
 }

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	line-height:1.5rem;

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

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #1B1C1F;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

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

.token.punctuation {
	color: #D8D8D8;
}

.namespace {
	opacity: .7;
}

.token.tag {
	color: #48CBEC;
}
.token.constant {
	color: #f92672;
}
.token.symbol {
	color: #f92672;
}

.token.boolean{
	color: #ae81ff;
}
.token.number{
	color: #ae81ff;
}

.token.selector {
	color: #45dc92;
}
.token.attr-name {
	color: #45dc92;
}
.token.string {
	color: #fdc66a;
}
.token.builtin {
	color: #a6e22e;
}
.token.class-name{
	color:#37F875;
}
.token.function {
color: #45dc92;
}


.token.operator {
	color: #F32B7B;
}
.token.entity {
	color: #f8f8f2;
}
.token.url {
	color: #f8f8f2;
}
.language-css .token.string {
	color: #f8f8f2;
}
.style .token.string {
	color: #f8f8f2;
}
.token.variable,
.token.property {
	color: #E2FDFF;
}

.token.atrule{
	color: #e6db74;
}
.token.attr-value{
	color: #fdc66a;
}


.token.keyword{
color: #48CBEC;
}

.token.regex {
	color: #fd971f;
}
.token.important {
	color: #fd971f;
}

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

.token.entity {
	cursor: help;
}

.line-numbers .line-highlight {
	margin: 1em 0;
	margin-left: -2.8em;
}

body .code-embed-wrapper .line-highlight:before,
body .code-embed-wrapper .line-highlight[data-end]:after{
	z-index:2000;
	background-color:hsla(193, 75%, 45%, 1);
	box-shadow:0 1px rgb(20, 98, 128);
    top:0.25rem;
	left:.4rem;
	font-size:90%;
	width:2.1rem;
	text-align:right;
	padding-right:0.65em;
}

body .code-embed-wrapper .line-numbers .line-highlight[data-end]:after{
    top:auto;
    bottom:.4rem;
}

.code-embed-wrapper .line-highlight[data-end]:after{
	top:auto;
}

.code-embed-wrapper .line-numbers .line-highlight{
	margin-left:-3.8em;
}

pre.line-numbers > code {
	display:block;
}

.code-embed-wrapper .line-numbers .line-numbers-rows, #bbpress-forums .code-embed-wrapper .line-numbers .line-numbers-rows{
	/*top:1em !important;*/
}

.code-embed-wrapper pre.line-numbers > code, #bbpress-forums .code-embed-wrapper pre.line-numbers > code{
	position:relative !important;
}
body .code-embed-wrapper .line-numbers .line-numbers-rows, body #bbpress-forums .code-embed-wrapper .line-numbers .line-numbers-rows{
	left:-3.8em;
}

.pastacode-info-content{
	float:right;
	background-color:#272822;
	display:inline-block;
	width:1.2rem;
	height:1.2rem;
	font-size:1em;
	cursor:pointer;
	border-radius:50%;
	color:white;
	outline:none;
	position:relative;
	margin-top:4px;
}

.pastacode-info-content:hover:after,
.pastacode-info-content:focus:after{
	content:attr(data-info-content);
	position:absolute;
	z-index:1;
	top:100%;
	right:0;
	left:-200px;
	background-color:#272822;
	color:white;
	padding:.25rem .5rem;
	border-radius:.5em 0 .5em .5em;
	font-weight:100;
	font-size:.8rem;
}

.pastacode-info-content:hover,
.pastacode-info-content:focus{
	border-radius:50% 50% 0 0;
}