.CodeMirror{font-family: monospace;height: 300px;color: black;direction: ltr;} .CodeMirror-lines{padding: 4px 0;} .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like{padding: 0 4px;} .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler{background-color: white;} .CodeMirror-gutters{border-right: 1px solid #ddd;background-color: #f7f7f7;white-space: nowrap;} .CodeMirror-linenumbers{} .CodeMirror-linenumber{padding: 0 3px 0 5px;min-width: 20px;text-align: right;color: #999;white-space: nowrap;} .CodeMirror-guttermarker{color: black;} .CodeMirror-guttermarker-subtle{color: #999;} .CodeMirror-cursor{border-left: 1px solid black;border-right: none;width: 0;} .CodeMirror div.CodeMirror-secondarycursor{border-left: 1px solid silver;} .cm-fat-cursor .CodeMirror-cursor{width: auto;border: 0 !important;background: #7e7;} .cm-fat-cursor div.CodeMirror-cursors{z-index: 1;} .cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selection{background: transparent;} .cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection{background: transparent;} .cm-fat-cursor{caret-color: transparent;} @-moz-keyframes blink{0%{} 50%{background-color: transparent;} 100%{}} @-webkit-keyframes blink{0%{} 50%{background-color: transparent;} 100%{}} @keyframes blink{0%{} 50%{background-color: transparent;} 100%{}} .CodeMirror-overwrite .CodeMirror-cursor{} .cm-tab{display: inline-block;text-decoration: inherit;} .CodeMirror-rulers{position: absolute;left: 0;right: 0;top: -50px;bottom: 0;overflow: hidden;} .CodeMirror-ruler{border-left: 1px solid #ccc;top: 0;bottom: 0;position: absolute;} .cm-negative{color: #d44;} .cm-positive{color: #292;} .cm-header, .cm-strong{font-weight: bold;} .cm-em{font-style: italic;} .cm-link{text-decoration: underline;} .cm-strikethrough{text-decoration: line-through;} .cm-invalidchar{color: #f00;} .CodeMirror-composing{border-bottom: 2px solid;} div.CodeMirror span.CodeMirror-matchingbracket{color: #0b0;} div.CodeMirror span.CodeMirror-nonmatchingbracket{color: #a22;} .CodeMirror-matchingtag{background: rgba(255, 150, 0, .3);} .CodeMirror-activeline-background{background: #e8f2ff;} .CodeMirror{position: relative;overflow: hidden;background: white;} .CodeMirror-scroll{overflow: scroll !important;margin-bottom: -50px;margin-right: -50px;padding-bottom: 50px;height: 100%;outline: none;position: relative;z-index: 0;} .CodeMirror-sizer{position: relative;border-right: 50px solid transparent;} .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler{position: absolute;z-index: 6;display: none;outline: 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;min-height: 100%;z-index: 3;} .CodeMirror-gutter{white-space: normal;height: 100%;display: inline-block;vertical-align: top;margin-bottom: -50px;} .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 ::selection{background-color: transparent} .CodeMirror-gutter-wrapper ::-moz-selection{background-color: transparent} .CodeMirror-lines{cursor: text;min-height: 1px;} .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like{-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;-webkit-font-variant-ligatures: contextual;font-variant-ligatures: contextual;} .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like{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;padding: 0.1px;} .CodeMirror-widget{} .CodeMirror-rtl pre{direction: rtl;} .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;pointer-events: none;} .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-color: #ffa;background-color: rgba(255, 255, 0, .4);} .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-hints{position: absolute;z-index: 10;overflow: hidden;list-style: none;margin: 0;padding: 2px;-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);box-shadow: 2px 3px 5px rgba(0,0,0,.2);border-radius: 3px;border: 1px solid silver;background: white;font-size: 90%;font-family: monospace;max-height: 20em;overflow-y: auto;box-sizing: border-box;} .CodeMirror-hint{margin: 0;padding: 0 4px;border-radius: 2px;white-space: pre;color: black;cursor: pointer;} li.CodeMirror-hint-active{background: #08f;color: white;}