hr.splitter {

background-color:#000;

margin:0;

padding:0;

height:4px;

cursor:ns-resize;

}





footer #message {

flex:1;

padding:0 20px;

font-size:10pt;

white-space:nowrap;

text-overflow:ellipsis;

overflow:hidden;

}





.icons {

display: flex;

flex-direction: row;

flex-wrap: nowrap;

align-items: center;

}



.icons i {

border:solid 1px #0000;

border-radius:3px;

width:40px;

cursor:pointer;

text-align:center;

display:inline-block;

font-size:16pt;

}



.icons i:hover, .icons li:hover i {

background: linear-gradient(#fff, #ccc);

border: solid 1px #bbb;

}



.icons i.on {

background: #aaa;

border-top: solid 1px #999;

color: #fff;

border-left: solid 1px #999;

}









div.sqltoolbar {

    display: flex;

    flex-direction: row;

    background: #ddd;

    border-bottom: solid 1px #bbb;

}



    div.sqltoolbar > div.opt {

        display: flex;

        flex-wrap: nowrap;

        margin: 5px;

        padding: 0 6px;

        border-radius:4px;

        align-items: center;

        border: solid 1px #aaa;

        background-color: #fff;

        font-size: 10pt;

    }



div.sqltoolbar > div.opt > input {

    border: none;

    padding:0;

    margin:0;

    background-color: #fff0;

    line-height:1;

    

}





    .sql textarea {

        padding: 2px;

        width: 100%;

        height: 100%;

        outline: none;

        font-family: monospace;

        border: none;

        resize: none;

    }



div#response.ok {

background: #5ed15e;

}



div#response.error {

background: #db4040;

}



div#response {

position: fixed;

bottom: 0;

margin: 0 1% 40px 1%;

line-height:1;

z-index:9999;

padding: 15px 10px;

font-weight: bold;

border-radius: 10px;

background: #aaa5;

box-shadow: 4px 4px 4px #aaa;

display: flex;

flex-direction: row;

flex-wrap: nowrap;

align-items: center;

}



div#response span{

flex:1;

}



div#response i{

cursor:pointer;

font-size:30px;

border:solid 1px #0006;

width:34px;

margin-left:10px;

border-radius:4px;

line-height:1;

text-align:center;

    

}



div#response i:hover {

background-color:#ddd4;

}





body .splitter_panel .hsplitter,

body .splitter_panel .vsplitter {

z-index: 100;

}

/*------------------------------------------*/



#tables {

overflow:auto;

}

#tables > div {

border-bottom:solid 1px #eee;

font-size:10pt;

cursor:pointer;

padding:2px 10px;

user-select:text;

}



#tables > div.sel {

background-color: #555;

color:#fff;

}

#tables > div:hover {

background-color:#5558;

}



#columns {

overflow: auto;

font-size: 10pt;

height: 100%;

}



#columns th {

position: sticky;

top: 0;

background: #aaa;

padding: 0;

}



#columns td {

white-space: nowrap;

border: solid 1px #eee;

background: #fafafa;

user-select: text;

}



#columns th div {

border: solid 1px #888;

padding: 0 4px;

}