/**
 *	@package    vscode-dark theme
 *	@version    1.0.0
 *	@author		  Inter-Net PRO
 *	@link       https://inter-net.pro
 *	@github     https://github.com/Inter-Net-Pro/Theme-VSCode-Dark
 */
 .cm-s-vscode-dark span.cm-meta {color: #569cd6}
 .cm-s-vscode-dark span.cm-number {color: #b5cea8}
 .cm-s-vscode-dark span.cm-keyword {line-height: 1em; color: #569cd6;}
 .cm-s-vscode-dark span.cm-def {color:#9cdcfe}
 .cm-s-vscode-dark span.cm-variable {color: #ddd6a3}
 .cm-s-vscode-dark span.cm-variable-2 {color: #9cdcfe}
 .cm-s-vscode-dark span.cm-variable-3,
 .cm-s-vscode-dark span.cm-type {color: #A9B7C6}
 .cm-s-vscode-dark span.cm-property {color: #9cdcfe}
 .cm-s-vscode-dark span.cm-operator {color: #d4d4d4}
 .cm-s-vscode-dark span.cm-string {color: #ce9178}
 .cm-s-vscode-dark span.cm-string-2 {color: #6A8759}
 .cm-s-vscode-dark span.cm-comment {color: #6A9955}
 .cm-s-vscode-dark span.cm-link {color: #287BDE}
 .cm-s-vscode-dark span.cm-atom {color: #569cd6}
 /*.cm-s-vscode-dark span.cm-error {color: #BC3F3C}*/
 .cm-s-vscode-dark span.cm-tag {color: #569cd6}
 .cm-s-vscode-dark span.cm-attribute {color: #9cdcfe}
 .cm-s-vscode-dark span.cm-qualifier {color: #d7ba7d}
 .cm-s-vscode-dark span.cm-bracket {color: #808080}
 
 .cm-s-vscode-dark.CodeMirror {background: #1e1e1e; color: #e9e9e9;}
 .cm-s-vscode-dark .CodeMirror-cursor {border-left: 1px solid #bebebe;}
 .CodeMirror-activeline-background {background: #3A3A3A;}
 .cm-s-vscode-dark div.CodeMirror-selected {background: #1e496c}
 .cm-s-vscode-dark .CodeMirror-gutters {background: #252526; border-right: 1px solid grey; color: #606366}
 .cm-s-vscode-dark span.cm-builtin {color: #A9B7C6;}
 .cm-s-vscode-dark {font-family: Consolas, 'Courier New', monospace, serif;}
 .cm-s-vscode-dark .CodeMirror-matchingbracket {background-color: #3b514d; color: yellow !important;}
 
 .CodeMirror * {
    font-size: 14px;
 }
 .CodeMirror-hints.vscode-dark {
   font-family: Consolas, 'Courier New', monospace;
   color: #9c9e9e;
   background-color: #3b3e3f !important;
 }
 
 .CodeMirror-hints.vscode-dark .CodeMirror-hint-active {
   background-color: #494d4e !important;
   color: #9c9e9e !important;
 }

/* QBJS IDE styles */
body { 
    background-color: #3A3A3A;
    font-family: Arial, helvetica, sans-serif; 
    font-size: 14px;
}
#gx-container { background-color: #1e1e1e; /*border-top: 0px;*/ }

#slider { 
    font-family: dosvga;
}

a, #tabs, #method-tabs {
    font-family: arial, helvetica, sans-serif;
    font-variant: all-small-caps;
    font-size: 14px;
}

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

#output-content { background-color: #1e1e1e; }

#tabs .active, #method-tabs .active, #code-tabs .active {
    border-bottom: 1px solid #1e1e1e;
    background-color: #1e1e1e; 
}

.tab:hover, #tabs .active:hover, #method-tabs .active:hover {
    background-color: #1e1e1e;
    color: #ccc;
}

#toolbar a { font-size: 17px; } 

dialog textarea { 
    font-family: Consolas, 'Courier New', monospace; 
    background-color: #1e1e1e;
    color: #ccc;
}

dialog {
    background-color: #3A3A3A;
    border: 1px solid #666;
    color: #ccc;
}

dialog a { color: #ccc !important; }
dialog a:hover { color: #fff !important; }
a:before { content: ""; }
a:after { content: ""; }
a:hover { text-decoration: underline; }
dialog a.disabled, dialog a.disabled:hover { color: #999 !important; }
dialog a.disabled:hover { text-decoration: none; }

#fs-contents a { font-variant: normal; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 13px; }
#fs-contents a:hover { text-decoration: none; }

.help a { font-variant: normal; font-size: 15px }

.methods thead tr {
    background-color: #1e1e1e;
    box-shadow: 0px 1px 1px #666;
}

.methods tbody {
    background-color: #1e1e1e;
}

.methods {
    border: 1px solid #666;
}

#method-tabs .tab {
    color: #999;
}

#method-tabs .tab {
    border-color: #666;
    border-bottom-color: transparent;
}

#method-tabs .tab:hover {
    color: #ccc;
    background-color: #1e1e1e;
}
#method-tabs .active {
    color: #ccc;
}

.code, .hexview, .audioview, .imgview, #methods, #imports {
    background-color: #1e1e1e;
}

#tabs {
    background-color: #3A3A3A;
}

#output-container {
    color: #ccc;
    background-color: #1e1e1e;
}
