body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/*#wrap {
  background-color: transparent;
  width: 100%;
  position: relative
}*/

/*canvas {
  background: transparent;
  position: absolute;
  left: 0;
}*/


.gmt-time {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 3px 0;
  text-align: center;
}

/*.gmt-time:not(.light) { text-shadow: 1px 1px 1px #000000; }

.gmt-time.light { color: black; }*/

.point {
  border-radius: 5px;
  height: 10px;
  margin-top: 1px;
  width: 10px;
}

.point.blue { background-color: #1266AF; }

.point.yellow { background-color: #C4A703; }

.point.red { background-color: #CD0303; }

.point.green { background-color: #228533; }

.city {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-left: 7px;
  position: relative;
  top: -1px;
}

/*.city:not(.light) { text-shadow: 1px 1px 1px #000000; }*/

/*.city.light { color: black; }*/

.city.active { color: white; }

.city.active.light { color: #1c74bb; }

/*.city-col-left, .city-col-right { float: left; }*/

/*.city-col-left { width: 82px; }*/

/*.city-col-right { width: 70px; }*/

/*.city-row {
  margin-bottom: 4px;
  padding-left: 8px;
}

.end-row { clear: both; }

.container { position: relative; }*/