mt3 design for adminer - removed most of the icons and recreated the t3adminer usability for the standalone adminer

adminer.css

/* mt3 design for adminer by mtness - 2023-02-08 - based on t3adminer by jgal, forked from konya2 */

/* removed most of the icons and recreated the t3adminer usability for the standalone adminer */

/*
 * Merged and fixed version of Konya's, Hever's and Frank Bueltge's skins by Oguz KONYA.
 * I liked Konya's skin but wanted less icons and the t3adminer usability.
 */

/* Added icons */
/* IE doesn't support inline images - using some hack that eliminate IE*/
html /*\*/ > /*/*/ body .error {background: #ffeeee url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIsSURBVDjLpVNLSJQBEP7+h6uu62vLVAJDW1KQTMrINQ1vPQzq1GOpa9EppGOHLh0kCEKL7JBEhVCHihAsESyJiE4FWShGRmauu7KYiv6Pma+DGoFrBQ7MzGFmPr5vmDFIYj1mr1WYfrHPovA9VVOqbC7e/1rS9ZlrAVDYHig5WB0oPtBI0TNrUiC5yhP9jeF4X8NPcWfopoY48XT39PjjXeF0vWkZqOjd7LJYrmGasHPCCJbHwhS9/F8M4s8baid764Xi0Ilfp5voorpJfn2wwx/r3l77TwZUvR+qajXVn8PnvocYfXYH6k2ioOaCpaIdf11ivDcayyiMVudsOYqFb60gARJYHG9DbqQFmSVNjaO3K2NpAeK90ZCqtgcrjkP9aUCXp0moetDFEeRXnYCKXhm+uTW0CkBFu4JlxzZkFlbASz4CQGQVBFeEwZm8geyiMuRVntzsL3oXV+YMkvjRsydC1U+lhwZsWXgHb+oWVAEzIwvzyVlk5igsi7DymmHlHsFQR50rjl+981Jy1Fw6Gu0ObTtnU+cgs28AKgDiy+Awpj5OACBAhZ/qh2HOo6i+NeA73jUAML4/qWux8mt6NjW1w599CS9xb0mSEqQBEDAtwqALUmBaG5FV3oYPnTHMjAwetlWksyByaukxQg2wQ9FlccaK/OXA3/uAEUDp3rNIDQ1ctSk6kHh1/jRFoaL4M4snEMeD73gQx4M4PsT1IZ5AfYH68tZY7zv/ApRMY9mnuVMvAAAAAElFTkSuQmCC") no-repeat scroll 0.8em center; padding-left: 38px;}

html /*\*/ > /*/*/ body .message, #menu p.message {background: #eeffee url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKfSURBVDjLpZPrS1NhHMf9O3bOdmwDCWREIYKEUHsVJBI7mg3FvCxL09290jZj2EyLMnJexkgpLbPUanNOberU5taUMnHZUULMvelCtWF0sW/n7MVMEiN64AsPD8/n83uucQDi/id/DBT4Dolypw/qsz0pTMbj/WHpiDgsdSUyUmeiPt2+V7SrIM+bSss8ySGdR4abQQv6lrui6VxsRonrGCS9VEjSQ9E7CtiqdOZ4UuTqnBHO1X7YXl6Daa4yGq7vWO1D40wVDtj4kWQbn94myPGkCDPdSesczE2sCZShwl8CzcwZ6NiUs6n2nYX99T1cnKqA2EKui6+TwphA5k4yqMayopU5mANV3lNQTBdCMVUA9VQh3GuDMHiVcLCS3J4jSLhCGmKCjBEx0xlshjXYhApfMZRP5CyYD+UkG08+xt+4wLVQZA1tzxthm2tEfD3JxARH7QkbD1ZuozaggdZbxK5kAIsf5qGaKMTY2lAU/rH5HW3PLsEwUYy+YCcERmIjJpDcpzb6l7th9KtQ69fi09ePUej9l7cx2DJbD7UrG3r3afQHOyCo+V3QQzE35pvQvnAZukk5zL5qRL59jsKbPzdheXoBZc4saFhBS6AO7V4zqCpiawuptwQG+UAa7Ct3UT0hh9p9EnXT5Vh6t4C22QaUDh6HwnECOmcO7K+6kW49DKqS2DrEZCtfuI+9GrNHg4fMHVSO5kE7nAPVkAxKBxcOzsajpS4Yh4ohUPPWKTUh3PaQEptIOr6BiJjcZXCwktaAGfrRIpwblqOV3YKdhfXOIvBLeREWpnd8ynsaSJoyESFphwTtfjN6X1jRO2+FxWtCWksqBApeiFIR9K6fiTpPiigDoadqCEag5YUFKl6Yrciw0VOlhOivv/Ff8wtn0KzlebrUYwAAAABJRU5ErkJggg==") no-repeat scroll 0.8em center; padding-left: 38px;}

html /*\*/ > /*/*/ body select[name="db"] option {padding-left: 18px;}

html /*\*/ > /*/*/ body #menu li a[href*="&select="] {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHISURBVDjLpVPNK0RRFP+9D98syMwUspHkm9I0YkFZWBFKkZ0s7a3Ewh+ilChK7FgoZCJFKYlYKB8zk2+Z5t0P577He29kQU7dd+6575zf+d1zztWklPiPmOozt/U4SThjXIoyIQS4AJjSXO0lGGlvcXAm6Vzsz4xUhm0AIeX4QLig+C+ZpxbOG1wGhGYHr1zMUmZGWRgs0ha3PE1nX/8mWmdgWTzLB+DUYbhm9FfZ35IEyrhXA3VXJfPbsV8B9LQUIeUHYJ8ASobag1jcucNgW8g9W4reYSDi2YnnZDoDiwCokDANct6NwTB0LEdj0HRA/wxa2SN25JNBEdWluUhZ366gqmAaGvrCAXKOozccTGPgt8+vn8GYSGcgyTYp3dpBnBg42nbQPRBTo5bTvqYkmxL6AQhNTWQGBXY3B7BxlEBXozcW64dxRKoKUZBju+P06gl5WaaviMJBM3TNDlbypemIZgHYOnlwASsCmW7nHADGnBoQ3c76YmweJ9BR5zFYjsbRHwm4tmJg6PhWA7pCXXk+bu7fURHKweXtq/sWaksz7SC/CCGFrwtyZ3r+rCnFRZ7qr1qc6mLZj4f9OEyPL8lVpbX/PucPv5QPKHB1TdEAAAAASUVORK5CYII=") no-repeat scroll left bottom; clear: left; display: block; float: left; height: 16px; margin-right: 8px; padding-top: 1px; overflow: hidden; padding-left: 16px; margin-left: 10px; width: 0; text-decoration: none; filter: grayscale(50); }

html /*\*/ > /*/*/ body #menu li a[href*="&table="], html /*\*/ > /*/*/ body #menu li a[href*="&view="] {clear: right; margin-left: 24px; display: block; height: 17px; padding-bottom: 1px; text-decoration: none;}

html /*\*/ > /*/*/ body #menu p#tables br {display: none;}

html /*\*/ > /*/*/ body #content p a {padding-left: 2px;}

html /*\*/ > /*/*/ body #content p a[href*="&page="] {background-image: none; padding-left: 0;}

html /*\*/ > /*/*/ body #content p a[href$="?database="] {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIkSURBVDjLpVNNiFJRFP7eU1E0KSLTMpAwYSxyaidDtChm0WYQ3NSutv2s2kwwm2igNgMtooUQEQhhA9GqhSDTQsZZFDbNDBgVg5bSw9J8rzFF33udc+HGg0ladOHj3nPe+b7zc99VbNvG/yy30yiVSl4SnCNcsixrivYEgY7WJu0faX9EKGUyGVNyFFkBkY/T+WkoFEpFIhEEAgH4/X7w916vB8Mw0Gg00G63y+S7mM1mm4LIAYxisbhSr9c5nT1pjUYju1qt2oVC4YnkqbIUMk6Ew+F/9hyNRkFJLuyaATmFoqZp8Pl88Hq98Hg8wtfv99HpdNBsNhGPx0XsRAG3241ut4vBYCDs8XgMXdcxHA7FN/b9VUD25HK5RAUczKC+hYgcNpNN05xcAQdLkqIoIlj6VFWdXIEUkAQGV8M2k2vaG3z6sYGfVR39XzsHlm/dX3h5d31xlwAHM5goBd5+LuO75z3OnU3jyP4EVrZeKGub2p309cP7VKcAQ2Znoiz3deMVTk1Nw1RNTB+ahamMkD45w7RrfwSYwFdFf6K4Quf6pmvwKHswl7wh7Jvnc4gfTPHR52zhcqVSeZZMJgOxWEyI8BC5CmOnh63WKtZbZczPPsa94hX4XCLJQHG+xnw+f5SEFghZmvhefgvcTqn2HN3gBmZSZ5CInMaHr1Wsvivjy3ZvSZn0nHO5XJDIxwgWDbW2vL10m9xXCUGCQXi49qA1/xvyq6BCh7yZeQAAAABJRU5ErkJggg==") no-repeat scroll 2px bottom; padding-left: 22px;}

html /*\*/ > /*/*/ body table tbody input[name*="check"] {display: block; float: left;}

html /*\*/ > /*/*/ body table a[href*="&edit="][href*="&where"] {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFUSURBVDjLrZM/SAJxGIZdWwuDlnCplkAEm1zkaIiGFFpyMIwGK5KGoK2lphDKkMDg3LLUSIJsSKhIi+684CokOtTiMizCGuzEU5K3vOEgKvtBDe/2Pc8H3x8NAM1fQlx4H9M3pcOWp6TXWmM8A7j0629v1nraiAVC0IrrwATKIgs5xyG5QiE+Z4iQdoeU2oAsnqCSO1NSTu+D9VhqRLD8nIB8F0Q2MgmJDyipCzjvYJkIfpN2UBLG8MpP4dxvQ3ZzGuyyBQ2H+AnOOCBd9aL6soh81A5hyYSGWyCFvxUcerqI4S+CvYVOFPMHxLAq8I3qdHVY5LbBhJzEsCrwutpRFBlUHy6wO2tEYtWAzLELPN2P03kjfj3luqDycV2F8AgefWbEnVqEHa2IznSD6BdsVDNStB0lfh0FPoQjdx8RrAqGzC0YprSgxzsUMOY2bf37N/6Ud1Vc9yYcH50CAAAAAElFTkSuQmCC") no-repeat scroll right bottom; padding-right: 18px; filter: grayscale(50); }

html /*\*/ > /*/*/ body table input + a[href*="&edit="][href*="&where"] {width: 0; float: left; display: block; height: 16px; overflow: hidden; text-decoration: none; padding: 0 0 0 18px; background-position: 2px bottom; margin-left: 5px;}

html /*\*/ > /*/*/ body table tbody td:first-child {white-space: normal;}

html /*\*/ > /*/*/ body table thead input {margin-right: 5px;}

html /*\*/ > /*/*/ body input[name="delete"], html /*\*/ > /*/*/ body input[name="drop"] {background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHSSURBVHjapFM5bsJQEB2zSIDFJrHYpEtyAyoKJAp6CrqIkBPkNDlBAKXjBEgUpKOBCyQNijFiEZvZl8z7wsjESYpkpNFfPO/Nmz9j6Xg80n/M9fWi3W7fMOnd4XAo8qogAbvO5xKvL6lU6s0aL1kVMDjP5ye/36+Gw2FyOp3EQFqtVtTr9WixWHT5/JhOp6s2ghP4ORaLyaFQiGazGa3Xa0HgdrvJ6/WSpmk0Go0MjnvIZDLVM0Gr1brm/WskEkkA3O/3abvdQjq5XC6xgoiVka7rNB6PNT6ns9nsu+OkpODxeBLBYJAGgwHt9/uzQ8Vms6Hdbie+KYqC+ASTFrARBMx2HwgEaDKZiHqn0yktl0uxtzrMMAyKx+MCc+4Cs13hwQCC1GQy+W3Lms2mUIUygbEqEBLNun8z8zswVgUfLO0WD4Z6kekn8/l8okNM8GFVUMYDoVWQ6HA4bEAzoyzL1O12kbRsJajwhYZhiUajJEnShWSAQaqqKnU6HahEGysXg9RoNPJ8+cwZZLSKp47m8/k5Kxzg4XBocNxDLper2ka5Xq+LUeatilahJLN1mEJ+ZDHKJthGAKvVauJnYi9ysHIqQee1xOsLg3/+mf5inwIMAJMhb74NwG5wAAAAAElFTkSuQmCC") no-repeat scroll left center; padding: 1px 5px 1px 18px; border: 0; cursor: pointer; font-size: .9em;}

html /*\*/ > /*/*/ body input[name="delete"]:hover, html /*\*/ > /*/*/ body input[name="drop"]:hover {color: inherit; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJdSURBVDjLpZP7S1NhGMf9W7YfogSJboSEUVCY8zJ31trcps6zTI9bLGJpjp1hmkGNxVz4Q6ildtXKXzJNbJRaRmrXoeWx8tJOTWptnrNryre5YCYuI3rh+8vL+/m8PA/PkwIg5X+y5mJWrxfOUBXm91QZM6UluUmthntHqplxUml2lciF6wrmdHriI0Wx3xw2hAediLwZRWRkCPzdDswaSvGqkGCfq8VEUsEyPF1O8Qu3O7A09RbRvjuIttsRbT6HHzebsDjcB4/JgFFlNv9MnkmsEszodIIY7Oaut2OJcSF68Qx8dgv8tmqEL1gQaaARtp5A+N4NzB0lMXxon/uxbI8gIYjB9HytGYuusfiPIQcN71kjgnW6VeFOkgh3XcHLvAwMSDPohOADdYQJdF1FtLMZPmslvhZJk2ahkgRvq4HHUoWHRDqTEDDl2mDkfheiDgt8pw340/EocuClCuFvboQzb0cwIZgki4KhzlaE6w0InipbVzBfqoK/qRH94i0rgokSFeO11iBkp8EdV8cfJo0yD75aE2ZNRvSJ0lZKcBXLaUYmQrCzDT6tDN5SyRqYlWeDLZAg0H4JQ+Jt6M3atNLE10VSwQsN4Z6r0CBwqzXesHmV+BeoyAUri8EyMfi2FowXS5dhd7doo2DVII0V5BAjigP89GEVAtda8b2ehodU4rNaAW+dGfzlFkyo89GTlcrHYCLpKD+V7yeeHNzLjkp24Uu1Ed6G8/F8qjqGRzlbl2H2dzjpMg1KdwsHxOlmJ7GTeZC/nesXbeZ6c9OYnuxUc3fmBuFft/Ff8xMd0s65SXIb/gAAAABJRU5ErkJggg==")}

form > p:first-child.logout { position: fixed; z-index: 1; margin: .5em 44px .5em 2em; padding: 0; }

#logout { height: 17px; border: none; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJHSURBVDjLlZPNi81hFMc/z7137p1mTCFvNZfGSzLIWNjZKRvFRoqNhRCSYm8xS3+AxRRZ2JAFJWJHSQqTQkbEzYwIM+6Yid/znJfH4prLXShOnb6r8/nWOd8Tcs78bz0/f+KMu50y05nK/wy+uHDylbutqS5extvGcxaWqtoGDA8PZ3dnrs2srQc2Zko41UXLmLdyDW5OfvsUkUgbYGbU63UAQggdmvMzFmzZCgTi7CQmkZwdEaX0JwDgTnGbTCaE0G4zw80omhPI92lcEtkNkdgJCCHwJX7mZvNaB0A14SaYJlwTrpHsTkoFlV1nt2c3x5YYo1/vM9A/gKpxdfwyu/v3teCayKq4JEwT5EB2R6WgYmrs2bYbcUNNUVfEhIfFYy69uci+1fuRX84mkawFSxd/4nVWUopUVIykwlQxRTJBTIDA4Pp1jBZPuNW4wUAPmCqWIn29X1k4f5Ku8g9mpKCkakRLVEs1auVuauVuyqHMo8ejNCe+sWPVTkQKXCMmkeZUmUZjETF1tc6ooly+fgUVw9So1/tRN6YnZji46QghBFKKuAouERNhMlbAHZFE6e7pB+He8MMw+GGI4xtOMf1+lsl3TQ4NHf19BSlaO1DB9BfMHdX0O0iqSgiBbJkjm491hClJbA1LxCURgpPzXwAHhg63necAIi3XngXLcRU0fof8ETMljIyM5LGxMcbHxzvy/6fuXdWgt6+PWncv1e4euqo1ZmabvHs5+jn8yzufO7hiiZmuNpNBM13rbvVSpbrXJE7/BMkHtU9jFIC/AAAAAElFTkSuQmCC") no-repeat center left; overflow: hidden; text-indent: 18px; line-height: 0px; cursor: pointer; margin-left: 6px; color: #21759b; text-decoration: underline;}

#logout:hover {text-decoration: none; color: #d54e21;}

#logins a, #tables a {background: none repeat scroll 0 0 transparent;}

body {margin: 0; line-height: 1.25em; font-size: 13px; background: #f9f9f9; color: #000;}

body, select, option, optgroup, button {font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;}

/* IE6 */
input[type='submit'], input[type='reset'], input[type='button'], input[type='file'] {font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;}

input, textarea, pre, code, samp, kbd, var {font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; font-size: 12px;}

a {color: inherit;}

a:visited {color: inherit;}

a:link:hover, a:visited:hover {text-decoration: none; color: inherit; background-color: #0000000c !important;}

form {margin: 0;width: fit-content;}

table {margin: 10px 12px 12px 0; border: 1px #bbb solid; font-size: unset;}

th {text-align: left;}

td, th {background-color: #fff; padding: 6px; border: 1px #dfdfdf solid; border-width: 1px 0 0 1px; }

tr:first-child td, tr:first-child th {border-top-width: 0;}

tr:first-child th {padding-right: 30px;}

td:first-child, th:first-child {border-left-width: 0;}

thead td, thead th {background-color: #dfdfdf; border: none; border-bottom: 1px #bbb solid;}

thead tr:hover td, thead tr:hover th {background-color: #ddd !important;}

tr:nth-child(2n) td, tr:nth-child(2n) th, .odd td, .odd th, tr.odd {background-color: #f1f1f1;}

tr:hover td, tr:hover th {background-color: #bcd;}

fieldset {display: inline; vertical-align: top; padding: 2px 12px; margin: 25px 12px 12px 0; border: none; border: 1px solid #e3e3e3; position: relative; padding-top: 14px;}

input[name='limit'], input[name*='length'] {width: 3em; xtext-align: right;}

input[name='text_length'] {width: 5em;}

select + input, select + select {margin-left: 2px;}

textarea, input, select {border-width: 1px; border-style: solid; border-color: #dfdfdf;}

input[type="checkbox"], input[type="radio"], input[type="image"] {border: 0 none;}

input[type=button], input[type=submit] {border-color: #bbb; color: #464646;}

input[type=button]:hover, input[type=submit]:hover {color: #000; border-color: #666;}

input + label input, select + label input {margin-left: 4px;}

td input[type='checkbox']:first-child, td input[type='radio']:first-child {margin-left: 2px;}

label:hover {text-decoration: underline;}

fieldset div {margin-bottom: 2px; min-height: 36px; }

fieldset  select,
fieldset  input {
	margin: 0 4px;
}
fieldset input {
	position: relative;
	top: -1px;
	padding: 4px 6px;
}

.footer fieldset { min-height: 65px; line-height: 28px }

input[name='Comment'] { /* !!! */ width: 24em;}

input[name='Auto_increment'] { /* !!! */width: 6em;}

img {vertical-align: middle; margin: 0; padding: 0;}

.error {padding: 8px; color: red; background-color: #fee;}

.message {padding: 8px; background-color: #ddd;}

.char {color: #070;}

.date {color: #707;}

.enum {color: #077;}

.binary {color: red;}

.jush-sql {padding: 2px 4px; margin-right: 4px; font-size: 9pt;}

#content {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 270px;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
	border-left: 1px solid #c3c3c3;
}
ul#tables {
	margin: 0;
	position: absolute;
	top: 145px;
	bottom: 0;
	left: 0;
	padding: 0 0 0 5px;
	overflow-x: auto;
	overflow-y: auto;
	width: 265px;
	line-height: 18px;
}
.jsonly + #tables {
	top: 196px;
}
#menu p.jsonly {
	padding-left: 5px;
}

#menu p.jsonly input {
	width: 95%;
}




#lang {height: 23px; width: 250px; display: block; padding: 2px 10px; position: absolute; top: 0; left: 0; text-align: center; background-color: #f1f1f1; border: 1px solid #e3e3e3; line-height: 1.25em;}

#lang select {font-size: 8pt;}

#breadcrumb { margin: 0; display: block; position: absolute; top: 0; left: 0; background-color: #f1f1f1; padding: 4px 12px 4px 20px; position: sticky; z-index: 1; }

#menu {
	position: absolute; padding: 10px; margin: 0; top: 28px; left: 0; bottom: 0; width: 250px; background-color: #f1f1f1; border: 1px solid #e3e3e3; border-top: 0;
}
#menu:hover #tables {
	overflow: auto !important;
}

#menu form {margin: 0;}

#menu form p {padding-left: 0; text-align: left;}

h1 {
	padding: 0 0 2px;
	font-size: 125%;
	border-color: #ccc;
	background-color: unset;
}

#content h2 {
	display: none;
	margin: 0;
	height: 22px;
	position: sticky;
	left: 0;
	right: 0;
	top: 32px;
	line-height: 22px;
	padding: 0 0 6px 20px;
	font-size: 12px;
	border: medium none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	font-weight: bold;
	background: none repeat scroll 0 0 #eeeeee;
	border-bottom: 1px solid #c3c3c3;
	color: #2d2d2d;
	z-index: 1;
}


#schema {margin: 1.5em 0 0 220px; position: relative;}

#schema .table {border: 1px solid #e3e3e3; background-color: #f1f1f1; padding: 0 2px; cursor: move; position: absolute;}

#schema .references {position: absolute;}

.js td.hidden, .js input.hidden {display: none;}

legend a {color: #333; text-decoration: none; }

legend a:hover {color: #333;}

code {background: transparent;}

#loader {margin-left: 35px;}

/* mt3adminer touchup */
body {
	font-size: 12px;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.js .checkable .checked td, .js .checkable .checked th {
	background-color: #cdcdcd;
}

tbody tr:hover td, tbody tr:hover th {
	background: #d8d8d8;
}

.js .hidden {
	visibility: hidden;
}

.js .column {
	background-color: #fff;
}

fieldset {
	display: inline;
	vertical-align: top;
	padding: .5em .8em;
	margin: .8em .5em 0 0;
	border: 1px solid #999;
}

td + td > input {
	width: calc(100% - 16px) !important;
}
td + td input.icon {
	width: 18px !important;
	background-color: #ccc;
}
.icon:hover {
	background-color: #888;
}


input, textarea, button {
	border: 1px solid #dfdfdf;
	border-radius: 2px;
	padding: 6px;
}

input, textarea, select, button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background-color: #fefefe;
	padding: 6px;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	border: 1px solid #dfdfdf;
	color: #333333;
	cursor: pointer;
	text-decoration: none !important;
	white-space: nowrap;
	margin-left: 5px;
	padding: 6px;
	background-color: #eeeeee;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

form > table:first-child {
	margin: 10px 20px;
}

form > p:first-child {
	padding: 10px 20px 0;
}
#ajaxstatus + #form,
form + p,
p + form,
p + div,
div + p,
div + h3,
h3 + table,
h3 + form,
script + p,
table + p,
p + table,
p + h3,
h3 + p,
p + p,
p + fieldset {
	margin: 1.5em 20px 1.5em 20px;
}
p.links + form {
	margin-top: .5em;
}


.footer {
	padding: 10px;
	background-color: #fff;
	border-top: 0;
	bottom: -10px;
	margin-left: -20px;
	padding-left: 20px;
}

.footer + div {
	padding: 3em 0 1.5em;
}
.footer > div {
	padding-bottom: 1.5em;
}


thead {
	position: sticky;
	top: 32px;
	z-index: 2;
}

div#ajaxstatus + p.links {
	margin-left: 0;
}

#content h2 + div#ajaxstatus + p.links,
#content h2 + div#ajaxstatus + div.message + p.links,
p.tabs {
	background-color: #f1f1f1;
	border-bottom: 1px solid #cccccc;
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	position: sticky;
	top: 32px;
	left: 0;
	z-index: 1;
}

#content h2 + div#ajaxstatus + p.links a, #content h2 + div#ajaxstatus + div.message + p.links a, p.tabs a {
	border-image: none;
	border: 1px solid transparent;
	color: #000000;
	display: block;
	float: left;
	line-height: 1.5;
	margin-right: 3px;
	padding: 4px 10px;
	position: relative;
	margin-bottom: -1px;
}
#content h2 + div#ajaxstatus + p.links > a:first-child {
	margin-left: 20px;
}

#content h2 + div#ajaxstatus + p.links a.active, #content h2 + div#ajaxstatus + div.message + p.links a.active, p.tabs a.active {
	background: none repeat scroll 0 0 #fafafa;
	border-color: #cccccc #cccccc transparent;
	border-width: 1px;
	padding-bottom: 7px;
}

#menu form p#dbs {
	min-width: 240px;
}

#menu p.links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .8em 6px;
	gap: 0 4em;
}

#menu p.links a {
	margin-right: 0;
}
#menu p.links a:nth-child(2) {
	order: 3;
}