/* ========================================================================== Code Editor ========================================================================== */
.a-Form-fieldContainer .a-CodeEditor { border: 1px solid #E0E0E0; border-radius: 2px; }

.a-CodeEditor .CodeMirror { border: none; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-radius: 0; box-shadow: none; width: 100%; padding: 0; margin: 0; font-family: 'Consolas', 'Menlo', monospace; }

body .ui-widget .a-CodeEditor textarea { width: 100%; font-family: 'Consolas', 'Menlo', monospace; font-size: 12px; line-height: 16px; color: #404040; padding: 4px; border-style: solid; border-color: #E0E0E0; border-width: 1px 0 0 0; }

.a-CodeEditor textarea { font-family: 'Consolas', 'Menlo', monospace; }

.a-CodeEditor-toolbar { background-color: #FAFAFA; padding: 4px; transition: opacity .1s; opacity: .25; }

.a-CodeEditor-toolbar .a-Button { box-shadow: 0 0 0 1px transparent inset; transition: background-color .1s, box-shadow .1s; }

.a-CodeEditor.is-active .a-CodeEditor-toolbar, .a-CodeEditor:hover .a-CodeEditor-toolbar { opacity: 1; }

#editorDlg { overflow: hidden; }

.CodeMirror-linenumber { color: #707070; }

.CodeMirror-gutters { box-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.1) inset; }

.CodeMirror-hints { z-index: 2000 !important; }

body .CodeMirror-hint { font-size: 11px; line-height: 14px; padding: 2px 8px; font-family: 'Consolas', 'Menlo', monospace; text-overflow: ellipsis; max-width: 400px; }

body .CodeMirror-hint-active { background: #0572CE; color: white; }

.CodeMirror-linewidget .is-error, .CodeMirror-linewidget .is-warning { font-size: 11px; line-height: 14px; padding: 4px 8px; border-radius: 2px; margin-left: 4px; }

.CodeMirror-linewidget .is-error { background-color: #fff4f4; color: #f22f2f; }

.CodeMirror-linewidget .is-warning { background: #FFEDAA; color: #404040; }

.a-CodeEditor-searchBar, .a-CodeEditor-notification { background-color: #F4F4F4; border-top: 1px solid #E8E8E8; overflow: hidden; position: relative; }

.a-CodeEditor-searchBar { padding: 8px; min-height: 40px; }

.a-CodeEditor-searchBar-label { margin-right: 4px; min-width: 72px; }

.a-CodeEditor-searchBar-textInput { margin-right: 8px; }

.a-CodeEditor-message { padding: 0; line-height: 16px; max-height: 64px; overflow: auto; margin-right: 40px; }

.a-CodeEditor-message ul { margin: 0; padding: 6px 0; list-style: none; }

.a-CodeEditor-message li { line-height: 16px; padding: 4px 8px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; border-radius: 2px; margin: 2px 8px; }

.a-CodeEditor-message li.is-error { background-color: #fff4f4; color: #f22f2f; }

.a-CodeEditor-message li.is-success { background: #D5EFCD; color: #404040; }

.a-CodeEditor-message li.is-warning { background: #FFEDAA; color: #404040; }

.a-CodeEditor-searchBar-closeButton { position: absolute; right: 8px; top: 8px; }

.a-CodeEditor-searchBar-checkboxGroup { display: inline-block; vertical-align: top; line-height: 24px; margin: 0 8px; }

.a-CodeEditor-searchBar-checkboxGroup input[type=checkbox] { margin-right: 4px; }

.a-CodeEditor-replace { margin-top: 4px; }

/* Resize Bar ========================================================================== */
.a-CodeEditor--resizeHelper { box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset; }

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s { height: 5px; bottom: -6px; cursor: row-resize; transition: all .1s; }

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:hover { background-color: rgba(0, 0, 0, 0.075); }

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:active { background-color: rgba(0, 0, 0, 0.25); }

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:before, .a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:after { position: absolute; content: ''; left: 50%; }

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:before { top: 0; height: 6px; background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.2); border-top-color: transparent; border-radius: 0 0 2px 2px; margin-left: -16px; width: 32px; }

.a-CodeEditor--resizeWrapper .ui-resizable-handle.ui-resizable-s:after { top: 2px; height: 1px; background-color: rgba(0, 0, 0, 0.2); margin-left: -12px; width: 24px; }