pre.hljs, pre.hljs code, .show-language {
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono", monospace;    
    font-size: 13px;
    line-height: 1.2;
    
    -webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
    hyphens: none;
}

.hljs.inline {
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono", monospace;
    font-size: 13px;
    line-height: 1.4;
    display: inline-block;
    padding: 0 4px;
    vertical-align: middle;
    border-radius: 3px;
    margin: 0 2px;
}

pre.hljs {
    position: relative;
    margin: 0;
}

pre.hljs code {
    white-space: pre;
}

pre.line-numbers {
	padding-left: 60px;
	counter-reset: linenumber;
}

pre.line-numbers > code {
	position: relative;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0px;
    font-size: 100%;
	left: -60px;
	width: 48px;
	letter-spacing: -1px;
	border-right: 1px solid #999;

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

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}

.show-language {
    position: relative;
}

.show-language .show-language-label {
	position: absolute;
    color: black;
	background-color: #CFCFCF;
	top: 1px;
    right: 1px;
	border-radius: 0 0 0 5px;
	padding: 0 8px 2px 8px;
	z-index: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
    
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.MdEditorYt {
    position: relative;
    border: 1px solid rgb(221, 221, 221);
    /*padding-top: 40px;*/
    margin: auto;
}

.MdEditorYt .cmContainer .CodeMirror {
    font-size: 14px;
    font-family: Consolas, "Microsoft YaHei", 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', 'Trebuchet MS', Helvetica, Monaco, courier, monospace;
    line-height: 1.5;
}

.MdEditorYt .cmContainer .CodeMirror .CodeMirror-linenumbers {
    padding: 0 3px 0 5px;
}



.MdEditorYt .cmContainer {
    padding-right: 49%;
    height: 100%;
}

.MdEditorYt .cmContainer .CodeMirror {
    height: 100%;
}

.MdEditorYt .cmContainer .CodeMirror .cm-trailingspace {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.MdEditorYt .toolbar {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.MdEditorYt .preview {
    position: absolute;
    border-left: 1px solid rgb(221, 221, 221);
    left: 51%;
    right: 1px;
    height: 100%;
    padding: 0 0.5%;
    overflow: auto;
    background: #fff;
    color: #000;
}


.MdEditorYt .previewContainer, .MdEditorYt .previewContainer p {
    font-size: 14px;
    font-family: "Microsoft YaHei", 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', 'Trebuchet MS', Helvetica, Monaco, courier, monospace;
    line-height: 1.5;
    word-break: break-all;
}

.MdEditorYt .preview.cm-s-3024-day { background: #f7f7f7; color: #3a3432; }
.MdEditorYt .preview.cm-s-3024-night { background: #090300; color: #d6d5d4; }
.MdEditorYt .preview.cm-s-abcdef { background: #0f0f0f; color: #defdef; }
.MdEditorYt .preview.cm-s-ambiance { background: #202020; color: #E6E1DC; }
.MdEditorYt .preview.cm-s-base16-dark { background: #151515; color: #e0e0e0; }
.MdEditorYt .preview.cm-s-base16-light { background: #f5f5f5; color: #202020; }
.MdEditorYt .preview.cm-s-bespin {background: #28211c; color: #9d9b97;}
.MdEditorYt .preview.cm-s-blackboard { background: #0C1021; color: #F8F8F8; }
.MdEditorYt .preview.cm-s-cobalt { background: #002240; color: white; }
.MdEditorYt .preview.cm-s-colorforth { background: #000000; color: #f8f8f8; }
.MdEditorYt .preview.cm-s-dracula { background-color: #282a36; color: #f8f8f2; }
.MdEditorYt .preview.cm-s-erlang-dark { background: #002240; color: white; }
.MdEditorYt .preview.cm-s-hopscotch {background: #322931; color: #d5d3d5;}
.MdEditorYt .preview.cm-s-icecoder { color: #666; background: #141612; }
.MdEditorYt .preview.cm-s-isotope {background: #000000; color: #e0e0e0;}
.MdEditorYt .preview.cm-s-lesser-dark { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; }
.MdEditorYt .preview.cm-s-liquibyte { background-color: #000; color: #fff; }
.MdEditorYt .preview.cm-s-material { background-color: #263238; color: rgba(233, 237, 237, 1); }
.MdEditorYt .preview.cm-s-mbo { background: #2c2c2c; color: #ffffec; }
.MdEditorYt .preview.cm-s-mdn-like { color: #999; background-color: #fff; }
.MdEditorYt .preview.cm-s-midnight { background: #0F192A; color: #D1EDFF; }
.MdEditorYt .preview.cm-s-monokai { background: #272822; color: #f8f8f2; }
.MdEditorYt .preview.cm-s-neo { background: #ffffff; color: #2e383c; }
.MdEditorYt .preview.cm-s-night { background: #0a001f; color: #f8f8f8; }
.MdEditorYt .preview.cm-s-paraiso-dark { background: #2f1e2e; color: #b9b6b0; }
.MdEditorYt .preview.cm-s-paraiso-light { background: #e7e9db; color: #41323f; }
.MdEditorYt .preview.cm-s-pastel-on-dark { background: #2c2827; color: #8F938F; }
.MdEditorYt .preview.cm-s-railscasts {background: #2b2b2b; color: #f4f1ed;}
.MdEditorYt .preview.cm-s-rubyblue { background: #112435; color: white; }
.MdEditorYt .preview.cm-s-seti { background: #151718; color: #CFD2D1; }
.MdEditorYt .preview.cm-s-solarized.cm-s-dark { color: #839496; background-color: #002b36; text-shadow: #002b36 0 1px; }
.MdEditorYt .preview.cm-s-solarized.cm-s-light { background-color: #fdf6e3; color: #657b83; text-shadow: #eee8d5 0 1px; }
.MdEditorYt .preview.cm-s-the-matrix { background: #000000; color: #00FF00; }
.MdEditorYt .preview.cm-s-tomorrow-night-bright { background: #000000; color: #eaeaea; }
.MdEditorYt .preview.cm-s-tomorrow-night-eighties { background: #000000; color: #CCCCCC; }
.MdEditorYt .preview.cm-s-twilight { background: #141414; color: #f7f7f7; }
.MdEditorYt .preview.cm-s-vibrant-ink { background: black; color: white; }
.MdEditorYt .preview.cm-s-xq-dark { background: #0a001f; color: #f8f8f8; }
.MdEditorYt .preview.cm-s-yeti { background: #ECEAE8; color: #d1c9c0; }

.MdEditorYt .mdValue {
    display: none;
    position: absolute;
}

.MdEditorYt .htmlValue {
    display: none;
    position: absolute;
}