a {
	color: #dfd;
}

div.stack {
	position: relative; display: inline-block; width: 95%;
	scrollbar-base-color: #000; scrollbar-3dlight-color: #000;
	scrollbar-highlight-color: #000; scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: black; scrollbar-shadow-color: #555555;
	scrollbar-dark-shadow-color: #000; vertical-align: top;
}

textarea.leftbar {
	font-family: 'Inconsolata', monospace; font-size: 12pt;
	min-height: 400px; background: #111111; overflow-x: hidden;
	overflow-y: hidden; border: 0px; border-right: 1px #333333 solid;
	color: red; padding: 5px; min-height: 400px; padding-top: 0px;
	padding-bottom: 0px; margin: 0px; resize: none;
}

textarea.config {
	font-family: 'Inconsolata', monospace; font-size: 12pt;
	min-height: 400px; background: #000000; color: #00ee00; border: 0px;
	white-space: pre; padding: 5px; position: absolute;
	pointer-events: auto; color: rgb(255, 255, 255);
	text-shadow: 0px 0px 0px rgba(192, 192, 192, 1);
	-webkit-text-fill-color: transparent; box-sizing: border-box;
	/*resize: none;*/ margin: 0px; padding-top: 0px; padding-bottom: 0px;
	overflow-x: hidden; width: 95%; /*
  scrollbar-base-color: #000;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #F5F5F5;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #555555;
  scrollbar-dark-shadow-color: #000;*/
}

/* changes 2017-11-13:
textarea.leftbar: added resize:none;
textarea.config: added overflow-x:hidden;  commented out resize:none;
div.formatted: added overflow-x:hidden; */
div.formatted {
	font-family: 'Inconsolata', monospace; font-size: 12pt;
	min-height: 400px; color: #00ee00; border: 0px; white-space: pre;
	padding: 5px; pointer-events: none; z-index: 10; background: none;
	position: relative; height: 400px; overflow: auto;
	box-sizing: border-box; margin: 0px; text-shadow: 0px 0px 5px black;
	overflow: -moz-scrollbars-none; padding-top: 0px; padding-bottom: 0px;
	overflow-x: hidden; width: 95%;
}

textarea:focus,input:focus {
	outline: none;
}

div.formatted::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
}

div.formatted::-webkit-scrollbar {
	width: 10px; background-color: rgba(0, 0, 0, 0);
}

div.formatted::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0); border: 2px solid rgba(0, 0, 0, 0);
}

textarea.config::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

textarea.config::-webkit-scrollbar {
	width: 10px; background-color: #F5F5F5;
}

textarea.config::-webkit-scrollbar-thumb {
	background-color: #000000; border: 2px solid #555555;
}

ul.errors {
	padding-left: 5px; list-style: none; margin: 0px; font-size: 12pt;
}

li.errors {
	border-left: #dd0000 5px solid; display: block; padding: 0px;
	padding-left: 5px; margin-top: 5px; margin-bottom: 5px;
}

ul.warnings {
	padding: 0px; padding-left: 5px; list-style: none; margin: 0px;
	font-size: 12pt;
}

li.warnings {
	border-left: #dd7000 5px solid; display: block; padding: 0px;
	padding-left: 5px; margin-top: 5px; margin-bottom: 5px;
	margin-top: 5px;
}

ul.good {
	padding: 0px; padding-left: 5px; list-style: none; margin: 0px;
	font-size: 12pt;
}

li.good {
	border-left: #00dd00 5px solid; display: block; padding: 0px;
	padding-left: 5px; margin-top: 5px; margin-bottom: 5px;
	margin-top: 5px;
}

ul.lint {
	padding-left: 5px; list-style: none; margin: 0px; font-size: 12pt;
}

li.lint {
	border-left: #0000dd 5px solid; display: block; padding: 0px;
	padding-left: 5px; margin-top: 5px; margin-bottom: 5px;
}

span.mono {
	font-family: 'Inconsolata', monospace;
}

a.mono {
	font-family: 'Inconsolata', monospace; color: white;
}

body {
	background-color: black; color: white;
	font-family: 'Open Sans', sans-serif; margin: 0; padding: 2px;
}

span.var {
	color: blue;
}

span.keyword {
	color: #00ee00;
}

span.var {
	color: #eeeeee;
}

span.selector {
	color: #0077ee;
}

span.varip {
	color: #eeee00;
}

span.varcidr {
	color: #eeeeee;
}

span.varmask {
	color: #ee8800;
}

span.varwild {
	color: orange;
}

span.comment {
	color: #ee00ee;
}

span.parseerror {
	color: #ee0000;
}

span.debug {
	color: #444444;
}

span.logo {
	font-family: Lato, sans-serif; font-size: 18pt; line-height: 2em;
	padding-left: 5px; vertical-align: middle; color: #00ee00;
}

span.logo>a {
	text-decoration: none; color: inherit;
}

div.ham {
	width: 30px; height: 2px; background-color: #777777; margin: 6px 0;
}

div.hamburger {
	display: inline-block; vertical-align: middle; cursor: pointer;
	padding-right: 15px; padding-left: 5px;
}

div#topbar {
	vertical-align: middle;
}

#lintoptions {
	column-width: 400px;
}

div#bottomlinks {
	text-align: center;
}

div.tab {
	border-top: solid #a0a0a0 1px; border-left: solid #a0a0a0 1px;
	display: inline-block; padding: 5px; padding-left: 10px;
	padding-right: 10px; margin-left: 0px; min-width: 35px;
	text-align: center; cursor: pointer;
}

div.tool {
	border-top: solid #a0a0a0 1px; border-left: solid #a0a0a0 1px;
	display: inline-block; padding: 5px; padding-left: 10px;
	padding-right: 10px; margin-left: 0px; min-width: 35px;
	text-align: center; cursor: pointer;
}

div.tool>a {
	text-decoration: none; color: #eee;
}

div.tab * {
	display: inline;
}

div.tab br {
	display: none
}

div.tabstart {
	display: inline-block; width: 58px; padding: 5px;
	border-bottom: solid #a0a0a0 1px; margin-bottom: 10px;
}

div.tabend {
	display: inline-block; width: 40px; padding: 5px;
	border-bottom: solid #a0a0a0 1px; border-left: solid #a0a0a0 1px;
	margin-bottom: 10px;
}

span#tabhelp {
	color: red; font-weight: 900; background-color: yellow; padding: 6px;
	cursor: pointer;
}

span.taboptions {
	
}

span.tabdelete {
	color: #888888; cursor: pointer; padding: 0px 6px; border-radius: 100%;
}

span.tabdelete:hover {
	background-color: red; color: #ffffff;
}

td.tdtop {
	vertical-align: top;
}

td.tdtopad {
	text-align: right;
}

table.tdtop {
	width: 95%;
}

input.bordered {
	background-color: black; color: #0e0;
	font-family: 'Inconsolata', monospace; font-size: 12pt;
	border: 1px solid #444; padding: 5px;
}

#subtool {
	padding-bottom: 10px;
}

#aclEvalResults {
	padding-left: 40px; background-color: #333;
}

#aclEvalResultsReset {
	padding-left: 40px; background-color: #333;
}

button.templatesMenu {
	color: white; background-color: black; border: 1px solid #a0a0a0;
	display: inline-block; padding: 5px; padding-left: 10px;
	padding-right: 10px; min-width: 35px; text-align: center;
	cursor: pointer; font-size: 16px; margin: 15px;
	font-family: 'Open Sans', sans-serif;
}

select.templatesSelect {
	font-family: 'Open Sans', sans-serif; font-size: 16px;
	background-color: black; color: white;
}

textarea.templatesTemplate {
	font-family: 'Inconsolata', monospace; font-size: 12pt;
	min-height: 400px; background: #000000; border: 1px solid #a0a0a0;
	white-space: pre; padding: 5px; pointer-events: auto;
	color: rgb(192, 192, 192); box-sizing: border-box; resize: none;
	margin: 0px; padding-top: 0px; padding-bottom: 0px; width: 95%;
	margin-left: 20px;
}

div#templatesHelp {
	margin-left: 20px;
}

p.templatesHelpCategory {
	color: #00ee00;
}

input#templatesNameEdit {
	border: none; background-color: black; color: white;
	font-family: 'Open sans', sans-serif; font-size: 12pt;
}

p.templatesHelpCommandSection {
	margin-left: 40px; text-indent: -20px;
}

p.templatesHelpCommand {
	
}

span.templatesHelpCode {
	font-family: 'Inconsolata', monospace; font-size: 12pt;
	color: rgb(192, 192, 192);
}