@charset "UTF-8";
@import url(//dev.magnolia-cms.com/fonts/fonts.css);
@-webkit-keyframes blinker {
  from {
    opacity: 1.0; }
  to {
    opacity: 0.0; } }
@font-face {
  font-family: Din;
  font-weight: normal;
  src: url("../fonts/DINWebPro-Light.woff"); }
@font-face {
  font-family: Din;
  font-weight: bold;
  src: url("../fonts/DINWebPro.woff"); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 100%;
  font-family: Din;
  color: white; }

body {
  padding: 0;
  margin: 0;
  background: black;
  font-size: 24pt; }

body > header {
  padding: 20px; }

h1, h2, h3, h4, h5, h6, header {
  font-weight: bold;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4); }

p {
  line-height: normal; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

table {
  width: 100%;
  border-spacing: 8px;
  empty-cells: show; }

td {
  border-radius: 5px;
  padding: 3px 0.5em;
  background: #272727; }

td.avatars img {
  padding: 0 3px 0 0;
  margin: 0;
  float: left; }

td.avatars img:last-of-type:after {
  clear: both; }

.grid {
  margin: 20px 0 0 0;
  /* outside padding */
  padding: 0px 0px 0px 20px; }

.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both; }

[class*='col-'] {
  float: left;
  padding-right: 20px; }

.grid [class*='col-']:last-of-type {
  padding-right: 0;
  /* outside padding */
  padding-right: 20px; }

.col-1-1 { width: 100%; }

.col-1-2 { width: 50%; }

.col-1-3 { width: 33.33%; }
.col-2-3 { width: 66.66%; }

.col-1-4 { width: 25%; }
.col-3-4 { width: 75%; }

.col-1-5 { width: 20%; }
.col-2-5 { width: 40%; }
.col-3-5 { width: 60%; }
.col-4-5 { width: 80%; }

.col-1-8 { width: 12.5%; }
.col-3-8 { width: 37.5%; }
.col-5-8 { width: 62.5%; }
.col-7-8 { width: 87.5%; }

.module {
  background: #2a2a2a;
  margin-bottom: 20px; }

.module > header {
  border-radius: 2px 2px 0 0;
  background: #5b5b5b;
  padding: 8px 20px; }

.module > header h2 {
  font-size: 24pt; }

.module div {
  padding: 20px; }

.module header .loader {
  float: right;
  padding: 10px 0 0 0;
  font-size: 40%; }

.large {
  font-size: 800%;
  font-weight: bold;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4); }

.badge {
  border-radius: 80% / 30%;
  background-color: #5b5b5b;
  padding: 3px 5px 3px 3px;
  margin-right: 0.25em; }

.large .badge,
.large.badge {
  padding: 3px 20px 3px 7px; }

.badge.error,
.badge.warn,
.badge.good {
  color: white; }

.error {
  color: #cc0000; }

.warn {
  color: #F90; }

.good {
  color: #569515; }

.badge.error {
  background-color: #cc0000; }

.badge.error * {
  color: white; }

.badge.warn {
  background-color: #F90;
  /* silver not readable on small badges */
  color: white; }

.large .badge.warn, .large.badge.warn {
  color: white; }

.badge.good {
  background-color: #569515; }

/* Opt-in outside padding */
#builds-board div.job {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: -3px;
  background-color: #5b5b5b;
  border-radius: 5px;
  padding: 3px 0.5em;
  width: 32%;
  width: -webkit-calc(33.33% - 3px);
  vertical-align: top; }

#builds-board div.separator {
  display: block;
  padding: 0;
  height: 0; }

#builds-board .job .jobname {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4); }

#builds-board .job .jobname .build-nr {
  padding-left: 0.5ex;
  font-size: 24pt; }

#builds-board .job.currently-building,
#builds-board .job.failed-build,
#builds-board .job.system-failure-build,
#builds-board .job.unstable-build {
  width: 100%; }
  #builds-board .job.currently-building .jobname,
  #builds-board .job.failed-build .jobname,
  #builds-board .job.system-failure-build .jobname,
  #builds-board .job.unstable-build .jobname {
    font-size: 150%; }

#builds-board .job .jobname::before {
  font-family: MagnoliaIcons; }

#builds-board .job.successful-build .jobname::before {
  content: "\e062";
  color: #569515; }

#builds-board .job.unstable-build .jobname::before {
  content: "\e0ae";
  color: #F90; }

#builds-board .job.failed-build .jobname::before {
  content: "";
  color: #cc0000; }

#builds-board .job.disabled-build .jobname::before {
  content: "\e042";
  color: #969696; }

#builds-board .job.system-failure-build .jobname::before {
  content: "";
  color: deeppink; }

#builds-board .job.currently-building .jobname::before {
  content: "\e08e";
  color: #058DC7; }

#builds-board .job.failed-build {
  color: white; }
  #builds-board .job.failed-build * {
    color: white; }

#builds-board .job.successful-build .test-report {
  font-size: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#builds-board .job.disabled-build {
  background-color: #969696; }

#builds-board .build-details span::before {
  content: " - "; }

#builds-board .build-details span:first-child::before {
  content: ""; }

#builds-queue .queue-item {
  list-style-type: none; }

#builds-queue p {
  font-size: 75%; }

#builds-queue .queue-item .name {
  font-size: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

#builds-queue .queue-item .details {
  font-size: 40%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  padding-top: 0.2em;
  padding-left: 2em; }

#slaves-status li {
  font-size: 75%;
  list-style: none; }

#slaves-status li span.status {
  font-size: 60%;
  padding-right: 0.5em; }

#slaves-status li span.executors {
  font-size: 60%;
  padding-left: 0.5em; }

#slaves-status li.offline, #slaves-status li.offline * {
  color: #969696; }

#slaves-status li.idle span.status {
  color: #569515; }

#slaves-status li.busy span.status {
  color: #a3e85b; }

#global-status img,
#fun img {
  width: 100%; }

#client-info div p {
  font-size: 40%; }

#client-info .team-switcher {
  color: #5b5b5b; }

#client-info .team-switcher a {
  color: #5b5b5b; }

#projects-health .horizontal-gauge {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.horizontal-gauge div {
  padding: 0;
  margin: 0;
  height: 30px;
  font-size: 40%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.horizontal-gauge div.gauge-text {
  position: absolute;
  padding: 10px 10px; }

.horizontal-gauge div.error {
  background-color: #cc0000;
  color: white; }
  .horizontal-gauge div.error * {
    color: white; }

.horizontal-gauge div.warn {
  background-color: #F90; }

.horizontal-gauge div.success {
  background-color: #569515; }

#agile-boards .board-summary {
  border-radius: 5px;
  background-color: #569515;
  margin-bottom: 20px; }
  #agile-boards .board-summary p {
    font-size: 40%;
    background-color: #5b5b5b; }
  #agile-boards .board-summary li {
    display: inline;
    margin-right: 0.5em;
    list-style-type: none;
    font-size: 60%; }
  #agile-boards .board-summary li.warn, #agile-boards .board-summary li.error {
    background-color: #F90;
    color: white;
    border-radius: 5px;
    padding: 0px 5px 0px 5px; }
  #agile-boards .board-summary li.error {
    background-color: #ff6666;
    color: white; }
    #agile-boards .board-summary li.error * {
      color: white; }
#agile-boards .board-summary.warn {
  background-color: #569515; }
#agile-boards .board-summary.error {
  background-color: #cc0000;
  color: white; }
  #agile-boards .board-summary.error * {
    color: white; }

#board-summary-33 {
  background-image: url("img/fun/carebear.png");
  background-repeat: no-repeat;
  background-position: top right; }

/*# sourceMappingURL=styles.css.map */
