@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

html {
	background-color: #171717;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body {
	display: flex;
	overflow: hidden;
	height: 100vh;
	width: auto;
	background: #171717;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	text-rendering: optimizeLegibility !important;
	overflow: auto;
}
* {
	outline-color: #10b981;
}
::selection {
	background: #10b981;
	color: #171717
}
::-moz-selection {
	background: #10b981;
	color: #171717
}
#lang {
	position: fixed;
	top: auto;
	bottom: 0;
	z-index: 3;
	padding: .8em 1em;
	width: 245px;
	border-top: 1px solid #212121;
	background: #171717
}
#lang select {
	width: 66%;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#menu {
	position: fixed;
	top: 0;
	z-index: 2;
	display: flex;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #171717;
	box-shadow: 0 85px 5px 0 rgba(0, 0, 0, 0.14), 0 85px 10px 0 rgba(0, 0, 0, 0.12), 0 85px 4px -1px rgba(0, 0, 0, 0.2);
	flex-flow: column;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#menu h1 {
	position: fixed;
	right: 60px;
	border-bottom: none;
	font-size: 12px;
	background: transparent;
	padding: 4px 0;
	color: #10b981;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#menu select {
	width: 86%;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#menu #logins {
	padding: 10px 14px 0;
	height: 100%
}
#menu #logins:before {
	content: 'Saved Logins';
	display: block;
	font-size: 1.2em;
	margin: 84px 0 20px;
	color: #fafafa;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#menu #logins a {
	display: inline-block;
	margin: 4px 0;
	padding: 10px 22px;
	height: auto;
	width: 86%;
	border-radius: 2px;
	color: #171717;
	background: #10b981;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	text-decoration: none;
	transition: all .2s;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#menu #logins a:hover {
	background: #059669
}
#menu.active {
	background: #10b981 !important;
	color: #171717 !important;
	font-weight: auto
}
#menu .links a {
	display: inline-block;
	margin: 4px 2px;
	padding: 5px;
	width: 42%;
	border-radius: 2px;
	background: #171717;
	color: #10b981;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	line-height: 24px;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#menu .links a:hover {
	background: #10b981;
	color: #171717;
	text-decoration: none;
	font-weight: auto
}
a #h1 {
	color: #898989
}
.version {
	color: #898989;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#tables {
	overflow-x: hidden !important;
	margin-bottom: 47px;
	padding: 9px 12px 0 6px;
	flex: 1;
	background: #171717;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#tables .select:hover {
	background: #313131;
	color: #fafafa;
	text-decoration: none;
	font-weight: auto
}
#tables a {
	display: inline-block;
	overflow: hidden;
	padding: 6px 0 6px 8px;
	width: 175px;
	border-radius: 2px;
	text-overflow: ellipsis;
	transition: all .2s;
	color: #fafafa;
	background: #242424;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#tables a:hover {
	background: #313131;
	color: #fafafa;
	text-decoration: none
}
#tables a.select {
	position: relative;
	float: right;
	padding: 5px;
	width: auto;
	border-radius: 2px;
	background: #212121;
	color: #10b981;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#content {
	display: flex;
	flex-direction: column;
	overflow-x: auto;
	margin: 83px 0 0 19em;
	padding: 17px 27px 100px;
	min-width: 600px;
	width: 100%;
	background: #171717;
	color: #fafafa;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#content h2 {
	position: fixed;
	top: 0;
	z-index: 1;
	margin-left: -28px;
	padding-top: 0;
	padding-left: 30px;
	width: 100%;
	height: 65px;
	background: #242424;
	color: #10b981;
	line-height: 104px;
	border-bottom: 1px solid #10b981;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#breadcrumb {
	position: fixed;
	z-index: 2;
	padding-top: 10px;
	padding-left: 20px;
	background: #242424;
	color: #242424;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#breadcrumb a {
	color: #10b981;
	font-size: 13px;
	line-height: 18px;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#breadcrumb a:hover {
	color: #6ee7b7;
	text-decoration: none
}
#logout {
	position: fixed;
	top: 21px;
	right: 50px;
	z-index: 2;
	margin: 4px 2px;
	padding: 10px 22px;
	min-width: 0;
	outline: none;
	border: none;
	border-radius: 2px;
	background: #10b981;
	box-shadow: 0 1px 4px rgba(88, 88, 88, 0.41), 0 2px 3px rgba(88, 88, 88, 0.26);
	color: #171717;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	white-space: nowrap;
}
#logout:hover {
	background: #059669
}
select {
	margin: 0;
	padding: 3px;
	border: none;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	color: #fafafa;
	background: #242424;
	cursor: pointer;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
a,
a:link {
	color: #10b981;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
a:hover,
a:link:hover {
	color: #6ee7b7;
	text-decoration: none
}
input:not([type]),
input[type=number],
input[type=password],
input[type=search],
input[type=text] {
	padding: 8px;
	border: 1px solid #212121;
	border-radius: 2px;
	font-size: 15px;
	background: #242424;
	color: #fafafa;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
input[type=search]:first-child {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}
input[type=submit] {
	padding: 10px 22px;
	min-width: 0;
	height: auto;
	border: none;
	border-radius: 2px;
	background: #10b981;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	color: #171717;
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
	transition: all .2s;
	font-weight: 600;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	white-space: nowrap;
}
input[type=submit]:hover {
	background: #059669
}
input[type=button][disabled],
input[type=submit][disabled] {
	background: #898989;
	color: #171717;
	cursor: no-drop
}
div input[name=delete],
div input[name=drop],
div input[name=truncate],
input[value=Kill] {
	background: repeating-linear-gradient(-55deg, #10b981, #10b981 5px, #212121 5px, #212121 10px);
	transition: all .2s
}
div input[name=delete]:hover,
div input[name=drop]:hover,
div input[name=truncate]:hover,
input[value=Kill]:hover {
	background: repeating-linear-gradient(-55deg, #059669, #059669 5px, #10b981 5px, #10b981 10px)
}
input[type=checkbox] {
	display: inline-block;
	padding-left: 25px;
	height: 20px;
	outline: 0;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIwcHQiCiAgIGhlaWdodD0iNDBwdCIKICAgdmlld0JveD0iMCAwIDIwIDQwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjUgcjEwMDQwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVjay5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE5Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGU+PC9kYzp0eXBlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICAKICAKICAGIDWVZGVMCZ4KICAKICAKICAGPGCKICAGICAGIHN0eWxlPSJmaWxsOiNlZWVlZWUiCiAgICAgICBpZD0iZzMwNjgiCiAgICAgICB0cmFuc2Zvcm09InNjYWxlKDAuOCwwLjgpIj4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDMwNTgiCiAgICAgICBkPSJNIDE5LDUgViAxOSBIIDUgViA1IEggMTkgTSAxOSwzIEggNSBDIDMuOSwzIDMsMy45IDMsNSB2IDE0IGMgMCwxLjEgMC45LDIgMiwyIGggMTQgYyAxLjEsMCAyLC0wLjkgMiwtMiBWIDUgQyAyMSwzLjkgMjAuMSwzIDE5LDMgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgICA8L2c+Cjwvc3ZnPgo=");
	background-position: 0 0;
	background-size: 20px;
	background-repeat: no-repeat;
	background-color: transparent;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-user-select: none;
	user-select: none;
	filter: brightness(0.7) invert(0.9);
}
input[type=checkbox]:checked {
	background-position: 0 -20px;
	filter: brightness(1.2) invert(0.1);
}
input[type=radio] {
	display: inline-block;
	padding-left: 25px;
	height: 20px;
	outline: 0;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIwcHQiCiAgIGhlaWdodD0iNDBwdCIKICAgdmlld0JveD0iMCAwIDIwIDQwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjUgcjEwMDQwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVjay5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE5Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGU+PC9kYzp0eXBlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICAKICAKICAGIDWVZGVMCZ4KICAKICAKICAGPGCKICAGICAGIHN0eWxlPSJmaWxsOiNlZWVlZWUiCiAgICAgICBpZD0iZzMwMTUiCiAgICAgICB0cmFuc2Zvcm09InNjYWxlKDAuOCwwLjgpIj4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDMwMDUiCiAgICAgICBkPSJNIDEyLDIgQyA2LjQ4LDIgMiw2LjQ4IDIsMTIgMiwxNy41MiA2LjQ4LDIyIDEyLDIyIDE3LjUyLDIyIDIyLDE3LjUyIDIyLDEyIDIyLDYuNDggMTcuNTIsMiAxMiwyIHogbSAwLDE4IEMgNy41OCwyMCA0LDE2LjQyIDQsMTIgNCw3LjU4IDcuNTgsNCA5LjAzMDAgYyA0LjQyLDAgOCwzLjU4IDgsOCAwLDQuNDIgLTMuNTgsOCAtOCw4IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogICAgPC9nPgogIAogIAogICAKICAgPC9zdmc+Cg==");
	background-position: 0 0;
	background-size: 20px;
	background-repeat: no-repeat;
	background-color: transparent;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-user-select: none;
	user-select: none;
	filter: brightness(0.7) invert(0.9);
}
input[type=radio]:checked {
	background-position: 0 -21px;
	filter: brightness(1.2) invert(0.1);
}
input[type=number] {
	padding: 8px
}
#help {
	display: none
}
.sqlarea.jush-sql.jush {
	border: 1px solid rgba(0, 0, 0, 0.12) !important;
	background: #242424;
	color: #6ee7b7;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	font-family: 'Roboto Mono', monospace;
}
.js .column {
	left: -50px;
	margin: -6px 0 0;
	padding: 5px 0 7px 3px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	background: #242424;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.js .column a {
	padding: 1px 8px 3px 5px;
	margin-right: 3px;
	border-radius: 2px;
	color: #10b981;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.js .column a:hover {
	color: #171717;
	background: #10b981
}
table {
	margin-top: 20px;
	min-width: 800px;
	border-collapse: collapse;
	box-shadow: none;
	white-space: nowrap;
	font-size: 13px;
	order: 4;
	font-family: 'Roboto Mono', monospace;
}
form table {
	width: 100%
}
thead td,
thead th {
	background: #212121;
	position: sticky;
	top: 0;
	z-index: 2;
	color: #fafafa;
	font-weight: 700;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
thead td:before,
thead th:before {
	content: '';
	position: absolute;
	background: #171717;
	top: -20px;
	left: -10px;
	width: 120%;
	height: 20px
}
thead td:after,
thead th:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid #212121
}
thead th {
	padding: 0 18px;
	text-align: left;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
th {
	box-sizing: border-box;
	padding: 5px 18px !important;
	width: 20%;
	border: 1px solid #212121;
	background: #171717;
	color: #fafafa;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Roboto Mono', monospace;
}
td {
	box-sizing: border-box;
	padding: 2px 10px 0;
	height: 45px;
	border: 1px solid #212121;
	background: #171717;
	color: #fafafa;
	font-family: 'Roboto Mono', monospace;
	font-size: 13px;
}
.odd td,
.odd th {
	background: #171717
}
td a,
td a:visited,
th a,
th a:visited {
	color: #10b981;
	font-weight: 700;
	font-family: 'Roboto Mono', monospace;
}
.js .checkable .checked td,
.js .checkable .checked th {
	background: #242424
}
tr:hover,
tr:hover td {
	background: #212121 !important;
	color: #fafafa !important;
	transition: background 0.2s;
}
#noindex,
sup {
	display: none
}
.pages {
	position: absolute;
	padding: 10px 20px 0;
	height: 35px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #242424;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	font-size: 15px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.pages a:not(:first-child) {
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #10b981;
	border-radius: 2px;
	color: #fafafa;
	text-align: center;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.pages a:not(:first-child):hover {
	background: #10b981;
	color: #171717;
	text-decoration: none
}
.icon {
	width: 24px;
	height: 24px;
	border-radius: 2px;
	background: #000;
	opacity: .8;
	-webkit-filter: contrast(125%) invert(1);
	filter: contrast(125%) invert(1);
	transition: all .2s
}
.icon:hover {
	background: #e1771a
}
.footer {
	background: none;
	border: none;
	border-color: transparent;
	position: relative
}
.footer>div {
	background: transparent
}
#content form {
	display: table;
	order: 1
}
#content table:nth-of-type(1) {
	order: 1;
	margin: 38px 0
}
#content .links,
#content h3,
#content h3+.error {
	margin: 15px 0 0;
	order: 4
}
#content .links:nth-of-type(2) {
	margin-top: 30px;
	order: 0
}
#content .links a {
	display: inline-block;
	margin: 4px;
	padding: 10px 22px;
	min-width: 0;
	border-radius: 2px;
	background: #10b981;
	box-shadow: 0 1px 4px rgba(88, 88, 88, 0.41), 0 2px 3px rgba(88, 88, 88, 0.26);
	color: #171717;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	white-space: nowrap;
}
#content .links a:hover {
	background: #059669;
	color: #171717;
	text-decoration: none
}
#content .links .active {
	background: #10b981;
	color: #171717;
	cursor: default
}
#content form>fieldset:first-child {
	background-color: transparent;
	border: none;
	box-shadow: none;
	float: right;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	margin-top: -40px
}
#content form>fieldset:first-child legend {
	position: relative;
	top: -4px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#content #form fieldset:nth-of-type(1) {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	top: 57px;
	padding: 7px 10px;
	padding-bottom: 11px;
}
#content fieldset:nth-of-type(2).jsonly {
	float: right;
	margin-top: -30px;
	margin-right: 8px;
	border: none
}
#content fieldset:nth-of-type(2).jsonly legend {
	display: none
}
#content fieldset:first-child #fieldset-import,
#content fieldset:nth-of-type(1),
#content fieldset:nth-of-type(2):not(.jsonly),
#content fieldset:nth-of-type(3),
#content fieldset:nth-of-type(4),
#content fieldset:nth-of-type(5) {
	margin-bottom: 10px;
	padding-bottom: 11px;
	min-height: 57px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #242424;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}
#content fieldset:nth-of-type(6) {
	border: none
}
#content fieldset:nth-of-type(6) legend {
	visibility: hidden
}
#content legend a {
	padding: 5px;
	color: #10b981;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#content legend a:hover {
	color: #6ee7b7;
	text-decoration: none
}
#content fieldset:first-child #fieldset-import {
	margin-top: 36px;
	padding: 13px 10px 0 9px;
	margin-left: -12px
}
#content fieldset:first-child #fieldset-import:before {
	content: 'Import';
	position: absolute;
	top: 8px;
	left: 20px;
	background: #242424;
	padding: 0 7px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#content input[name=copy],
#content input[name=move] {
	float: right;
	margin-right: -20px;
	margin-left: 25px
}
#content select {
	margin-bottom: 2px;
	padding: 8px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.message {
	padding: 13px;
	background: rgba(16, 185, 129, 0.1);
	color: #10b981;
	font-weight: 600;
	text-transform: capitalize;
	border-radius: 5px;
	border: 1px solid #10b981;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.message a {
	color: #10b981;
	border-bottom: 2px solid #10b981;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.error {
	padding: 13px;
	background: rgba(239, 68, 68, 0.1);
	color: #ef4444;
	font-weight: 600;
	text-transform: capitalize;
	border-radius: 5px;
	border: 1px solid #ef4444;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#version{
	color: #10b981;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
a[href="#import"]{
	font-weight: 600;
    padding: 10px 22px;
	border: none;
	border-radius: 2px;
	background: #10b981;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	color: #171717;
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
	transition: all .2s;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	display: inline-block;
	min-width: 0;
	white-space: nowrap;
}
a[href="#import"]:hover{
	background: #059669;
	color: #171717;
}
#menu h1:first-of-type{
	margin-top: -9px;
}
#lang{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	background: #10b981;
	color: #171717;
	border: none;
	right: -184px;
	left: auto;
	bottom: 30px;
	width: 227px;
	height: 42px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	font-size: 0px;
	transition-duration: 0.3s;
}
#lang:hover{
	right: 0px;
}
#lang::before{
	content: "";
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyLjQxOCA1MTIuNDE4IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMi40MTggNTEyLjQxOCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDM3LjMzNSA3NS4wODJjLTEwMC4xLTEwMC4xMDItMjYyLjEzNi0xMDAuMTE4LTM2Mi4yNTIgMC0xMDAuMTAzIDEwMC4xMDItMTAwLjExOCAyNjIuMTM2IDAgMzYyLjI1MyAxMDAuMSAxMDAuMTAyIDI2Mi4xMzYgMTAwLjExNyAzNjIuMjUyIDAgMTAwLjEwMy0xMDAuMTAyIDEwMC4xMTctMjYyLjEzNiAwLTM2Mi4yNTN6bS0xMC43MDYgMzI1LjczOWMtMTEuOTY4LTEwLjcwMi0yNC43Ny0yMC4xNzMtMzguMjY0LTI4LjMzNSA4LjkxOS0zMC44MDkgMTQuMjAzLTY0LjcxMiAxNS40NTItOTkuOTU0aDc1LjMwOWMtMy40MDUgNDcuNTAzLTIxLjY1NyA5Mi4wNjQtNTIuNDk3IDEyOC4yODl6bS0zOTMuMzM4LTEyOC4yODloNzUuMzA5YzEuMjQ5IDM1LjI0MiA2LjUzMyA2OS4xNDUgMTUuNDUyIDk5Ljk1NC0xMy40OTQgOC4xNjItMjYuMjk2IDE3LjYzMy0zOC4yNjQgMjguMzM1LTMwLjg0LTM2LjIyNS00OS4wOTEtODAuNzg2LTUyLjQ5Ny0xMjguMjg5em01Mi40OTgtMTYwLjkzNmMxMS45NjggMTAuNzAyIDI0Ljc3IDIwLjE3MyAzOC4yNjQgMjguMzM1LTguOTE5IDMwLjgwOS0xNC4yMDMgNjQuNzEyLTE1LjQ1MiA5OS45NTRoLTc1LjMxYzMuNDA2LTQ3LjUwMiAyMS42NTctOTIuMDYzIDUyLjQ5OC0xMjguMjg5em0xNTQuMDk3IDMxLjcwOWMtMjYuNjIyLTEuOTA0LTUyLjI5MS04LjQ2MS03Ni4wODgtMTkuMjc4IDEzLjg0LTM1LjYzOSAzOS4zNTQtNzguMzg0IDc2LjA4OC04OC45Nzd6bTAgMzIuNzA4djYzLjg3M2gtOTguNjI1YzEuMTMtMjkuODEyIDUuMzU0LTU4LjQzOSAxMi4zNzktODQuNjMyIDI3LjA0MyAxMS44MjIgNTYuMTI3IDE4Ljg4MiA4Ni4yNDYgMjAuNzU5em0wIDk2LjUxOXY2My44NzNjLTMwLjExOSAxLjg3Ny01OS4yMDMgOC45MzctODYuMjQ2IDIwLjc1OS03LjAyNS0yNi4xOTMtMTEuMjQ5LTU0LjgyLTEyLjM3OS04NC42MzJ6bTAgOTYuNTgxdjEwOC4yNTRjLTM2LjczMi0xMC41OTMtNjIuMjQ2LTUzLjMzMy03Ni4wODgtODguOTc2IDIzLjc5Ny0xMC44MTcgNDkuNDY2LTE3LjM3NCA3Ni4wODgtMTkuMjc4em0zMi42NDYgMGMyNi42MjIgMS45MDQgNTIuMjkxIDguNDYxIDc2LjA4OCAxOS4yNzgtMTMuODQxIDM1LjY0LTM5LjM1NCA3OC4zODMtNzYuMDg4IDg4Ljk3NnptMC0zMi43MDh2LTYzLjg3M2g5OC42MjVjLTEuMTMgMjkuODEyLTUuMzU0IDU4LjQzOS0xMi4zNzkgODQuNjMyLTI3LjA0My0xMS44MjItNTYuMTI3LTE4Ljg4Mi04Ni4yNDYtMjAuNzU5em0wLTk2LjUxOXYtNjMuODczYzMwLjExOS0xLjg3NyA1OS4yMDMtOC45MzcgODYuMjQ2LTIwLjc1OSA3LjAyNSAyNi4xOTMgMTEuMjQ5IDU0LjgyIDEyLjM3OSA4NC42MzJ6bTAtOTYuNTgxdi0xMDguMjU0YzM2LjczNCAxMC41OTMgNjIuMjQ4IDUzLjMzOCA3Ni4wODggODguOTc3LTIzLjc5NyAxMC44MTYtNDkuNDY2IDE3LjM3My03Ni4wODggMTkuMjc3em03My4zMi05MS45NTdjMjAuODk1IDkuMTUgNDAuMzg5IDIxLjU1NyA1Ny44NjQgMzYuOTUxLTguMzE4IDcuMzM0LTE3LjA5NSAxMy45ODQtMjYuMjYgMTkuOTMxLTguMTM5LTIwLjE1Mi0xOC41MzYtMzkuNzM2LTMxLjYwNC01Ni44ODJ6bS0yMTAuODkxIDU2Ljg4MmMtOS4xNjUtNS45NDctMTcuOTQxLTEyLjU5Ny0yNi4yNi0xOS45MzEgMTcuNDc1LTE1LjM5NCAzNi45NjktMjcuODAxIDU3Ljg2NC0zNi45NTEtMTMuMDY4IDE3LjE0OC0yMy40NjUgMzYuNzMyLTMxLjYwNCA1Ni44ODJ6bS4wMDEgMjk1Ljk1OGM4LjEzOCAyMC4xNTEgMTguNTM3IDM5LjczNiAzMS42MDQgNTYuODgyLTIwLjg5NS05LjE1LTQwLjM4OS0yMS41NTctNTcuODY0LTM2Ljk1MSA4LjMxOC03LjMzNCAxNy4wOTUtMTMuOTg0IDI2LjI2LTE5LjkzMXptMjQyLjQ5NCAwYzkuMTY1IDUuOTQ3IDE3Ljk0MiAxMi41OTcgMjYuMjYgMTkuOTMtMTcuNDc1IDE1LjM5NC0zNi45NjkgMjcuODAxLTU3Ljg2NCAzNi45NTEgMTMuMDY3LTE3LjE0NCAyMy40NjUtMzYuNzI5IDMxLjYwNC01Ni44ODF6bTI2LjM2Mi0xNjQuMzAyYy0xLjI0OS0zNS4yNDItNi41MzMtNjkuMTQ2LTE1LjQ1Mi05OS45NTQgMTMuNDk0LTguMTYyIDI2LjI5NS0xNy42MzMgMzguMjY0LTI4LjMzNSAzMC44NCAzNi4yMjUgNDkuMDkxIDgwLjc4NiA1Mi40OTcgMTI4LjI4OXoiLz48L3N2Zz4=");
	width: 36px;
	height: 21px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	filter: invert();
	margin: 10px;
}
#lang select {
	background: #171717;
	color: #fafafa;
	position: relative;
	top: -15px;
	border-radius: 5px;
	border: 1px solid #212121;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#schema {
	position: absolute;
}
#schema-link {
	float: right;
}
#schema .table {
	padding: 0px 0px 10px 0px;
	background: #171717;
	border: none;
	border-radius: 5px;
	min-width: 160px;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.11);
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#schema .table a {
	display: inline-block;
	background: #10b981;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #171717;
	padding: 7px;
	min-width: 160px;
	width: 91.7%;
	margin-bottom: 3px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#schema .table span {
	margin-left: 10px;
	color: #fafafa;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#schema .references {
	transform: translateY(18px);
}
.char {
    color: #10b981;
    font-family: 'Roboto Mono', monospace;
}
.date {
    color: #fafafa;
    font-family: 'Roboto Mono', monospace;
}
.bool {
    color: #fafafa;
    font-family: 'Roboto Mono', monospace;
}
.bool:empty::before {
	content: 'false';
	opacity: 0.6;
}
table thead a{
	color: #10b981 !important;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#form fieldset:first-child{
	float: unset !important;
	padding: 7px 10px !important;
	padding-bottom: 11px !important;
	margin-top: 11.52px !important;
	margin-left: 0px !important;
	margin-right: 7.2px !important;
	margin-bottom: 10px !important;
}
a[href="#import"] {
    margin-top: 20px;
	display: inline-block;
}
.layout select[name='auth[driver]'] {
	width: 100%;
	max-width: 298px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.layout input[name='auth[server]'], .layout input[name='auth[username]'], .layout input[name='auth[password]'], .layout input[name='auth[db]'] {
	width: 100%;
	max-width: 280px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
ul#tables{
	padding: 9px 12px 20px 6px;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
::selection {
	background: #10b981;
	color: #171717;
}
legend {
	color: #fafafa;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Скролл-бар всегда видимый для основного контейнера таблиц */
#tables {
	overflow-y: scroll !important;
	scrollbar-color: #10b981 #242424;
	scrollbar-width: thin;
}

/* Chrome, Edge, Safari */
#tables::-webkit-scrollbar {
	width: 8px;
	opacity: 1 !important;
}

#tables::-webkit-scrollbar-track {
	background: #242424;
	border-radius: 4px;
}

#tables::-webkit-scrollbar-thumb {
	background: #10b981;
	border-radius: 4px;
	transition: background 0.2s;
}

#tables::-webkit-scrollbar-thumb:hover {
	background: #059669;
}

/* Firefox */
#tables {
	scrollbar-color: #10b981 #242424;
	scrollbar-width: thin;
}
table {
	scrollbar-color: #10b981 #242424;
	scrollbar-width: thin;
}

table::-webkit-scrollbar {
	width: 8px;
}

table::-webkit-scrollbar-track {
	background: #212121;
}

table::-webkit-scrollbar-thumb {
	background: #10b981;
	border-radius: 4px;
}