/*

    Name:       Base16 Default Dark
    Author:     Chris Kempson (http://chriskempson.com)

    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)

*/

.cm-s-base16-dark.CodeMirror { background: #151515; color: #e0e0e0; }
.cm-s-base16-dark div.CodeMirror-selected { background: #303030; }
.cm-s-base16-dark .CodeMirror-line::selection, .cm-s-base16-dark .CodeMirror-line > span::selection, .cm-s-base16-dark .CodeMirror-line > span > span::selection { background: rgba(48, 48, 48, .99); }
.cm-s-base16-dark .CodeMirror-line::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(48, 48, 48, .99); }
.cm-s-base16-dark .CodeMirror-gutters { background: #151515; border-right: 0px; }
.cm-s-base16-dark .CodeMirror-guttermarker { color: #ac4142; }
.cm-s-base16-dark .CodeMirror-guttermarker-subtle { color: #505050; }
.cm-s-base16-dark .CodeMirror-linenumber { color: #505050; }
.cm-s-base16-dark .CodeMirror-cursor { border-left: 1px solid #b0b0b0; }

.cm-s-base16-dark span.cm-comment { color: #8f5536; }
.cm-s-base16-dark span.cm-atom { color: #aa759f; }
.cm-s-base16-dark span.cm-number { color: #aa759f; }

.cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute { color: #90a959; }
.cm-s-base16-dark span.cm-keyword { color: #ac4142; }
.cm-s-base16-dark span.cm-string { color: #f4bf75; }

.cm-s-base16-dark span.cm-variable { color: #90a959; }
.cm-s-base16-dark span.cm-variable-2 { color: #6a9fb5; }
.cm-s-base16-dark span.cm-def { color: #d28445; }
.cm-s-base16-dark span.cm-bracket { color: #e0e0e0; }
.cm-s-base16-dark span.cm-tag { color: #ac4142; }
.cm-s-base16-dark span.cm-link { color: #aa759f; }
.cm-s-base16-dark span.cm-error { background: #ac4142; color: #b0b0b0; }

.cm-s-base16-dark .CodeMirror-activeline-background { background: #202020; }
.cm-s-base16-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

.editor-ruler { border-left: 1px solid #212121; }

.CodeMirror-focused .cm-matchhighlight { background: rgba(255, 0, 0, 0.30); color: #ffffff !important; }


/* begin site styles */

body {
    background: #151515;
}

input[type="text"], input[type="password"] {
    background: #151515;
    border: 1px solid #121212;
    color: #ffffff;
    padding: 5px;
}

#panel-top {position: absolute; top: 0px; right: 0px;}
#panel-bottom {position: absolute; bottom: 0px; right: 0px;}
#panel-left {position: absolute; bottom: 0px; left: 0px; background: #191919; border-right: 1px solid #121212;}
#panel-right {position: absolute; bottom: 0px; right: 0px; background: #191919; color: #ffffff;}
#panel-center {position: absolute; bottom: 0px; right: 0px; background: #151515; z-index: 1000; display: none; overflow-y: auto;}

#logo {padding: 5px; color: #ffffff; font-weight: bold; text-align: center; font-size: 16px;}

#modal-background {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10000; display: none; background: rgba(30, 30, 30, 0.70); color: #ffffff; text-align: center;}
#modal-spinner {position: absolute; top: 50%; left: 50%;}

.toolbar-divider {border-top: 1px solid #121212; border-bottom: 1px solid #212121; margin: 5px;}

.button {padding: 5px; display: block; text-align: center; color: #C8C8C8; margin: 5px; border: 1px solid transparent; font-size: 16px; cursor: pointer;}
.button:hover {color: #ffffff;}
.button:focus {outline:none;}::-moz-focus-inner {border:0;}
.button-active {color: #7094FF !important;}

.content {padding: 20px; color: #ffffff; display: none; background: #191919; border: 1px solid #121212; margin: 15px;}
.content-divider {border-top: 1px solid #121212; border-bottom: 1px solid #212121;}

.form-row {padding: 5px;}
.form-cell {padding: 5px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.form-label {width: 100px; text-align: right;}
.form-label-color {width: 110px; text-align: right; color: #707070;}

.tooltip {z-index: 10000; padding: 5px; position: absolute; top: 0px; left: 0px;
    color: #ffffff; display: none; text-align: center; width: 120px; background: #191919;
    border: 1px solid #121212;}

select {padding: 5px; background: #151515; color: #ffffff; border: none; width: 200px; border: 1px solid #121212;}
a {color: #4D79FF; text-decoration: none;}
a:hover {text-decoration: underline;}