/* neo theme for codemirror */

/* Color scheme */

.cm-s-neo.CodeMirror {
  background-color: var(--knowi-code-editor-bg, #ffffff);
  color: var(--knowi-code-editor-text, #2e383c);
  line-height:1.4375;
}
.cm-s-neo div.CodeMirror-selected {
  background: var(--knowi-brand-color, #3390FF) !important;
}
.cm-s-neo.CodeMirror-focused div.CodeMirror-selected {
  background: var(--knowi-brand-color, #3390FF) !important;
}
.cm-s-neo .CodeMirror-selectedtext {
  color: #FFFFFF !important;
}
.cm-s-neo .cm-comment {color: var(--knowi-code-editor-text, #75787b)}
.cm-s-neo .cm-keyword, .cm-s-neo .cm-property {color: var(--knowi-code-editor-text, #1d75b3)}
.cm-s-neo .cm-atom,.cm-s-neo .cm-number {color: var(--knowi-code-editor-text, #75438a)}
.cm-s-neo .cm-node,.cm-s-neo .cm-tag {color: var(--knowi-code-editor-text, #9c3328)}
.cm-s-neo .cm-string {color: var(--knowi-code-editor-text, #b35e14)}
.cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier {color: var(--knowi-code-editor-text, #047d65)}


/* Editor styling */

.cm-s-neo pre {
  padding:0;
}

.cm-s-neo .CodeMirror-gutters {
  border:none;
  border-right:10px solid transparent;
  background-color: var(--knowi-code-editor-bg, transparent);
}

.cm-s-neo .CodeMirror-linenumber {
  padding:0;
  color:#e0e2e5;
}

.cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
.cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }

.cm-s-neo div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: rgba(155,157,162,0.37);
  z-index: 1;
}

/*

    Name:       Custom Default Dark
    Author:     Umair Shahid

*/

.cm-s-knowi-dark.CodeMirror {background: var(--knowi-code-editor-bg, #1E1E2E) !important; color: var(--knowi-code-editor-text, #E0E0E0) !important;padding-left: 0px;}
.cm-s-knowi-dark div.CodeMirror-selected {background: var(--knowi-primary-background, #1E1E1E) !important;}
.cm-s-knowi-dark .CodeMirror-gutters {background: var(--knowi-code-editor-bg, #1E1E2E); border-right: 0px;}
.cm-s-knowi-dark .CodeMirror-guttermarker { color: #ac4142; }
.cm-s-knowi-dark .CodeMirror-guttermarker-subtle { color: var(--knowi-secondary-text-color, #505050); }
.cm-s-knowi-dark .CodeMirror-linenumber {color: var(--knowi-secondary-text-color, #606974);}
.cm-s-knowi-dark .CodeMirror-cursor {border-left: 1px solid var(--knowi-code-editor-text, #e0e0e0) !important;}

.cm-s-knowi-dark span.cm-comment {color: #c6c6c6;}
.cm-s-knowi-dark span.cm-atom {color: #aa759f;}
.cm-s-knowi-dark span.cm-number {color: #BE6CD3;}

.cm-s-knowi-dark span.cm-property, .cm-s-knowi-dark span.cm-attribute {color: #90a959;}
.cm-s-knowi-dark span.cm-keyword {color: #5C8AA1;}
.cm-s-knowi-dark span.cm-string {color: #F28C37;}

.cm-s-knowi-dark span.cm-variable {color: #90a959;}
.cm-s-knowi-dark span.cm-variable-2 {color: #6a9fb5;}
.cm-s-knowi-dark span.cm-def {color: #d28445;}
.cm-s-knowi-dark span.cm-bracket {color: #e0e0e0;}
.cm-s-knowi-dark span.cm-tag {color: #ac4142;}
.cm-s-knowi-dark span.cm-link {color: #aa759f;}
.cm-s-knowi-dark span.cm-error {background: #ac4142; color: #b0b0b0;}

.cm-s-knowi-dark .CodeMirror-activeline-background {background: #202020 !important;}
.cm-s-knowi-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}