.cm-s-win-classic .cm-keyword { color: #6262FF; }
.cm-s-win-classic .cm-atom { color: #F90; }
.cm-s-win-classic .cm-number { color:  #ca7841; }
.cm-s-win-classic .cm-def { color: #8DA6CE; }
.cm-s-win-classic span.cm-variable-2, .cm-s-win-classic span.cm-tag { color: #690; }
.cm-s-win-classic span.cm-variable-3, .cm-s-win-classic span.cm-def, .cm-s-win-classic span.cm-type { color: #07a; }

.cm-s-win-classic .cm-variable { color: #07a; }
.cm-s-win-classic .cm-property { color: #905; }
.cm-s-win-classic .cm-qualifier { color: #690; }

.cm-s-win-classic .cm-operator { color: #cda869; }
.cm-s-win-classic .cm-comment { color:#777; font-weight:normal; }
.cm-s-win-classic .cm-string { color:#07a; /*font-style:italic;*/ }
.cm-s-win-classic .cm-string-2 { color:#bd6b18; } /*?*/
.cm-s-win-classic .cm-meta { color: #000; } /*?*/
.cm-s-win-classic .cm-builtin { color: #9B7536; } /*?*/
.cm-s-win-classic .cm-tag { color: #997643; }
.cm-s-win-classic .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-win-classic .cm-header { color: #FF6400; }
.cm-s-win-classic .cm-hr { color: #AEAEAE; }
.cm-s-win-classic .cm-link { color:#ad9361; font-style:italic; text-decoration:none; }

div.cm-s-win-classic .CodeMirror-activeline-background { background: #efefff; }
div.cm-s-win-classic span.CodeMirror-matchingbracket { outline:1px solid grey; color: inherit; }

/*
.cm-s-win-classic.CodeMirror { background-image: url(data:image/png;base64,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); }
*/
body { 
    background-color: #ddd; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
}
#gx-container { background-color: #666; border: 2px inset; }

#toolbar { background-color: #ddd; border: 2px outset; font-size: 16px; }
#toolbar a { filter: invert(1); border: none; padding: 0; }

a, a:link, a:visited { color: #333; border: 2px outset; padding: 2px 5px; user-select: none; }
a:active { border: 2px inset;}
a:hover { color: #000; }
a:before { content: ""; }
a:after { content: ""; }
dialog a.disabled:active { border: 2px outset; }

li a, li a:link, li a:visited { border: 0; text-decoration: underline; }
li a:active { border: 0; }

dialog textarea { 
  font-family: 'Courier New', monospace; 
  font-size: 14px;
  border: 2px inset;
}
dialog textarea:focus {
  outline: none;
}

dialog {
  border: 2px outset;
  background-color: #ddd;
}

#code, .code {
  border: 2px inset;
  font-size: 14px;
}

#code-tabs {
  padding-bottom: 5px;
}
#code-tabs .tab {
  top: 0;
  border-bottom: 2px inset;
}
#code-tabs .tab.active {
  border-bottom: 2px transparent;
}
#code-tab-menu {
  border-bottom: 0 !important;
}

#logo { right: 10px; top: 10px; }

#output-content, #warning-container {
  font-family: 'Courier New', monospace;
}

#output-content { 
  border: 2px outset; 
  overflow: hidden;
}

.tab {
  position: relative;
  top: 1px;
  border: 2px outset;
  border-bottom: 0;
  border-radius: 5px 5px 0px 0px;
  color: #666;
}

#tabs .active, #code-tabs .active {
  color: #333;
  border-bottom: 2px solid #ddd;
}

.tab:hover, #tabs .active:hover {
  color: #333;
  background-color: transparent;
}

#warning-container, #js-code, #fs-contents {
  position: absolute;
  top: 40px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  border: 2px inset;
  overflow: auto;
  background-color: #f6f6f6;
  color: #333;
}
#warning-container .selected { background-color: #ccc; }

#run-button, #edit-button, #stop-button, #share-button, #toggle-console { display: inline-block; }

#fs-browser { font-family: Verdana, Geneva, Tahoma, sans-serif; }
#fs-path { border: 2px inset; color: #333; margin: 5px; padding: 5px; }
#fs-path div { filter: invert(1); }
#fs-contents a { border: 0; user-select: auto; color: #333; }
#fs-contents a:hover { background-color: #ddd; }
#fs-contents { top: 70px; color: #333; grid-auto-rows: 25px; padding-top: 5px; padding-right: 5px; }

.help { background-color: #f6f6f6; color: #333; }
.help a, .help a:link, .help a:visited { border: 0; padding: 0; user-select: auto; }
.help a:active { border: 0;}
.help a:hover { color: #000; text-decoration: underline; }
.help a:before { content: ""; }
.help a:after { content: ""; }

.help tr:nth-child(even) { background: rgba(175, 175, 175, .5) }
.help code { background-color: rgba(175, 175, 175, .5); }
.help-nav { padding-left: 5px; }
.help-nav a { color: #333 !important; font-family: Verdana, Geneva, Tahoma, sans-serif; margin-right: 0px; }


#method-tabs .tab {
  border-color: inherit;
}

.methods {
  border: 2px inset;
  border-top: 2px outset;
}

.methods thead {
  border: 2px outset;
  border-top: 0;
  border-left: 0;
}
.methods thead tr {
  box-shadow: 0px 1px 0px #999;
}

.methods th {
  border: 0;
}

.methods tbody {
  background-color: #f6f6f6;
}
#method-tabs {
  margin-left: 10px;
}
#method-tabs .active {
  border-bottom: 2px solid #ddd;
}

.hexview, .audioview, .imgview {
  background-color: #ddd;
}

.fs-download, .fs-delete {
  filter: invert(1); 
  background-size: 18px 20px;
}
.fs-download:hover, .fs-delete:hover { background-color: transparent !important; }