/*#acepgsql, .query-container {background-color: #323232;}*/
#acepgsql, #acepgsql-result {
    min-height: 50px !important;
}

#acepgsql, #acepgsql-result div {
    background-color: #323232;
}

#acepgsql, #acepgsql-result pre {
    height: calc(95%);
}

#acepgsql .title {
    color: #fff;
    font-weight: bold;
}

#acepgsql .top {
    padding: 0;
}

#acepgsql .builder {
    display: inline;
    float: left;
}

#acepgsql .builder span.text-only {
    margin: 8px 5px;
    display: block;
}

.to-expand {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ace_identifier {
    color: #9876aa
}

.vertical {
    display: flex;
    flex-direction: column;
    height: 100px;
    min-height: 100px !important;
    border: 1px solid silver;
    overflow: hidden;
}

.top {
    flex: 0 0 auto;
    height: 60vh;
    width: 100%;
}

.vertical .top .ui-resizable-handle.ui-resizable-s:hover {
    height: 22px;
}
.vertical .top .ui-resizable-handle.ui-resizable-s {
    flex: 0 0 auto;
    height: 10px;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #535353;
    cursor: row-resize;
}

.splitter-horizontal {
    flex: 0 0 auto;
    height: 1px;
    /*background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #535353;*/
    cursor: row-resize;
    display: none;
}

.bottom {
    flex: 1 1 auto;
    min-height: 100px;
    background: #eee;
}

.panel-container {
    display: flex;
    flex-direction: row;
    overflow: hidden;

    /* avoid browser level touch actions */
    xtouch-action: none;
}

.panel-left {
    flex: 0 0 auto;
    /* only manually resize */
    padding: 0px;
    width: 300px;
    min-height: 200px;
    min-width: 0;
    white-space: nowrap;
    background: #838383;
    color: white;
}

.panel-left .ui-resizable-handle.ui-resizable-s {
    display: none;
}

.panel-left.ui-resizable .ui-resizable-handle.ui-resizable-e {
    flex: 0 0 auto;
    width: 18px;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353;
    min-height: 200px;
    cursor: col-resize;
}

.panel-right {
    flex: 1 1 auto;
    /* resizable */
    padding: 10px;
    width: 100%;
    min-height: 200px;
    min-width: 200px;
    background: #eee;
}

#ace_settingsmenu table#controls > tr:nth-child(1), /* Mode */
    /*#ace_settingsmenu table#controls > tr:nth-child(2), /* Theme	 */
#ace_settingsmenu table#controls > tr:nth-child(3), /* Keybinding	 */
    /*#ace_settingsmenu table#controls > tr:nth-child(4), /* Font Size	 */
#ace_settingsmenu table#controls > tr:nth-child(5), /* Soft Wrap	 */
#ace_settingsmenu table#controls > tr:nth-child(6), /* Cursor Style	 */
#ace_settingsmenu table#controls > tr:nth-child(7), /* Folding	 */
    /*#ace_settingsmenu table#controls > tr:nth-child(8), /* Soft Tabs	 */
#ace_settingsmenu table#controls > tr:nth-child(9), /* Overscroll */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(1), /* Atomic soft tabs */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(2),  /* Enable Behaviours	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(3), /* Wrap with quotes	 */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(4) ,  /* Enable Auto Indent	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(5), /* Full Line Selection	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(6), /* Highlight Active Line	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(7), /* Show Invisibles	 */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(8) ,  /* Show Indent Guides	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(9), /* Persistent HScrollbar	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(10), /* Persistent VScrollbar	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(11), /* Animate scrolling	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(12), /* Show Gutter	 */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(13) , /* Show Line Numbers	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(14), /* Relative Line Numbers	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(15), /* Fixed Gutter Width	 */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(16) , /* Show Print Margin	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(17), /* Indented Soft Wrap	 */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(18) , /* Highlight selected word	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(19), /* Fade Fold Widgets	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(20), /* Use textarea for IME	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(21), /* Merge Undo Deltas	 */
    /*#ace_settingsmenu table#controls table#more-controls > tr:nth-child(22) , /* Read-only	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(23), /* Copy without selection	 */
#ace_settingsmenu table#controls table#more-controls > tr:nth-child(24), /* Live Autocompletion	 */
#ace_settingsmenu table#controls > tr:nth-child(11) /* Overscroll */
{
    display: none !important;
}

#ace_settingsmenu {
    background-color: #323232;
    top: 152px !important;
    left: 16px !important;
    width: 287px;
    border-radius: 0px;
    height: 400px;
    color: #BFFF00;
}

#ace_settingsmenu input, #ace_settingsmenu select, #ace_settingsmenu button {
    color: #323232;
}