@import url(theme.min.css);
@font-face {
  font-family: 'fontawesome';
  src: url("fonts/fontawesome.eot");
  src: url("fonts/fontawesome.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome.woff") format("woff"), url("fonts/fontawesome.ttf") format("truetype"), url("fonts/fontawesome.svg#fontawesome") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'fontawesome';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-exclamation-sign, .icon-warning-sign, .icon-double-arrow-up, .icon-double-arrow-down {
  font-family: 'fontawesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-exclamation-sign:before {
  content: "\e000"; }

.icon-warning-sign:before {
  content: "\e001"; }

.icon-double-arrow-up:before {
  content: "\e002"; }

.icon-double-arrow-down:before {
  content: "\e003"; }

/* CodeMirror */
.CodeMirror {
  background: #F0F0F0;
  border: 1px solid #CCC;
  font-size: 13px; }

.Codemirror-gutter-jshint {
  width: 28px; }

.lint-error {
  font-family: arial;
  font-size: 80%;
  background: #FFA;
  color: #A00;
  padding: 2px 5px 3px; }

.lint-error-icon {
  color: #FFF;
  background-color: #F00;
  font-weight: bold;
  border-radius: 50%;
  padding: 0 3px;
  margin-right: 7px; }

.lint-icon-gutter:before {
  display: block;
  text-align: center; }

.lint-icon-error:before, .lint-icon-alert:before {
  font-size: 1em;
  font-family: 'fontawesome';
  content: attr(data-icon);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.lint-icon-error:before {
  color: #e8383e;
  content: "\e000"; }
.console-log-head .lint-icon-error {
  position: relative;
  z-index: 0; }
.console-log-head .lint-icon-error:after {
  content: "\2022";
  color: #FFF;
  font-size: 25px;
  line-height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1; }

.lint-icon-alert:before {
  color: #f0b800;
  content: "\e001"; }

.CodeMirror-focused .cm-matchhighlight {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
  background-position: bottom;
  background-repeat: repeat-x; }

/* current line */
.CodeMirror-activeline-background {
  background: #e8f2ff; }

.cm-s-ambiance .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.031); }

.cm-s-blackboard .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.05); }

.cm-s-cobalt .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.35); }

.cm-s-eclipse .CodeMirror-activeline-background {
  background: #e8f2fe; }

.cm-s-erlang-dark .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.35); }

.cm-s-lesser-dark .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.35); }

.cm-s-midnight .CodeMirror-activeline-background {
  background: #253540; }

.cm-s-monokai .CodeMirror-activeline-background {
  background: #3E3D32; }

.cm-s-night .CodeMirror-activeline-background {
  background: rgba(60, 30, 255, 0.3); }

.cm-s-rubyblue .CodeMirror-activeline-background {
  background: #253E5A; }

.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.1); }

.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
  background: #EEE8D5; }

.cm-s-twilight .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.031); }

.cm-s-vibrant-ink .CodeMirror-activeline-background {
  background: #333333; }

.cm-s-xq-dark .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.05); }

.CodeMirror-hints {
  max-height: 12em !important; }

/* Console log */
.ide-wrapper {
  height: 100%; }

.cm-wrapper {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.console-wrapper {
  background: #FFF;
  position: relative;
  z-index: 1; }

.console-log {
  border: 1px solid #CCC;
  border-top: 0 none;
  font-size: 13px;
  height: 10.5em;
  overflow: auto; }

.cm-wrapper, .console-wrapper, .console-log {
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear; }

.console-log-head {
  background: #008AC6;
  border: 1px solid #CCC;
  border-top: 0 none;
  color: #FFF;
  cursor: pointer;
  float: none;
  font-size: 13px;
  height: auto;
  line-height: 19px;
  margin: 0;
  padding: 0.2em 0.2em 0.2em 1em;
  width: auto; }
.ide-wrapper .console-wrapper .console-log-head {
  background-position: right center !important;
  background-repeat: no-repeat; }

.console-log-line {
  border-top: 1px solid #CCC;
  cursor: pointer;
  padding: 0.2em 1em; }
.console-log-line:first-child {
  border-top: 0 none; }
.console-log-line:before {
  display: inline-block;
  min-width: 1em;
  padding-right: 0.5em;
  text-align: center; }

.console-log-line-selected {
  background: #AFF; }

.ide-wrapper-hide .console-log {
  height: 0; }

.console-log-count {
  padding-left: 1em; }
.console-log-count .lint-icon-error:before, .console-log-count .lint-icon-alert:before {
  font-size: 13px; }
.console-log-count .lint-icon-error.dis:before, .console-log-count .lint-icon-alert.dis:before {
  color: #CCC; }
.console-log-count .lint-icon-error.dis:after, .console-log-count .lint-icon-alert.dis:after {
  display: none; }

/* Status */
.label {
  padding: 1px 3px 2px;
  font-size: 9.75px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #bfbfbf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.label.important {
  background-color: #c43c35; }

.label.warning {
  background-color: #f89406; }

.label.success {
  background-color: #46a546; }

.label.notice {
  background-color: #62cffc; }

/* Tern */
.CodeMirror-Tern-output {
  border-top-width: 1px;
  min-height: 0; }

.CodeMirror-hint {
  font-size: 1.4em; }

.Tern-fname {
  color: black; }

.Tern-farg {
  color: #70a; }

.Tern-farg-current {
  text-decoration: underline; }

.Tern-type {
  color: #07c; }

.Tern-fhint-guess {
  opacity: .7; }

.Tern-completion {
  padding-left: 22px !important;
  position: relative; }

.Tern-completion:before {
  position: absolute;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  font-weight: bold;
  height: 15px;
  width: 15px;
  line-height: 16px;
  text-align: center;
  color: white;
  box-sizing: border-box; }

.Tern-completion-unknown:before {
  content: "?";
  background: #4bb; }

.Tern-completion-object:before {
  content: "O";
  background: #77c; }

.Tern-completion-fn:before {
  content: "F";
  background: #7c7; }

.Tern-completion-array:before {
  content: "A";
  background: #c66; }

.Tern-completion-number:before {
  content: "1";
  background: #999; }

.Tern-completion-string:before {
  content: "S";
  background: #999; }

.Tern-completion-bool:before {
  content: "B";
  background: #999; }

.Tern-completion-guess {
  color: #999; }

.giulia {
  background: rgba(255, 255, 0, 0.4) !important; }

/* Chat */
.chat-box {
  border: 1px solid #CCC;
  margin: 0;
  padding: 0;
  width: 100%; }

.chat-out {
  height: 10.5em;
  margin: 0;
  overflow: auto;
  padding: 0;
  width: 100%; }

.chat-line {
  display: block;
  margin: 0 0 0.2em;
  padding: 0; }

.chat-time {
  font-family: monospace; }

.chat-user {
  font-weight: bold; }

.chat-msg {
  word-break: break-all; }

.chat-in {
  display: table;
  width: 100%; }

.chat-input, .chat-send {
  display: table-cell;
  width: auto; }
.chat-input input, .chat-send input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.chat-send {
  width: 100px; }

/* Notes */
.Codemirror-gutter-notes {
  width: 0.8em; }

.Codemirror-widget-notes-line {
  background: #ffa;
  font-family: arial;
  font-size: 80%;
  padding: 2px 5px 3px;
  word-break: break-all; }

.Codemirror-widget-notes-line:before {
  content: "\2022\2002"; }

.Codemirror-widget-notes-line-delete, .Codemirror-widget-notes-line-edit {
  cursor: pointer;
  float: right;
  padding: 0 .2em; }

/*# sourceMappingURL=main.debug.css.map */