.CodeMirror {
font-family:monospace;
height:300px;
color:#000
}

.CodeMirror-lines {
padding:4px 0
}

.CodeMirror pre {
padding:0 4px
}

.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler {
background-color:#fff
}

.CodeMirror-gutters {
border-right:1px solid #ddd;
background-color:#f7f7f7;
white-space:nowrap
}

.CodeMirror-linenumber {
padding:0 3px 0 5px;
min-width:20px;
text-align:right;
color:#999;
white-space:nowrap
}

.CodeMirror-guttermarker {
color:#000
}

.CodeMirror-guttermarker-subtle {
color:#999
}

.CodeMirror-cursor {
border-left:1px solid #000;
border-right:none;
width:0
}

.CodeMirror div.CodeMirror-secondarycursor {
border-left:1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
width:auto;
border:0;
background:#7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
z-index:1
}

.cm-animate-fat-cursor {
width:auto;
border:0;
-webkit-animation:blink 1.06s steps(1) infinite;
-moz-animation:blink 1.06s steps(1) infinite;
animation:blink 1.06s steps(1) infinite;
background-color:#7e7
}

@-moz-keyframes blink {
50% {
background-color:transparent
}
}

@-webkit-keyframes blink {
50% {
background-color:transparent
}
}

@keyframes blink {
50% {
background-color:transparent
}
}

.cm-tab {
display:inline-block;
text-decoration:inherit
}

.CodeMirror-ruler {
border-left:1px solid #ccc;
position:absolute
}

.cm-s-default .cm-header {
color:blue
}

.cm-s-default .cm-quote {
color:#090
}

.cm-negative {
color:#d44
}

.cm-positive {
color:#292
}

.cm-header,.cm-strong {
font-weight:700
}

.cm-em {
font-style:italic
}

.cm-link {
text-decoration:underline
}

.cm-strikethrough {
text-decoration:line-through
}

.cm-s-default .cm-keyword {
color:blue
}

.cm-s-default .cm-atom {
color:#219
}

.cm-s-default .cm-number {
color:#164
}

.cm-s-default .cm-def {
color:#00f
}

.cm-s-default .cm-variable-2 {
color:#05a
}

.cm-s-default .cm-singlequote {
color:green
}

.cm-s-default .cm-dynamicvalue {
color:red
}

.cm-s-default .cm-comment {
color:orange
}

.cm-s-default .cm-string {
color:#a11
}

.cm-s-default .cm-string-2 {
color:#f50
}

.cm-s-default .cm-meta {
color:#555
}

.cm-s-default .cm-qualifier {
color:#555
}

.cm-s-default .cm-builtin {
color:#30a
}

.cm-s-default .cm-bracket {
color:#997
}

.cm-s-default .cm-tag {
color:purple
}

.cm-s-default .cm-attribute {
color:#00c
}

.cm-s-default .cm-hr {
color:#999
}

.cm-s-default .cm-link {
color:#00c
}

.cm-s-default .cm-error {
color:red
}

.cm-invalidchar {
color:red
}

.CodeMirror-composing {
border-bottom:2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
color:red
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
color:#f22
}

.CodeMirror-matchingtag {
background:rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
background:#e8f2ff
}

.CodeMirror {
position:relative;
overflow:hidden;
background:#fff
}

.CodeMirror-scroll {
overflow:scroll!important;
margin-bottom:-30px;
margin-right:-30px;
padding-bottom:30px;
height:100%;
outline:none;
position:relative
}

.CodeMirror-sizer {
position:relative;
border-right:30px solid transparent
}

.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler {
position:absolute;
z-index:6;
display:none
}

.CodeMirror-vscrollbar {
right:0;
top:0;
overflow-x:hidden;
overflow-y:scroll
}

.CodeMirror-hscrollbar {
bottom:0;
left:0;
overflow-y:hidden;
overflow-x:scroll
}

.CodeMirror-scrollbar-filler {
right:0;
bottom:0
}

.CodeMirror-gutter-filler {
left:0;
bottom:0
}

.CodeMirror-gutters {
position:absolute;
left:0;
top:0;
z-index:3
}

.CodeMirror-gutter {
white-space:normal;
height:100%;
display:inline-block;
margin-bottom:-30px;
*zoom:1;
*display:inline
}

.CodeMirror-gutter-wrapper {
position:absolute;
z-index:4;
background:none!important;
border:none!important
}

.CodeMirror-gutter-background {
position:absolute;
top:0;
bottom:0;
z-index:4
}

.CodeMirror-gutter-elt {
position:absolute;
cursor:default;
z-index:4
}

.CodeMirror-gutter-wrapper {
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}

.CodeMirror-lines {
cursor:text;
min-height:1px
}

.CodeMirror pre {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
border-width:0;
background:transparent;
font-family:inherit;
font-size:inherit;
margin:0;
white-space:pre;
word-wrap:normal;
line-height:inherit;
color:inherit;
z-index:2;
position:relative;
overflow:visible;
-webkit-tap-highlight-color:transparent
}

.CodeMirror-wrap pre {
word-wrap:break-word;
white-space:pre-wrap;
word-break:normal
}

.CodeMirror-linebackground {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:0
}

.CodeMirror-linewidget {
position:relative;
z-index:2;
overflow:auto
}

.CodeMirror-code {
outline:none
}

.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber {
-moz-box-sizing:content-box;
box-sizing:content-box
}

.CodeMirror-measure {
position:absolute;
width:100%;
height:0;
overflow:hidden;
visibility:hidden
}

.CodeMirror-cursor {
position:absolute
}

.CodeMirror-measure pre {
position:static
}

div.CodeMirror-cursors {
visibility:hidden;
position:relative;
z-index:3
}

div.CodeMirror-dragcursors {
visibility:visible
}

.CodeMirror-focused div.CodeMirror-cursors {
visibility:visible
}

.CodeMirror-selected {
background:#d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
background:#d7d4f0
}

.CodeMirror-crosshair {
cursor:crosshair
}

.CodeMirror-line::selection,.CodeMirror-line > span::selection,.CodeMirror-line > span > span::selection {
background:#d7d4f0
}

.CodeMirror-line::-moz-selection,.CodeMirror-line > span::-moz-selection,.CodeMirror-line > span > span::-moz-selection {
background:#d7d4f0
}

.cm-searching {
background:#ffa;
background:rgba(255,255,0,.4)
}

.CodeMirror span {
*vertical-align:text-bottom
}

.cm-force-border {
padding-right:.1px
}

@media print {
.CodeMirror div.CodeMirror-cursors {
visibility:hidden
}
}

.cm-tab-wrap-hack:after {
content:''
}

span.CodeMirror-selectedtext {
background:none
}

  .CodeMirror {
            border: 1px solid silver;
            margin-bottom: 1em;
            width: 99.7%;
            height: 91.3%;
            top: -1px;
        }
        .styled-background { background-color: #ff7; } 