/*
 * TunePad Dark CodeMirror Theme
 */

.cm-s-tunepad-dark.CodeMirror {
  background-color: #2E303F;
  color: #fff;
  padding: 10px 5px 0 0;
  font-size: 14px;
  line-height: 170%;
}
/* .CodeMirror-line.error { background-color: #f334; } */
/*.CodeMirror-line.trace { background: rgba(255, 255, 255, 0.05); }*/
.CodeMirror-linenumber { border-left: 5px solid transparent; }
.CodeMirror-gutter-wrapper.error .CodeMirror-linenumber { border-left: 5px solid #da575d; }
.CodeMirror-gutter-wrapper.trace .CodeMirror-linenumber { border-left: 5px solid cyan; }
.cm-s-tunepad-dark .CodeMirror-gutters {
  background: transparent;
  color: #99a;
  border: none;
}
.cm-s-tunepad-dark .CodeMirror-guttermarker,
.cm-s-tunepad-dark .CodeMirror-guttermarker-subtle,
.cm-s-tunepad-dark .CodeMirror-linenumber { color: #99a; }

.cm-s-tunepad-dark .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
.cm-s-tunepad-dark div.CodeMirror-selected { background: rgba(255, 255, 255, 0.2); }
.cm-s-tunepad-dark.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.2); }
.cm-s-tunepad-dark .CodeMirror-line::selection,
.cm-s-tunepad-dark .CodeMirror-line > span::selection,
.cm-s-tunepad-dark .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.2); }
.cm-s-tunepad-dark .CodeMirror-line::-moz-selection,
.cm-s-tunepad-dark .CodeMirror-line > span::-moz-selection,
.cm-s-tunepad-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.2); }

.cm-s-tunepad-dark .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.05); }
.cm-s-tunepad-dark .cm-keyword { color: #f6b; }
.cm-s-tunepad-dark .cm-operator { color: #fff; }
.cm-s-tunepad-dark .cm-variable { color: #2f9ff7; }
.cm-s-tunepad-dark .cm-variable-2 { color: #2f9ff7; }
.cm-s-tunepad-dark .cm-variable-3,
.cm-s-tunepad-dark .cm-type { color: #DECB6B; }
.cm-s-tunepad-dark .cm-builtin { color: #ecbe27; }
.cm-s-tunepad-dark .cm-atom { color: #e3595f; }
.cm-s-tunepad-dark .cm-number { color: #e3595f; }
.cm-s-tunepad-dark .cm-def { color: rgba(233, 237, 237, 1); }
.cm-s-tunepad-dark .cm-string { color: #C3E88D; }
.cm-s-tunepad-dark .cm-string-2 { color: #80CBC4; }
.cm-s-tunepad-dark .cm-comment { color: #9797a7; }
.cm-s-tunepad-dark .cm-tag { color: #80CBC4; }
.cm-s-tunepad-dark .cm-meta { color: #80CBC4; }
.cm-s-tunepad-dark .cm-attribute { color: #FFCB6B; }
.cm-s-tunepad-dark .cm-property { color: #80CBAE; }
.cm-s-tunepad-dark .cm-qualifier { color: #DECB6B; }
.cm-s-tunepad-dark .cm-tag { color: rgba(255, 83, 112, 1); }
.cm-s-tunepad-dark .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #EC5F67;
}
.cm-s-tunepad-dark .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}