/*#widgetHead {
  width: 100%;
  height: 15%;
  position: relative;
  display: block;
  float: left;
}*/

.blueBar {
  background-color: blue;
  height: 1.5em;
  width: 100%;


  background-color: rgba(1, 1, 1, 0);
  background-image: -webkit-linear-gradient(left, rgba(1, 1, 1, 0), rgba(0, 0, 256, 1));
  background-image:         linear-gradient(to right, rgba(1, 1, 1, 0), rgba(0, 0, 256, 1));
}

/* replace short with Javascript - only for demo purposes*/
.blueBar.shorty {
  width: 65%;
}

.primary.callout {
  border: none;
  background-color: transparent;
  margin: 0;
}

.rankingBody .row:nth-child(odd) {background: #efefef}

h4 {
  color: #fff;
}

p {
  font-size: 1.2em;
}

.red {
  color: red;
}

.green {
  color: green;
}

.name {
}

.pValue {
  font-weight: bold;
}

.header {
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: #333;
  width: 100%;
  min-height: 6em;
}

.filler {
  min-height: 6em;
}