.wrapper {
	margin-top: 5vh;
  }
  
  .dataTables_filter {
	float: right;
  }
  
  .table-hover > tbody > tr:hover {
	background-color: #ccffff;
  }
  
  @media only screen and (min-width: 768px) {
	.table {
	  table-layout: fixed;
	  max-width: 100% !important;
	}
  }
  
  thead {
	background: #ddd;
  }
  
  .table td:nth-child(2) {
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
  .highlight {
	background: #ffff99;
  }
  



.infotable th, .infotable td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 10px 15px;
}
.infotable{
	width: 100%;
}
.infotable th{
	background: #000;
	color: #fff;
}
.loginform{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
footer{
	background: #007BFF;
	color:#fff;
	padding: 20px 0px 5px 5px;
	margin-top: 20px;
}
.error{
	color: red;
	font-style: italic;
}

input#photo {
    width: 260px;
	margin-bottom: 10px;
}

img.showimg{
	border-radius: 50%;
	height: 40px;
	width: 40px;
}