.my-editor {
	background: var(--background-color3);
	color: var(--input-color);

	font-family: var(--input-numerical-font-family);
	font-size: 14px;
	line-height: 1.5;
	padding: 10px;
	
	border-radius: 5px;
}

/* optional class for removing the outline */
.prism-editor__textarea:focus {
	outline: none;
}
.result-table {
  border-collapse: collapse;
  border-spacing: 0;
}
.result-table, .result-table td, .result-table th {
  border: 1px solid var(--background-color3);
}
.result-table th {
  background-color: var(--background-color2);
}
.result-table td, .result-table th {
  padding: 10px;
}
.result-table td {
  height: 1px;
}
.result-table td > pre {
  font-family: var(--input-numerical-font-family);
  font-size: var(--input-numerical-font-size);
}
.result-table td > img,
.result-table td > a > img {
  max-height: 37px;
  margin: -10px;
  vertical-align: middle;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.result-table td details summary {
  cursor: pointer;
  white-space: nowrap;
}
.result-table td details[open] summary {
  opacity: 50%;
}
.result-table td details pre {
  font-family: var(--input-numerical-font-family);
  font-size: var(--input-numerical-font-size);
  background-color: var(--background-color3);
  padding: 10px;
}.status-bar {
  width: 100%;
  border-radius: 0px 0px 5px 5px;
  padding: 8px;
  transition: background-color 0.25s;
}
.status-bar span {
  color: darkgrey;
  float: right;
}.dillerm-select {
  position: relative;
  text-align: left;
  color: var(--input-color);
  cursor: pointer;
}
.dillerm-select > input {
  cursor: pointer;
  width: 100%;
  position: relative;
  border-radius: var(--input-border-radius);
  line-height: var(--input-line-height);
}
.dillerm-select > input.focused {
  width: 100%;
  position: relative;
  border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
  cursor: text;
}
.dillerm-select > input.focused:not(.searchable) {
  color: transparent;
  cursor: pointer;
  pointer-events: none;
}
.dillerm-select > div {
  position: absolute;
  background: white;
  top: 100%;
  left: 0;
  right: 0;
  border-right: var(--input-border);
  border-left: var(--input-border);
  border-bottom: var(--input-border);
  border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  z-index: 100;
  background: var(--input-background);
}
.dillerm-select:hover > input, .dillerm-select:focus-within > input {
  background: var(--input-hover-color);
}
.dillerm-select:hover > .dillerm-input-expand, .dillerm-select:focus-within > .dillerm-input-expand {
  color: var(--input-highlight-color);
}
.dillerm-select input {
  display: block;
  padding: var(--input-padding);
  width: 100%;
  min-height: var(--input-height);
  border: var(--input-border);
  border-radius: var(--input-border-radius);
  background: var(--input-background);
  color: var(--input-color);
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
}
.dillerm-select input:hover, .dillerm-select input:focus {
  background: var(--input-hover-color);
}
.dillerm-select .option-icon {
  height: calc(var(--input-height) - 2 * var(--input-border-size));
  width: calc(var(--input-height) - 2 * var(--input-border-size));
  vertical-align: middle;
  margin-right: var(--input-padding-rl);
}
.dillerm-select .select-search-current {
  pointer-events: none;
  position: absolute;
  left: var(--input-border-size);
  top: var(--input-border-size);
  right: var(--input-border-size);
  bottom: var(--input-border-size);
  border-radius: var(--input-border-radius);
  white-space: nowrap;
  overflow: hidden;
}
.dillerm-select .select-search-current span {
  position: absolute;
  left: var(--input-height);
  top: 0;
  bottom: 0;
  padding: var(--input-padding);
  line-height: var(--input-line-height);
  right: calc(var(--input-icon-button-size) * 2 + var(--input-icon-button-side-padding));
  padding-right: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dillerm-select .select-search-current span.noicon {
  left: 0;
}
.dillerm-select .select-search-option {
  float: left;
  white-space: nowrap;
  width: 100%;
  height: calc(var(--input-height) - 2 * var(--input-border-size));
  cursor: pointer;
  background: var(--input-options-color);
  transition: 0.25s;
}
.dillerm-select .select-search-option:hover, .dillerm-select .select-search-option.hover, .dillerm-select .select-search-option.is-selected {
  background: var(--input-options-hover-color);
}
.dillerm-select .select-search-option.noicon {
  line-height: calc(var(--input-height) - 2 * var(--input-border-size));
  padding-left: 8px;
}
.dillerm-select .select-search-status {
  font-size: 14px;
  padding: var(--input-padding);
  line-height: var(--input-line-height);
  color: #777777;
}
.dillerm-select .dillerm-input-clear {
  right: calc(var(--input-icon-button-size) + var(--input-icon-button-side-padding));
}.order-selector {
  display: flex;
  border: var(--input-border);
  border-radius: var(--input-border-radius);
  background-color: var(--input-background);
}
.order-selector > * {
  display: inline-block;
  white-space: nowrap;
}
.order-selector > :first-child {
  padding: 0px 10px;
  line-height: var(--input-height);
  background-color: var(--background-color4);
}
.order-selector > .dillerm-select {
  min-width: 100px;
}
.order-selector > .dillerm-select input {
  border: none;
  border-radius: 0px;
}
.order-selector > :last-child {
  width: var(--input-height);
  height: var(--input-height);
  background-color: var(--background-color4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.order-selector > :last-child i {
  opacity: 0.75;
  transition: transform 0.25s;
  color: var(--input-color);
  font-size: 24px;
}
.order-selector > :last-child.toggled i {
  transform: rotate(-180deg);
}
.order-selector > :last-child.random i {
  transition: transform 0.5s;
  transform: rotate(90deg);
}
.order-selector > :last-child.random.toggled i {
  transform: rotate(450deg);
}.dillerm-text {
  position: relative;
  width: 100%;
  height: var(--input-height);
}
.dillerm-text:hover input, .dillerm-text input:focus {
  background: var(--input-hover-color);
}
.dillerm-text input {
  display: block;
  padding: var(--input-padding);
  width: 100%;
  min-height: var(--input-height);
  appearance: textfield;
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
  border: var(--input-border);
  border-radius: var(--input-border-radius);
  background: var(--input-background);
  color: var(--input-color);
}
.dillerm-text input:hover, .dillerm-text input:focus {
  background: var(--input-hover-color);
}
.dillerm-text .dillerm-input-clear {
  right: 10px;
}
.dillerm-text .dillerm-input-clear.hidden {
  transition: opacity 0s;
  pointer-events: none;
  opacity: 0;
}.dillerm-color {
  position: relative;
  width: 100%;
  height: var(--input-height);
  border: var(--input-border);
  border-radius: var(--input-border-radius);
  position: relative;
  background: var(--input-background);
}
.dillerm-color > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: var(--input-height);
  pointer-events: none;
  padding-left: var(--input-padding-rl);
  color: grey;
}
.dillerm-color input {
  opacity: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dillerm-color span {
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  line-height: calc(var(--input-line-height) - 4px * 2);
  padding: var(--input-padding);
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  opacity: 0.75;
  pointer-events: none;
  color: var(--input-color);
  transition: opacity var(--input-transition-time);
  font-family: var(--input-numerical-font-family);
  font-size: var(--input-numerical-font-size);
}
.dillerm-color:hover > span, .dillerm-color:focus-within > span {
  opacity: 0.95;
}
.dillerm-color .dillerm-input-clear {
  right: 80px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: var(--input-border-radius);
}.main-app {
  font-size: 14px;
  max-height: calc(100vh - var(--navbar-height));
  min-height: calc(100vh - var(--navbar-height));
  overflow-x: auto;
}
.table-holder {
  margin: auto;
  padding: 15px;
}
.table-holder table {
  margin: auto;
}
.query-box {
  border-radius: 5px;
  background-color: var(--background-color2);
}
.query-box .query-box-header {
  padding: 10px;
  display: flex;
}
.query-box .query-box-header :first-child {
  flex: 1;
  margin-right: 5px;
}
.query-box .query-box-contents {
  padding: 0px 15px 15px 15px;
}
.query-box .query-box-contents.hidden {
  display: none;
}
.query-args {
  padding: 15px 100px;
}
.query-args > div {
  margin-bottom: 5px;
}
@media only screen and (max-width: 650px) {
.query-args {
    padding: 15px 20px;
}
}
.dillerm-button i {
  color: var(--input-highlight-color);
  font-size: 20px;
}/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #ccc;
	background: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;

}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #2d2d2d;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #999;
}

.token.punctuation {
	color: #ccc;
}

.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
	color: #e2777a;
}

.token.function-name {
	color: #6196cc;
}

.token.boolean,
.token.number,
.token.function {
	color: #f08d49;
}

.token.property,
.token.class-name,
.token.constant,
.token.symbol {
	color: #f8c555;
}

.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
	color: #cc99cd;
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
	color: #7ec699;
}

.token.operator,
.token.entity,
.token.url {
	color: #67cdcc;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.token.inserted {
	color: green;
}
.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}