/*
Move the footer component to the bottom of the screen.
This basically divides the body element into three grid rows
(menu, main and footer) and assigns maximum height to
the middle row.
Using overflow-x: hidden to avoid horizontal scollbar for ca. 10 unused pixels (strange behavioud of the css framework)
*/
html {
  height: 100%;
}

body {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow-x: hidden;  
}

/*
Datatables layout mockery
*/
.dataTables_scrollBody > table {
  width: 100% !important;
}

/*
Styles for the svg widget
*/
.chart-text {
  /* font: 16px/1.4em "Montserrat", Arial, sans-serif; */
  fill: #000;
  font-size: 0.6em;
  line-height: 1;
  text-anchor: middle;
}

.chart-text-upper {
  -moz-transform: translateY(-0.15em);
  -ms-transform: translateY(-0.15em);
  -webkit-transform: translateY(-0.15em);
  transform: translateY(-0.15em);
}

.chart-text-lower {
  -moz-transform: translateY(0.85em);
  -ms-transform: translateY(0.85em);
  -webkit-transform: translateY(0.85em);
  transform: translateY(0.85em);
}

.chart-numerator {
  text-anchor: end;
}

.chart-denominator {
  font-size: 0.6em;
  text-anchor: start;
  -moz-transform: translateY(0.5em);
  -ms-transform: translateY(0.5em);
  -webkit-transform: translateY(0.5em);
  transform: translateY(0.5em);
}

.resultbar > div {
  display: inline-block;
}

.resultbar-passed {
  background-color: #afa;
}

.resultbar-failed {
  background-color: #faa;
}

.resultbar-skipped {
  background-color: #ffa;
}

.resultbar-errors {
  background-color: #f00;
}

.resultbar-xfailed {
  background-color: #fee;
}

.resultbar-xpassed {
  background-color: #efe;
}

.resultbar-sum {
  display: none !important;
}