/**
 * blue: #184b9e
 * green: #3fffb7
 */


/* from bootstrap: */
table.horizon-line {
  border-collapse: collapse;
  border-spacing: 0;
}


.horizon-line-wrpr { position: relative; height: 50px; }
.horizon-line {
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
}
table.horizon-line {
  background-color: white;
  color: #0f3bff;
  width: 100%;
}
.horizon-line td {
  font-size: 1.2rem;
  line-height: 1.2rem;
  margin: 0;
  padding: 3px 10px;
}
.horizon-line .h-date > a, 
.horizon-line .h-msg > a {
  color: inherit;
  text-decoration: none;
}
.horizon-line .h-date {
  font-weight: bold;
  white-space: nowrap;
  width: 17%;
}
.horizon-line .h-msg {
  padding: 3px;
}
.horizon-line .h-loc {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 0;
  text-align: right;
  white-space: nowrap;
}
.horizon-line .h-loc a {
  background-color: #a3ffda;
  color: #0f3bff;
  display: table-cell;
  float: right;
  height: 100%; /* for multi-line, needs to be set in javascript */
  padding: 1px 10px;
  vertical-align: middle;
  text-decoration: none;
}
.horizon-line .h-loc a span {
  display: table-cell;
  height: 100%; /* needs to be set in js */
  vertical-align: middle;
}