#console {
  position: relative;
  width: 100%;
  background: rgb(24, 24, 24);
  padding: 10px;
}

.bitter {font-family:'Bitter',serif;}

nav.navbar {
  margin-bottom: 0;
}

/**
 * Progress bars with centered text
 */

.progress {
    position: relative;
    background-color:#333 !important;
    height: 30px !important;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #ccc;
    font-size: 1.5rem;
    padding-top: 3px;
 }

/*
   Hide the Ace Editor.
 */
div#ide {
  display: none;
}

@-webkit-keyframes blinker {
  0% { background:#ccc; color:#222; }
  50% { background:#ccc; color:#222; }
  51% { background:#222; color:#ccc; }
  100% { background:#222; color:#ccc; }
}
@-moz-keyframes blinker {
  0% { background:#ccc; color:#222; }
  50% { background:#ccc; color:#222; }
  51% { background:#222; color:#ccc; }
  100% { background:#222; color:#ccc; }
}
@-o-keyframes blinker {
  0% { background:#ccc; color:#222; }
  50% { background:#ccc; color:#222; }
  51% { background:#222; color:#ccc; }
  100% { background:#222; color:#ccc; }
}
/* IE10 isn't prefixed */
@keyframes blinker {
  0% { background:#ccc; color:#222; }
  50% { background:#ccc; color:#222; }
  51% { background:#222; color:#ccc; }
  100% { background:#222; color:#ccc; }
}
@-webkit-keyframes spinner {
  0%   { -webkit-transform: rotate(0deg) }
  100% { -webkit-transform: rotate(359deg) }
}
@-moz-keyframes spinner {
  0%   { -moz-transform: rotate(0deg) }
  100% { -moz-transform: rotate(359deg) }
}
@-o-keyframes spinner {
  0%   { -o-transform: rotate(0deg) }
  100% { -o-transform: rotate(359deg) }
}
/* IE10 isn't prefixed */
@keyframes spinner {
  0%   { transform: rotate(0deg) }
  100% { transform: rotate(359deg) }
}
/*div#console span.jquery-console-cursor-busy {
  background:none; color:none;
  -webkit-animation-name: none !important;
  -moz-animation-name: none !important;
  -o-animation-name: none !important;
  animation-name: none !important;
}
div.consoleUnderlayBusy {
  visibility:visible !important;
  -webkit-animation-name: spinner !important;
  -webkit-animation-iteration-count: infinite !important;
  -webkit-animation-timing-function: linear !important;
  -webkit-animation-duration: 5s !important;
  -moz-animation-name: spinner !important;
  -moz-animation-iteration-count: infinite !important;
  -moz-animation-timing-function: linear !important;
  -moz-animation-duration: 5s !important;
  -o-animation-name: spinner !important;
  -o-animation-iteration-count: infinite !important;
  -o-animation-timing-function: linear !important;
  -o-animation-duration: 5s !important;
  animation-name: spinner !important;
  animation-iteration-count: infinite !important;
  animation-timing-function: linear !important;
  animation-duration: 5s !important;
}*/

/* Wrapper for file upload functionality */

label { margin-right: 5px; }
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}

.file-wrapper .button {
  background: #79130e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  margin-right: 5px;
  padding: 4px 18px;
  text-transform: uppercase;
}

.build-info {
  font-size: 7pt;
  color: #999;
}