:root {
	--background-color: #f0f2f5;
	--background-filter: none;
	--background-gradient: radial-gradient(crimson, skyblue);
	--background-gradient-footer: linear-gradient(162deg, #18aebf, #7d7d7d, #19933f);
	--background-gradient-header: linear-gradient(162deg, #18aebf, #7d7d7d, #19933f);
	--text-color: #000000;
	--text-color2: #ffffff;
	--text-header: #ffffff;
	--text-button: #ffffff;
	--text-main-menu: #ffffff;
	--text-main-menu-hover: #000000;
	--text-menu-link: #000000;
	--text-menu-link-hover: #000000;
	--span-c1: #990000;
	--span-c2: #009900;
	--span-c3: #006699;
	--icon-link: #993300;
	--icon-admin: #888888;
	--icon-helper: #888888;
	--icon-tester: #888888;
	--icon-user: #888888;
	--icon-premium: #666666;
	--icon-standard: #666666;
	--container-section: rgba(255, 255, 255, 0.80);
	--container-section-second: rgba(255, 255, 255, 0.80);
	--container-section-form: rgba(255, 255, 255, 1);
	--container-section-form-readonly: rgba(0,0,0,0.1);
	--container-body: rgba(0, 0, 0, 0);
	--container-header: rgba(31, 107, 128, 0.9);
	--container-border: transparent;
	--container-menubar: rgba(85, 85, 85, 0.90);
	--container-menubar-nav: #6d6b6b;
	--container-menubar-nav-hover: rgba(80, 80, 80, 1);
	--container-menubar-nav-link-hover: #e8e8e8;
	--container-menubar-nav-link-hover2: rgba(252, 252, 252, 1);
	--container-menubar-nav-link-hover3: rgba(70, 70, 70, 1);
	--container-menubar-nav-border: #777777;
	--container-menubar-nav-border2: #5c731e;
	--container-menubar-nav-border3: #FFFFFF;
	--menu_link: rgba(102, 102, 102, 0);
	--menu_link1: rgba(88, 179, 221, 0);
	--menu_link-hover: #4b818e;
	--menu_link-text-hover: #334400;
	--url-link-text: #993300;
	--url-link-text-hover: #6666FF;
	--user-login: #4169E1;
	--user-login-hover: #4169E1;
	--user-login2-hover: #006666;
	--user-login2-text-hover: #008d8d;
	--user-login-text: #6384e6;
	--submit-box: #1d728a;
	--submit-box-border: rgba(89, 89, 89, 1);
	--submit-box-hover: rgba(80, 80, 80, 1);
	--submit-box-hover2: #1f7992;
	--alert-overlay: rgba(0,0,0,0.1);
	--alert-bg: rgba(48, 48, 48, 1);
	--alert-text-ok: #00CC66;
	--alert-text-bad: #ff7d68;
	--iframe-container: rgba(255,255,255, 1);
	--iframe-button: rgba(0,0,0,1);
	--iframe-button-text: rgba(255,255,255, 1);
	--main-border: #b9b9b9;
	--main-border-active: #909090;
	--main-container-border: #9A9191;
	--dropdown-bg: #FFFFFF;
	--dropdown-hover: #ecebeb;
	--fileupload-bg: #FFFFFF;
	--validation-invalid: #FFDFDF;
	--logo-filter: none
}

html[data-theme="dark"] {
	--background-color: #000000;
	--background-filter: brightness(0.8);
	--text-color: #ffffff;
	--text-color2: #000000;
	--text-header: #ffffff;
	--text-button: #ffffff;
	--text-main-menu: #ffffff;
	--text-main-menu-hover: #ffffff;
	--text-menu-link: #ffffff;
	--text-menu-link-hover: #ffffff;
	--span-c1: #990000;
	--span-c2: #009900;
	--span-c3: #006699;
	--icon-link: #e2672a;
	--icon-admin: #ababab;
	--icon-helper: #ababab;
	--icon-tester: #ababab;
	--icon-user: #ababab;
	--icon-premium: #b1aeae;
	--icon-standard: #b1aeae;
	--container-section: rgba(0, 0, 0, 0.50);
	--container-section-second: rgba(0, 0, 0, 0.50);
	--container-section-form: rgba(0, 0, 0, 1);
	--container-section-form-readonly: rgba(255,255,255,0.1);
	--container-body: rgba(255, 255, 255, 0);
	--container-header: rgba(31, 107, 128, 0.9);
	--container-border: transparent;
	--container-menubar: rgba(52, 52, 52, 0.70);
	--container-menubar-nav: #6d6b6b;
	--container-menubar-nav-hover: rgba(80, 80, 80, 1);
	--container-menubar-nav-link-hover: #1f1d1d;
	--container-menubar-nav-link-hover2: rgba(252, 252, 252, 1);
	--container-menubar-nav-link-hover3: rgba(70, 70, 70, 1);
	--container-menubar-nav-border: #777777;
	--container-menubar-nav-border2: #5c731e;
	--container-menubar-nav-border3: #FFFFFF;
	--menu_link: rgba(102, 102, 102, 0);
	--menu_link1: rgba(88, 179, 221, 0);
	--menu_link-hover: #4b818e;
	--menu_link-text-hover: #334400;
	--url-link-text: #f17638;
	--url-link-text-hover: #6666FF;
	--user-login: #4169E1;
	--user-login-hover: #4169E1;
	--user-login2-hover: #006666;
	--user-login2-text-hover: #008d8d;
	--user-login-text: #6384e6;
	--submit-box: #1d728a;
	--submit-box-border: rgba(89, 89, 89, 1);
	--submit-box-hover: rgba(80, 80, 80, 1);
	--submit-box-hover2: #1f7992;
	--alert-overlay: rgba(0,0,0,0.1);
	--alert-bg: rgba(48, 48, 48, 1);
	--alert-text-ok: #00CC66;
	--alert-text-bad: #ff7d68;
	--iframe-container: rgba(0,0,0, 1);
	--iframe-button: rgba(255,255,255,1);
	--iframe-button-text: rgba(0,0,0, 1);
	--main-border: #b9b9b9;
	--main-border-active: #909090;
	--main-container-border: #9A9191;
	--dropdown-bg: #000000;
	--dropdown-hover: #2d2c2c;
	--fileupload-bg: #000000;
	--validation-invalid: #ee5353;
	--logo-filter: invert()
}

@media (prefers-color-scheme: dark) {
	html:not([data-theme="light"]):not([data-theme="dark"]) {
		--background-color: #000000;
		--background-filter: brightness(0.8);
		--text-color: #ffffff;
		--text-color2: #000000;
		--text-header: #ffffff;
		--text-button: #ffffff;
		--text-main-menu: #ffffff;
		--text-main-menu-hover: #ffffff;
		--text-menu-link: #ffffff;
		--text-menu-link-hover: #ffffff;
		--span-c1: #990000;
		--span-c2: #009900;
		--span-c3: #006699;
		--icon-link: #e2672a;
		--icon-admin: #ababab;
		--icon-helper: #ababab;
		--icon-tester: #ababab;
		--icon-user: #ababab;
		--icon-premium: #b1aeae;
		--icon-standard: #b1aeae;
		--container-section: rgba(0, 0, 0, 0.50);
		--container-section-second: rgba(0, 0, 0, 0.50);
		--container-section-form: rgba(0, 0, 0, 1);
		--container-section-form-readonly: rgba(255,255,255,0.1);
		--container-body: rgba(255, 255, 255, 0);
		--container-header: rgba(31, 107, 128, 0.9);
		--container-border: transparent;
		--container-menubar: rgba(52, 52, 52, 0.70);
		--container-menubar-nav: #6d6b6b;
		--container-menubar-nav-hover: rgba(80, 80, 80, 1);
		--container-menubar-nav-link-hover: #1f1d1d;
		--container-menubar-nav-link-hover2: rgba(252, 252, 252, 1);
		--container-menubar-nav-link-hover3: rgba(70, 70, 70, 1);
		--container-menubar-nav-border: #777777;
		--container-menubar-nav-border2: #5c731e;
		--container-menubar-nav-border3: #FFFFFF;
		--menu_link: rgba(102, 102, 102, 0);
		--menu_link1: rgba(88, 179, 221, 0);
		--menu_link-hover: #4b818e;
		--menu_link-text-hover: #334400;
		--url-link-text: #f17638;
		--url-link-text-hover: #6666FF;
		--user-login: #4169E1;
		--user-login-hover: #4169E1;
		--user-login2-hover: #006666;
		--user-login2-text-hover: #008d8d;
		--user-login-text: #6384e6;
		--submit-box: #1d728a;
		--submit-box-border: rgba(89, 89, 89, 1);
		--submit-box-hover: rgba(80, 80, 80, 1);
		--submit-box-hover2: #1f7992;
		--alert-overlay: rgba(0,0,0,0.1);
		--alert-bg: rgba(48, 48, 48, 1);
		--alert-text-ok: #00CC66;
		--alert-text-bad: #ff7d68;
		--iframe-container: rgba(0,0,0, 1);
		--iframe-button: rgba(255,255,255,1);
		--iframe-button-text: rgba(0,0,0, 1);
		--main-border: #b9b9b9;
		--main-border-active: #909090;
		--main-container-border: #9A9191;
		--dropdown-bg: #000000;
		--dropdown-hover: #2d2c2c;
		--fileupload-bg: #000000;
		--validation-invalid: #ee5353;
		--logo-filter: invert()
	}
}

* {
	margin: 0;
	padding: 0;
}
html, body {
	background: #EEE;
	font: 12px sans-serif;
}
body {
	padding-top: 1.8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, table, tbody, tr, td, textarea, div {
	height: 100%
}

::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.05)
}

::-webkit-scrollbar {
	height: 8px;
	width: 8px;
	background-color: rgba(0,0,0,0.05)
}

::-webkit-scrollbar-thumb {
	background-color: var(--container-header)
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--submit-box-hover2)
}

table {
	table-layout: fixed;
	width: 100%;
}
td {
	box-sizing:border-box;
	width: 33.3333%;
	padding: 3px 4px;
	border: 1px solid transparent;
}
td div, td textarea {
	overflow: auto;
	font: 1em monospace;
	width: 100%;
	resize: none;
}
h1 {
	display: inline;
	font-size: 100%;
}
del {
	text-decoration: none;
	color: #b30000;
	background: #fadad7;
}
ins {
	background: #eaf2c2;
	color: #406619;
	text-decoration: none;
}
.chunk-header {
	color: #8a008b;
	text-decoration: none;
}

#result {
	white-space: pre-wrap;
}

#settings {
	position: absolute;
	top: 0;
	left: 5px;
	right: 5px;
	height: 2em;
	line-height: 2em;
}
#settings label {
	margin-left: 1em;
}

.source {
	position: absolute;
	right: 1%;
	top: .2em;
}

textarea {
	background: #F9F9F9;
	border-color: #BBB #D9D9D9 #DDD;
	border-radius: 4px;
	outline: none;
}
textarea:focus {
	background: #FFF;
	border-color: #6699cc;
	box-shadow: 0 0 4px #2175c9;
}

@-moz-document url-prefix() {
	body {
		height: 99%; /* Hide scroll bar in Firefox */
	}
}