body {
	background: #f5f5f5;
}

.person-info-wrap {
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;

	margin: 15px auto;
	max-width: 1000px;
}

.person-info-wrap h1 {
	overflow-wrap: break-word;
	word-break: break-word;
}

.person-info-wrap .description {
	margin: 20px 0;
	font-size: 13px;
	color: #555;
}

.person-info-wrap .person-info-tab-content {
	display: none;
}

.person-info-wrap .person-info-tab-content table {
	width: 100%;
}

.person-info-wrap .person-info-tab-content table th {
	color: #777;
	text-align: left;
	font-size: 12px;
}

.person-info-wrap .person-info-tab-content table th,
.person-info-wrap .person-info-tab-content table td {
	padding: 12px;
	vertical-align: top;
	border-bottom: 1px solid #eee;
}

.person-info-wrap .person-info-tab-content table.inner th,
.person-info-wrap .person-info-tab-content table.inner td {
	border-bottom: none;
	padding: 5px 0;
}

.person-info-wrap .person-info-tab-content table.inner td:first-child {
	width: 200px;
}

.person-info-wrap .person-info-tab-content table td {
	font-size: 14px;
}

.person-info-wrap .person-info-filters {
	margin: 10px 0;
	font-size: 12px;
}

.person-info-wrap .person-info-filters label {
	margin-right: 10px;
}

.person-info-wrap .person-info-filters label input {
	margin-right: 5px;
}

.person-info-wrap .person-info-tab-content .list-wrap {
	margin-top: 10px;
}

.loading {
	display: inline-block;
	margin-left: 10px;
	font-size: 0;
	height: 8px;
	vertical-align: middle;
}

.loading i {
	display: inline-block;

	width: 8px; 
	height: 8px;

	margin-right: 3px;
	background: #f00;

	animation: loader-animation 1.6s linear infinite;
	background: #99bb88;
	border-radius: 50%;
}

.loading i:nth-child(3) { animation-delay: -0.0s !important; }
.loading i:nth-child(2) { animation-delay: -0.3s !important; }
.loading i:nth-child(1) { animation-delay: -0.6s !important; }

.info-loading {
	margin: 50px auto;
	text-align: center;
	color: #777;
}

.error-wrap {
	padding: 50px 0;
	text-align: center;
	color: #777;
}

.tab .icon-limited {
	margin-left: 10px;
	color: #222 !important;
}

@keyframes loader-animation {
	0% {
		opacity: 0;
		transform: scale( 0, 0 );
	} 5% {
		opacity: 0;
		transform: scale( 0, 0 );
	} 50% {
		opacity: 1;
		transform: scale( 1, 1 );
	} 95% {
		opacity: 0;
		transform: scale( 0, 0 );
	} 100% {
		opacity: 0;
		transform: scale( 0, 0 );
	}
}

@media screen and (max-width: 600px) {
	.person-info-wrap .person-info-tab-content table th {
		display: none;
	}

	.person-info-wrap .person-info-tab-content table td {
		font-size: 12px;
	}

	.person-info-wrap .person-info-tab-content table td:not(.nobr) {
		overflow-wrap: break-word;
		word-break: break-word;
	}

	.enforcements.list-wrap .cell-overflow .cell-overflow-wrap {
		position: static !important;
		overflow: visible !important;
		text-overflow: initial !important;
		white-space: initial !important;
		line-height: normal !important;
	}

	.enforcements.list-wrap .wrap-if-breakpoint {
		display: block;
	}

	.enforcements.list-wrap .wrap-if-breakpoint:not(:last-child):after {
		content: '';
	}

	.person-info-wrap .person-info-tab-content.collapse table,
	.person-info-wrap .person-info-tab-content.collapse table tr:not(.item-details),
	.person-info-wrap .person-info-tab-content.collapse table tr:not(.item-details) td {
		display: block;
		border: none;
		padding: 1px;

		width: auto !important;
	}

	.person-info-wrap .person-info-tab-content.collapse table tr:not(.item-details) {
		position: relative;
	}

	.person-info-wrap .person-info-tab-content table th,
	.person-info-wrap .person-info-tab-content table td {
		border: none;
	}

	.person-info-wrap .person-info-tab-content.collapse table tr:not(:last-child) {
		padding-bottom: 3px;
		margin-top: 3px;

		border-bottom: 1px solid #eee;
	}
}