/*
		static/css/webcam-tile.css
		==========================

		MH, 02.22
*/

#webcam-img {
	position: absolute;
	top: 0;
	left: 0;
}

#screen img {
  margin: 0;
  max-height: 139px;
}

#image {
  top :0;
	left: 0;
	position: relative;
}

.viewport {
	display: block;
	position: absolute;
	background-color: #ffffff;
	line-height: 8px;
	font-size: 6.4px;
	font-weight: 700;
	bottom: 0;
	visibility: hidden;
	text-align: center;
}

 #viewport-date,
 #viewport-clock {
   font-size: inherit;
   color: black;
 }

 #screen svg.placeholder > rect {
	fill: #fbfbfb
}

.viewport.date {
	left: 84px;
	width: 56px;
}

.viewport.time {
	right: -1px;
	width: 49px;
}

.viewport.testcard {
  width: 57px;
  height: 9px;
  line-height: 9px;
  font-size: 6px;
  background-color: transparent;
  top: 89px;
  text-align: center;
}

.viewport.date.testcard {
  left: 35px;
}

.viewport.time.testcard {
  left: 95.4px;
}

#screen {
  display: flex;
	max-width: 99.5%;
	margin: 0;
}