/*freeware*/
.cm-s-freeware {
    background-color: white /*)#1E1E1E*/;
    color: #808080 /*rgba(233, 237, 237, 1)*/;
    border-top: solid 1px rgb(83,127,126);
    border-bottom: solid 1px rgb(83,127,126);
    border-right: solid 1px rgb(83,127,126);
    height: 100%;
}

    .cm-s-freeware.CodeMirror-lint-tooltip {
        z-index: 1000000;
        height: auto;
    }

    .cm-s-freeware .CodeMirror-gutters {
        background: #f7f7f7 /*#333333*/;
        color: #999 /*rgb(83,127,126)*/;
        border-right: solid 1px rgb(83,127,126);
        border-left: solid 1px rgb(83,127,126);
    }

    .cm-s-freeware .CodeMirror-guttermarker, .cm-s-freeware .CodeMirror-guttermarker-subtle, .cm-s-freeware .CodeMirror-linenumber {
        color: rgb(83,127,126);
    }

    .cm-s-freeware .CodeMirror-cursor {
        border-left: 1px solid black;
    }

    .cm-s-freeware div.CodeMirror-selected {
        background: #264F78;
    }

    .cm-s-freeware.CodeMirror-focused div.CodeMirror-selected {
        background: #264F78 !important;
    }

    .cm-s-freeware .CodeMirror-line::selection, .cm-s-freeware .CodeMirror-line > span::selection, .cm-s-freeware .CodeMirror-line > span > span::selection {
        background: #264F78 !important
    }

    .cm-s-freeware .CodeMirror-line::-moz-selection, .cm-s-freeware .CodeMirror-line > span::-moz-selection, .cm-s-freeware .CodeMirror-line > span > span::-moz-selection {
        background: #264F78 !important
    }

    .cm-s-freeware .CodeMirror-activeline-background {
        background: rgba(0, 0, 0, 0);
    }

    .cm-s-freeware .cm-keyword {
        color: #FF00FF;
    }

    .cm-s-freeware .cm-operator {
        color: #c4b35f
    }

    .cm-s-freeware .cm-variable-2 {
        color: #164;
    }

    .cm-s-freeware .cm-variable-3 {
        color: #82B1FF;
    }

    .cm-s-freeware .cm-builtin {
        color: #c4b35f;
    }

    .cm-s-freeware .cm-atom {
        color: #569CD6;
    }

    .cm-s-freeware .cm-number {
        color: #EC5F67;
    }

    .cm-s-freeware .cm-def {
        color: rgb(98, 100, 100);
    }

    .cm-s-freeware .cm-string {
        color: #0000FF;
    }

    .cm-s-freeware .cm-string-2 {
        color: #80CBC4;
    }

    .cm-s-freeware .cm-comment {
        color: #598B3A;
    }

    .cm-s-freeware .cm-variable {
        color: rgb(68, 94, 136);
    }

    .cm-s-freeware .cm-tag {
        color: #A31515;
    }

    .cm-s-freeware .cm-meta {
        color: #80CBC4;
    }

    .cm-s-freeware .cm-attribute {
        color: #FF0000;
    }

    .cm-s-freeware .cm-property {
        color: #164;
    }

    .cm-s-freeware .cm-qualifier {
        color: #c4b35f;
    }

    .cm-s-freeware .cm-variable-3 {
        color: #c4b35f;
    }

    .cm-s-freeware .cm-tag {
        color: #569CD6
    }

    .cm-s-freeware .cm-error {
        color: rgba(255, 255, 255, 1.0);
        background-color: #EC5F67;
    }

    .cm-s-freeware .CodeMirror-matchingbracket {
        text-decoration: underline;
        font-weight: bold;
        color: white !important;
    }


/** FREEWARE DARK*/
.cm-s-freeware-dark {
    background-color: #1E1E1E;
    color: rgba(233, 237, 237, 1);
    border-top: solid 1px rgb(83,127,126);
    border-bottom: solid 1px rgb(83,127,126);
    height: 100%;
}

    .cm-s-freeware-dark .CodeMirror-gutters {
        background: #333333;
        color: rgb(83,127,126);
        border-right: solid 1px rgb(83,127,126);
        border-left: solid 1px rgb(83,127,126);
    }

    .cm-s-freeware-dark .CodeMirror-guttermarker, .cm-s-freeware-dark .CodeMirror-guttermarker-subtle, .cm-s-freeware-dark .CodeMirror-linenumber {
        color: rgb(83,127,126);
    }

    .cm-s-freeware-dark .CodeMirror-cursor {
        border-left: 1px solid #f8f8f0;
    }

    .cm-s-freeware-dark div.CodeMirror-selected {
        background: #264F78;
    }

    .cm-s-freeware-dark.CodeMirror-focused div.CodeMirror-selected {
        background: #264F78;
    }

    .cm-s-freeware-dark .CodeMirror-line::selection, .cm-s-freeware-dark .CodeMirror-line > span::selection, .cm-s-freeware-dark .CodeMirror-line > span > span::selection {
        background: #264F78
    }

    .cm-s-freeware-dark .CodeMirror-line::-moz-selection, .cm-s-freeware-dark .CodeMirror-line > span::-moz-selection, .cm-s-freeware-dark .CodeMirror-line > span > span::-moz-selection {
        background: #264F78
    }

    .cm-s-freeware-dark .CodeMirror-activeline-background {
        background: rgba(0, 0, 0, 0);
    }

    .cm-s-freeware-dark .cm-keyword {
        color: #DECB6B;
    }

    .cm-s-freeware-dark .cm-operator {
        color: #DECB6B
    }

    .cm-s-freeware-dark .cm-variable-2 {
        color: #80CBC4;
    }

    .cm-s-freeware-dark .cm-variable-3 {
        color: #82B1FF;
    }

    .cm-s-freeware-dark .cm-builtin {
        color: #DECB6B;
    }

    .cm-s-freeware-dark .cm-atom {
        color: #569CD6;
    }

    .cm-s-freeware-dark .cm-number {
        color: #EC5F67;
    }

    .cm-s-freeware-dark .cm-def {
        color: rgba(233, 237, 237, 1);
    }

    .cm-s-freeware-dark .cm-string {
        color: #C8C8C8;
    }

    .cm-s-freeware-dark .cm-string-2 {
        color: #80CBC4;
    }

    .cm-s-freeware-dark .cm-comment {
        color: #598B3A;
    }

    .cm-s-freeware-dark .cm-variable {
        color: #82B1FF;
    }

    .cm-s-freeware-dark .cm-tag {
        color: #80CBC4;
    }

    .cm-s-freeware-dark .cm-meta {
        color: #80CBC4;
    }

    .cm-s-freeware-dark .cm-attribute {
        color: #FFCB6B;
    }

    .cm-s-freeware-dark .cm-property {
        color: #80CBAE;
    }

    .cm-s-freeware-dark .cm-qualifier {
        color: #DECB6B;
    }

    .cm-s-freeware-dark .cm-variable-3 {
        color: #DECB6B;
    }

    .cm-s-freeware-dark .cm-tag {
        color: #569CD6
    }

    .cm-s-freeware-dark .cm-error {
        color: rgba(255, 255, 255, 1.0);
        background-color: #EC5F67;
    }

    .cm-s-freeware-dark .CodeMirror-matchingbracket {
        text-decoration: underline;
        font-weight: bold;
        color: white !important;
    }


/* overrides*/
.cm-matchhighlight {
    background-color: #e8e1e1;
}

.CodeMirror-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 999;
}

.CodeMirror-placeholder {
    color: rgb(83,127,126) !important;
    float: left;
    display: block;
    font-size: 2em !important;
}

    .CodeMirror-placeholder:before {
        content: ' (F11 for Fullscreen)';
        display: block;
        float: right;
        font-size: 14px !important;
    }