.CodeMirror {
    height: 500px !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 13px;
    border: none;
}

.CodeMirror-gutters {
    background-color: #263238;
    border-right: 1px solid #37474f;
}

.CodeMirror-linenumber {
    color: #546e7a;
}

.CodeMirror-cursor {
    border-left: 1px solid #fff;
}

#haproxy_config {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 13px;
    line-height: 1.5;
    padding: 12px;
    border: none;
    width: 100%;
    overflow: hidden;
    resize: none;
    background: #1e1e1e;
    color: #e8e8e8;
}

#edit_form button {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .CodeMirror {
        height: 300px !important;
        font-size: 12px;
    }
    
    #haproxy_config {
        font-size: 12px;
        min-height: 300px;
    }
}