body{background:#ccc;margin:0}
body,html{height:100%}
body,textarea{font:10pt verdana,sans-serif}

a{color:#000;text-decoration:none}
a:hover{color:#84a9d8}

input[type=text],input[type=password],input[type=number],textarea,select{margin:1px;padding:8px;border:1px solid rgba(0,0,0,0.2);border-radius:2px;font:10pt verdana,sans-serif}

input[type=file]{display:none}

input[type=submit],td button{display:inline-block;padding:4px 8px;border-radius:2px;cursor:pointer;border:0;background:rgba(0,0,0,0.2);color:rgba(0,0,0,0.8)}
input[type=submit]:hover{background:rgba(0,0,0,0.1)}

input[type=checkbox]{-webkit-appearance:none;background:#fff;border-radius:2px;border:1px solid rgba(0,0,0,0.2);width:14px;height:14px;vertical-align:middle}
input[type=checkbox]:checked:after{content:'';display:block;background:rgba(0,0,0,0.75);width:6px;height:6px;margin:3px;}

textarea{display:block;width:100%;height:300px;min-height:34px;margin:0 0 4px 0;resize:vertical}

input[readonly],input[disabled],textarea[readonly],select[disabled]{background:rgba(0,0,0,0.1)}

table{width:100%;border-spacing:1px}
table.rows th{width:1%}
table.rows th:last-child{text-align:left;width:auto}
table.rows td a{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis}
table.rows textarea{display:inherit;height:80px;margin:1px}
table.dark{width:1%}
th{background:#84a9d8;padding:4px 8px;font-weight:normal;color:#fff;white-space:nowrap}
th a{color:#fff}
th a:hover{color:rgba(0,0,0,0.5)}
td{background:#e0ebfb;padding:4px 8px;white-space:nowrap}
td a:hover{color:rgba(0,0,0,0.5)}
tr:nth-child(odd) td{background:#cadcf7}
table.dark th{background:#777}
table.dark td{background:#efefef}
table.dark tr:nth-child(odd) td{background:#dadada}

button{border:0;color:#fff;cursor:pointer;padding:4px 8px;margin:1px;border-radius:2px}
button.green{background:#66bd79}
button.green:hover{background:rgba(102,189,121,0.75)}
button.red{background:#de6464}
button.red:hover{background:rgba(222,100,100,0.75)}
button.blue{background:#84a9d8}
button.blue:hover{background:rgba(132,169,216,0.75)}
button.orange{background:#d2a063}
button.orange:hover{background:rgba(210,160,99,0.75)}

fieldset{background:#e0ebfb;border:0;border-radius:2px;margin:8px 0 0 0}
legend{background:#84a9d8;border-radius:2px;padding:2px 4px;color:#fff;margin-bottom:8px}

*,*::before,*::after{-moz-box-sizing:border-box;box-sizing:border-box}

::-webkit-scrollbar-corner{background:#0000}

*:focus{outline:none}

#row-container{display:none;width:100%;margin-top:8px}

.center{text-align:center}
.right{text-align:right}

.setup{width:400px;background:#f2efd7;border-radius:4px;margin-top:100px;padding:16px;display:inline-block}
.setup input[type=text],.setup input[type=password]{width:75%}

.user{position:absolute;right:0;top:0;padding:4px 8px;background:#eee;border-bottom-left-radius:4px}
.user a{color:#de6464}
.user a:hover{color:#000}

.database{position:absolute;left:0;top:0;width:200px;height:100%;padding:8px;background:#eee}
.database select{width:100%}

.tables{overflow-y:auto;height:calc(100% - 44px);margin-top:8px}
.tables a{display:block;overflow:hidden;text-overflow:ellipsis;padding:2px;color:#000}
.tables a:hover{color:rgba(0,0,0,0.5)}
.tables a.selected{padding-left:8px;color:rgba(0,0,0,0.5)}
.tables a.selected:before{content:'\2192\00a0'}

.container{width:100%;height:100%;padding:40px 0 16px 216px;overflow:auto}

.notice,.query,.error{margin:0 0 16px 0;border-top-right-radius:0;border-bottom-right-radius:0;word-break:break-word}
.notice a,.query a,.error a{color:rgba(0,0,0,0.5)}
.notice a:hover,.query a:hover,.error a:hover{color:#000}
.notice legend,.query legend,.error legend{margin:0}
.notice div,.query div,.error div{max-height:112px;overflow:auto}
.query{background:#e0fbe8}
.query legend{background:#66bd79}
.error{background:#f1c6c6}
.error legend{background:#de6464}

.location{margin:0 0 16px 0;background:#eee;display:inline-block;padding:2px 6px;border-radius:2px}

.tabs{overflow:hidden;padding-left:8px}
.tab{background:#eee;display:inline-block;margin:0 3px;padding:4px 6px 2px 6px;color:rgba(0,0,0,0.5);border-top-left-radius:2px;border-top-right-radius:2px}
.tab:hover{color:#000}
.tab.selected{background:#f2efd7;color:#000}

.content{background:#f2efd7;padding:8px;border-top-left-radius:4px;border-bottom-left-radius:4px}
.content input[type=text],.content input[type=number],.content select{width:250px}

.drop{text-align:right;margin-top:8px}

.sql{background:#dee1eb;margin:8px;padding:8px;overflow:auto}

.pages *{display:inline-block;color:#fff;background:#84a9d8;border-radius:2px;padding:4px;margin:0 2px;min-width:24px;text-align:center}
.pages a:hover{color:#fff;background:rgba(132,169,216,0.75)}
.pages span{background:rgba(132,169,216,0.5)}

.field{display:inline-block;text-align:left;background:rgba(0,0,0,0.1);border-radius:2px;padding:8px;margin:2px}
.field > span{display:inline-block;width:150px;text-align:right;padding-right:8px;vertical-align:middle}
.field span span{border-bottom:1px dashed #000;cursor:help}
.field input[type=text],.field input[type=number],.field select{width:200px;margin:0 0 8px 0}
.field input[type=checkbox]{margin:0}

.options-info{display:inline-block;background:rgba(0,0,0,0.1);border-radius:2px;padding:8px;margin:8px 0 0 0}
.options-info button{padding:0;background:none;box-shadow:none;color:#009fff}
.options-info button:hover{color:#000}

.setup,.user,.database,.query,.error,.location,.tab,.content,.sql,.pages *,th,td,button,fieldset,legend,input,textarea,select{box-shadow:2px 2px 8px rgba(0,0,0,0.3)}
td input[type=submit]{box-shadow:none}