.CodeMirror {
    border: 1px solid #D4D4D4;
    box-sizing: border-box;
    line-height: 20px;
    font-family: Consolas, Calibri, Arial, Dotum, Tahoma, sans-serif;
    font-size: 13px;
    font-style: normal;
    color: #444444;
    padding: 0 5px 0 5px;
}

.CodeMirror-hints {
    z-index: 180030;
}

.CodeMirror pre {
    padding: 0 2px; /* Horizontal padding of content */
}

.CodeMirror-empty {
    color: #c9cbcd;
    font-family: Arial, Dotum, Tahoma, sans-serif;
}

.CodeMirror.CodeMirror-focused {
    border-color: #626FDB;
}

.CodeMirror-sizer {
    min-height: 25px !important;
}

.cm-func {
    color: blue;
    font-weight: bold;
}

.cm-column {
    display: inline-block;
    border: 1px solid #c9c9c9;
    background: #D3F0E0;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 15px;
    font-weight: bold;
    color: #444444;
}

.cm-column:before {
    content: "\f0ce";
    font-family: FontAwesome;
    text-decoration: inherit;
    color: #86BFA0;
    font-size: 0.8em;
    padding-right: 2px;
}

.cm-no-variable {
    font-size: 12px;
    font-weight: bold;
    color: #dd4444;
}

.cm-variable {
    font-size: 12px;
    font-weight: bold;
    color: #86BFA0;
}

.brtc-va-widget-contents-input-control-container.read-only .CodeMirror {
    background-color: #f2f2f2;
}

.brtc-va-tools-sidebar-variable-deck .CodeMirror,
.brtc-va-widget-contents-input-control-container > .CodeMirror {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0 2px 0 2px;
}

.brtc-va-views-properties-pages-contents-area .CodeMirror-cursor,
.brtc-va-editors-modeleditor-header .CodeMirror-cursor,
.brtc-va-editors-sheet-panels-basepanel-contents-area .CodeMirror-cursor,
.brtc-va-tools-sidebar-variable-deck .CodeMirror-cursor,
.brtc-va-dialogs-renamevariable .CodeMirror-cursor {
    margin-top: 3px !important;
    height: 15px !important;
}

.brtc-va-views-properties-pages-contents-area .CodeMirror-lines,
.brtc-va-editors-modeleditor-header .CodeMirror-lines,
.brtc-va-editors-sheet-panels-basepanel-contents-area .CodeMirror-lines,
.brtc-va-tools-sidebar-variable-deck .CodeMirror-lines,
.brtc-va-dialogs-renamevariable .CodeMirror-lines {
    padding-top: 2px !important;
    padding-bottom: 0 !important;
}

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

.brtc-va-editors-sheet-controls-wrapper.sql-wrapper > .CodeMirror {
    flex: 1;
    -webkit-flex: 1;
}
