.navbar-brand {
  margin-bottom: 0;
  background-image:url('../images/unnes.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 35px;
  padding-left: 40px;
}


/* FOTO */
.foto img{
  width: 100px;
}
.foto{
  text-align: center;
}

legend{
  border-bottom:1px solid #ccc;
}

@media only screen and (max-width: 600px) {
	.btnpresensi{
		text-align: center;
		margin-top:10px;
	}
}

#camera{
  object-fit: cover;
  width: 100%;
}

#camera,#snapshots {
  display: inline-block;
  background-color: #eee;
  height: 200px;
  margin: 0.5em;
}

#camera .placeholder {
  padding: 0.5em;
}

#snapshots canvas, #snapshots img {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;

  height: 100%;
}

#snapshots .selected {
  border: 3px solid #000;
}

.table-resp{
  width: 100%;
}
.table-resp tr td{
  padding:3px 4px;
  vertical-align: top;
}