.elements .sensor {
  position: absolute;
  text-align: center;
  cursor: pointer;
}

.elements .sensorIcon {
  position: relative;
  top: -19px;
  left: -2px;
  z-index: 10;
  text-shadow: black 1px 0px 1px, black -1px 0px 1px, black 0px 1px 1px, black 0px -1px 1px;
}

.elements .sensorTrend {
  text-shadow: black 1px 0px 1px, black -1px 0px 1px, black 0px 1px 1px, black 0px -1px 1px;
}

.elements .sensorLabel {
  text-shadow: black 1px 0px 1px, black -1px 0px 1px, black 0px 1px 1px, black 0px -1px 1px;
}

.elements .sensorRemoved {
  text-shadow: none;
}

.elements .sensorLabel {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: rgb(0,0,0) 2px 0px 3px, rgb(0,0,0) -2px 0px 3px, rgb(0,0,0) 0px 2px 3px, rgb(0,0,0) 0px -2px 3px;
  z-index: 20;
  white-space: nowrap;
}

.masked {
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  z-index: 10;
}

  .masked > img {
    opacity: 0;
    width: auto;
    display: block;
  }

.legend {
  cursor: pointer;
  font-size: 12px;
}

  .legend table {
    border: 1px solid black;
    background-color: white;
  }

    .legend table th {
      border: 1px solid black;
      background-color: #222;
      color: #ccc;
      padding: 4px;
    }

    .legend table td {
      text-align: center;
      padding: 4px;
    }