.CodeMirror {
   border: 1px solid #dee2e6;
   border-radius: 0.3rem;
   font-size: 0.8rem;
   height: 201px;
   overflow: hidden;
   resize: vertical;
   background-color: rgb(245, 245, 245);
   padding-bottom: 16px;
}

.CodeMirror .CodeMirror-scroll {
   background-color: rgb(255, 255, 255);

   border-bottom: 1px solid rgb(235, 235, 235);
}

.error-msg {
   background-color: rgb(241, 110, 132);
   padding: 0.2rem 0.4rem;
   border-top: 1px solid rgb(166, 50, 69);
}

.CodeMirror .CodeMirror-code .error-line {
   background-color: rgba(250, 195, 204, 0.8) !important;
}

.CodeMirror .CodeMirror-code>div {
   padding: 0.2rem 0.4rem;
}

.CodeMirror .CodeMirror-code>div:nth-child(even) {
   background-color: rgba(235, 235, 255, 0.5);
}

.CodeMirror-gutters {
   background-color: #f5f5f5;
   color: #6c6c6c;
   border-right: 1px solid #ddd;

}

.CodeMirror .cm-number {
   color: rgb(0, 156, 16);
}

.CodeMirror .cm-string {
   color: rgb(170, 17, 17);
}

.CodeMirror .cm-atom {
   color: rgb(0, 0, 227);
}

.CodeMirror .cm-string.cm-property {
   color: rgb(6, 6, 6);
}