.ace_editor
{
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;

    position: relative;

    overflow: hidden;

    direction: ltr;
}

.ace_scroller
{
    position: absolute;
    top: 0;
    bottom: 0;

    overflow: hidden;

    cursor: text; 
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    background-color: inherit;
}

.ace_content
{
    position: absolute;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 100%;
}

.ace_dragging .ace_scroller:before
{
    position: absolute;
    z-index: 1000; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background: rgba(250, 250, 250, .01);
}

.ace_dragging.ace_dark .ace_scroller:before
{
    background: rgba(0, 0, 0, .01);
}

.ace_selecting,
.ace_selecting *
{
    cursor: text !important;
}

.ace_gutter
{
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    width: auto;

    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.ace_gutter-active-line
{
    position: absolute;
    right: 0; 
    left: 0;
}

.ace_scroller.ace_scroll-left
{
    -webkit-box-shadow: 17px 0 16px -16px rgba(0, 0, 0, .4) inset;
            box-shadow: 17px 0 16px -16px rgba(0, 0, 0, .4) inset;
}

.ace_gutter-cell
{
    padding-right: 6px;
    padding-left: 19px;

    background-repeat: no-repeat;
}

.ace_gutter-cell.ace_error
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABOFBMVEX/////////QRswFAb/Ui4wFAYwFAYwFAaWGAfDRymzOSH/PxswFAb/SiUwFAYwFAbUPRvjQiDllog5HhHdRybsTi3/Tyv9Tir+Syj/UC3////XurebMBIwFAb/RSHbPx/gUzfdwL3kzMivKBAwFAbbvbnhPx66NhowFAYwFAaZJg8wFAaxKBDZurf/RB6mMxb/SCMwFAYwFAbxQB3+RB4wFAb/Qhy4Oh+4QifbNRcwFAYwFAYwFAb/QRzdNhgwFAYwFAbav7v/Uy7oaE68MBK5LxLewr/r2NXewLswFAaxJw4wFAbkPRy2PyYwFAaxKhLm1tMwFAazPiQwFAaUGAb/QBrfOx3bvrv/VC/maE4wFAbRPBq6MRO8Qynew8Dp2tjfwb0wFAbx6eju5+by6uns4uH9/f36+vr/GkHjAAAAYnRSTlMAGt+64rnWu/bo8eAA4InH3+DwoN7j4eLi4xP99Nfg4+b+/u9B/eDs1MD1mO7+4PHg2MXa347g7vDizMLN4eG+Pv7i5evs/v79yu7S3/DV7/498Yv24eH+4ufQ3Ozu/v7+y13sRqwAAADLSURBVHjaZc/XDsFgGIBhtDrshlitmk2IrbHFqL2pvXf/+78DPokj7+Fz9qpU/9UXJIlhmPaTaQ6QPaz0mm+5gwkgovcV6GZzd5JtCQwgsxoHOvJO15kleRLAnMgHFIESUEPmawB9ngmelTtipwwfASilxOLyiV5UVUyVAfbG0cCPHig+GBkzAENHS0AstVF6bacZIOzgLmxsHbt2OecNgJC83JERmePUYq8ARGkJx6XtFsdddBQgZE2nPR6CICZhawjA4Fb/chv+399kfR+MMMDGOQAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: 2px center;
}

.ace_gutter-cell.ace_warning
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAmVBMVEX///8AAAD///8AAAAAAABPSzb/5sAAAAB/blH/73z/ulkAAAAAAAD85pkAAAAAAAACAgP/vGz/rkDerGbGrV7/pkQICAf////e0IsAAAD/oED/qTvhrnUAAAD/yHD/njcAAADuv2r/nz//oTj/p064oGf/zHAAAAA9Nir/tFIAAAD/tlTiuWf/tkIAAACynXEAAAAAAAAtIRW7zBpBAAAAM3RSTlMAABR1m7RXO8Ln31Z36zT+neXe5OzooRDfn+TZ4p3h2hTf4t3k3ucyrN1K5+Xaks52Sfs9CXgrAAAAjklEQVR42o3PbQ+CIBQFYEwboPhSYgoYunIqqLn6/z8uYdH8Vmdnu9vz4WwXgN/xTPRD2+sgOcZjsge/whXZgUaYYvT8QnuJaUrjrHUQreGczuEafQCO/SJTufTbroWsPgsllVhq3wJEk2jUSzX3CUEDJC84707djRc5MTAQxoLgupWRwW6UB5fS++NV8AbOZgnsC7BpEAAAAABJRU5ErkJggg==');
    background-position: 2px center;
}

.ace_gutter-cell.ace_info
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAAB2k804AAAAPklEQVQY02NgIB68QuO3tiLznjAwpKTgNyDbMegwisCHZUETUZV0ZqOquBpXj2rtnpSJT1AEnnRmL2OgGgAAIKkRQap2htgAAAAASUVORK5CYII=');
    background-position: 2px center;
}

.ace_dark .ace_gutter-cell.ace_info
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC');
}

.ace_scrollbar
{
    position: absolute;
    z-index: 6; 
    right: 0;
    bottom: 0;
}

.ace_scrollbar-inner
{
    position: absolute;
    top: 0; 
    left: 0;

    cursor: text;
}

.ace_scrollbar-v
{
    top: 0; 

    overflow-x: hidden;
    overflow-y: scroll;
}

.ace_scrollbar-h
{
    left: 0; 

    overflow-x: scroll;
    overflow-y: hidden;
}

.ace_print-margin
{
    position: absolute;

    height: 100%;
}

.ace_text-input
{
    font: inherit;

    position: absolute;
    z-index: 0;

    overflow: hidden;

    width: .5em;
    height: 1em;
    margin: 0 -1px;
    padding: 0 1px;

    resize: none;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
    white-space: pre !important; 
    text-indent: -1em;

    opacity: 0;
    border: none;
    outline: none;
    background: transparent;

       -moz-appearance: none;
    -webkit-appearance: none;
            appearance: none;
}

.ace_text-input.ace_composition
{
    z-index: 1000;

    text-indent: 0; 

    opacity: 1;
    color: inherit;
    background: inherit;
}

.ace_layer
{
    position: absolute;
    z-index: 1;

    overflow: hidden;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;

    white-space: pre;
    word-wrap: normal;
    /* setting pointer-events: auto; on node under the mouse, which changes
    during scroll, will break mouse wheel scrolling in Safari */
    pointer-events: none;
}

.ace_gutter-layer
{
    position: relative;

    width: auto;

    text-align: right;
    pointer-events: auto;
}

.ace_text-layer
{
    font: inherit !important;
}

.ace_cjk
{
    display: inline-block;

    text-align: center;
}

.ace_cursor-layer
{
    z-index: 4;
}

.ace_cursor
{
    position: absolute;
    z-index: 4;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-transform: translatez(0);
        -ms-transform: translatez(0);
         -o-transform: translatez(0);
            transform: translatez(0); 

    border-left: 2px solid;
}

.ace_slim-cursors .ace_cursor
{
    border-left-width: 1px;
}

.ace_overwrite-cursors .ace_cursor
{
    border-bottom: 1px solid; 
    border-left-width: 0;
}

.ace_hidden-cursors .ace_cursor
{
    opacity: .2;
}

.ace_smooth-blinking .ace_cursor
{
    -webkit-transition: opacity .18s;
         -o-transition: opacity .18s;
            transition: opacity .18s;
}

.ace_editor.ace_multiselect .ace_cursor
{
    border-left-width: 1px;
}

.ace_marker-layer .ace_step,
.ace_marker-layer .ace_stack
{
    position: absolute;
    z-index: 3;
}

.ace_marker-layer .ace_selection
{
    position: absolute;
    z-index: 5;
}

.ace_marker-layer .ace_bracket
{
    position: absolute;
    z-index: 6;
}

.ace_marker-layer .ace_active-line
{
    position: absolute;
    z-index: 2;
}

.ace_marker-layer .ace_selected-word
{
    position: absolute;
    z-index: 4;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.ace_line .ace_fold
{
    display: inline-block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 11px;
    margin-top: -2px;

    cursor: pointer;
    vertical-align: middle;
    pointer-events: auto; 

    color: transparent;
    border: 1px solid black;
    border-radius: 2px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi+P//fxgTAwPDBxDxD078RSX+YeEyDFMCIMAAI3INmXiwf2YAAAAASUVORK5CYII=');
    background-repeat: no-repeat, repeat-x;
    background-position: center center, top left;
}

.ace_fold:hover
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpi+P//fz4TAwPDZxDxD5X4i5fLMEwJgAADAEPVDbjNw87ZAAAAAElFTkSuQmCC');
}

.ace_tooltip
{
    font-weight: normal;
    font-style: normal;
    line-height: normal;

    position: fixed;
    z-index: 999999;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 3px 4px;

    cursor: default;
    white-space: pre;
    letter-spacing: normal;
    word-wrap: break-word;
    pointer-events: none; 

    color: black;
    border: 1px solid gray;
    border-radius: 1px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .1));
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .1)));
    background-image:      -o-linear-gradient(top, transparent, rgba(0, 0, 0, .1));
    background-image:         linear-gradient(to bottom, transparent, rgba(0, 0, 0, .1));
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.ace_folding-enabled > .ace_gutter-cell
{
    padding-right: 13px;
}

.ace_fold-widget
{
    display: none;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 11px;
    margin: 0 -12px 0 1px;

    cursor: pointer; 
    vertical-align: top;

    border: 1px solid transparent;
    border-radius: 3px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42mWKsQ0AMAzC8ixLlrzQjzmBiEjp0A6WwBCSPgKAXoLkqSot7nN3yMwR7pZ32NzpKkVoDBUxKAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
}

.ace_folding-enabled .ace_fold-widget
{
    display: inline-block;
}

.ace_fold-widget.ace_end
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42m3HwQkAMAhD0YzsRchFKI7sAikeWkrxwScEB0nh5e7KTPWimZki4tYfVbX+MNl4pyZXejUO1QAAAABJRU5ErkJggg==');
}

.ace_fold-widget.ace_closed
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAOUlEQVR42jXKwQkAMAgDwKwqKD4EwQ26sSOkVWjgIIHAzPiCgaqiqnJHZnKICBERHN194O5b9vbLuAVRL+l0YWnZAAAAAElFTkSuQmCCXA==');
}

.ace_fold-widget:hover
{
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: rgba(255, 255, 255, .2);
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .7);
            box-shadow: 0 1px 1px rgba(255, 255, 255, .7);
}

.ace_fold-widget:active
{
    border: 1px solid rgba(0, 0, 0, .4);
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .8);
            box-shadow: 0 1px 1px rgba(255, 255, 255, .8);
}

/**
 * Dark version for fold widgets
 */
.ace_dark .ace_fold-widget
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC');
}

.ace_dark .ace_fold-widget.ace_end
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQIW2P4//8/AxQ7wNjIAjDMgC4AxjCVKBirIAAF0kz2rlhxpAAAAABJRU5ErkJggg==');
}

.ace_dark .ace_fold-widget.ace_closed
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==');
}

.ace_dark .ace_fold-widget:hover
{
    background-color: rgba(255, 255, 255, .1); 
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .2);
            box-shadow: 0 1px 1px rgba(255, 255, 255, .2);
}

.ace_dark .ace_fold-widget:active
{
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .2);
            box-shadow: 0 1px 1px rgba(255, 255, 255, .2);
}

.ace_fold-widget.ace_invalid
{
    border-color: #de5555; 
    background-color: #ffb4b4;
}

.ace_fade-fold-widgets .ace_fold-widget
{
    -webkit-transition: opacity .4s ease .05s;
         -o-transition: opacity .4s ease .05s;
            transition: opacity .4s ease .05s;

    opacity: 0;
}

.ace_fade-fold-widgets:hover .ace_fold-widget
{
    -webkit-transition: opacity .05s ease .05s;
         -o-transition: opacity .05s ease .05s;
            transition: opacity .05s ease .05s;

    opacity: 1;
}

.ace_underline
{
    text-decoration: underline;
}

.ace_bold
{
    font-weight: bold;
}

.ace_nobold .ace_bold
{
    font-weight: normal;
}

.ace_italic
{
    font-style: italic;
}

.ace_error-marker
{
    position: absolute;
    z-index: 9; 

    background-color: rgba(255, 0, 0, .2);
}

.ace_highlight-marker
{
    position: absolute;
    z-index: 8; 

    background-color: rgba(255, 255, 0, .2);
}

.ace-editor
{
    border: 1px solid #e3e6ea;
    border-radius: 4px;
}
.ace-editor.ace-tm .ace_gutter
{
    color: #8c999f;
    background-color: #f6f8f8;
}