.form-person{
	margin:5px;
}
.srch-table-header{
	display: flex;
	flex-flow: column nowrap;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	color:black;
	width:700px;
}
.srch-table{
	display: flex;
	flex-flow: column nowrap;
	/**border-bottom: 1px solid #d0d0d0;**/
	border-top: 1px solid #d0d0d0;
	flex: 1 1 auto;	
	color:black;
	width:700px;
	height:550px;
	overflow:auto;
}
.srch-tr {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  border-right: 1px solid #d0d0d0;
  background-color:lightgray;
}

.srch-tr:nth-of-type(even) {
  background-color: #f2f2f2;
}

.srch-tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.srch-td {
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5em;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0px;
  //white-space: nowrap;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  font-size: 14px;
}

.srch-th {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  border-right: 1px solid #d0d0d0;
  background-color:lightgray;	
  white-space: normal;
  justify-content: center;
}
.svg-on {
	stroke:#1F325B;
	fill:#1F325B;
}

.svg-off {
	stroke:lightgray;
	fill:lightgray;
}

.svg-none {
	stroke:silver;
	fill:silver;
}

.p-foto img{
	height:100px;
	max-width:100px;
}

#personSearchResult{
	display:flex;
	flex-flow: row nowrap;
}

#personSearchInfo{
	display:flex;
	flex-flow: column;
}

#personSearchQuery{
	width:300px;
	height:300px;
}

#personSearchIcons{
	background-color:silver;
	margin-top:5px;
	margin-left:5px;
	padding:2px;
}

#personSearchImage{
	width:300px;
	height:300px;
}
#personSearchResultTable{
	margin:5px;
}

@media only screen and (max-device-width: 480px) {

.srch-table-header{
	display:none;
}
.srch-tr{
	display:block;
}
#personSearchInfo{
	display:none;
	flex-flow: column;
}

#personSearchResultTable{
	margin:5px;
	width:100vw;
}

.srch-table{
	display: flex;
	flex-flow: column nowrap;
	border-top: 1px solid #d0d0d0;
	flex: 1 1 auto;	
	color:black;
	width:auto;
	height:80vh;
	overflow:auto;
}

}