.detailTable tr td:first-child {
	font-weight: bold;
}

.detailTable td {
	padding: 5px;
	font-size: 1.4em;
	line-height: 1.4em;
}

.qtip_target {
	cursor: pointer;
}

.qtip-content h1 {
	font-size: 20px;
}

.qtip-content a{
	line-height: 1.2em;
}

.qtip { max-width: none !important; }

.mapping_table {
	width: 80%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.mapping_table td, .mapping_table th {
	padding-left: 5px; 
	padding-right: 5px;
	border: 1px solid black;
	width: 30%;
}

.mapping_table td.middle_col {
	background: lightgreen;
}

.mapping_table th {
	background: lightgrey;
}

.stat_table td, .stat_table th {
	padding-left: 5px; 
	padding-right: 5px;
	border: 1px solid black;
}
	
.table_container {
	display: flex;
}

.table_coll_button {
	margin-left: 20px;
}

.dt-search {
	float: right;
	margin-bottom: 10px;
}

#detail_table_info, .dt-search {
	display: inline-block;
}

.dt-length {
	margin-bottom: 10px;
}

.descr_span {
	display: block;
	font-size: 0.7em;
	margin-bottom: 10px;
}

.label_all, .label_h, .label_d {
	font-weight: bold;
}

.table_link {
	font-size: 0.9em;
	text-decoration: underline;
	cursor: pointer;
}

tr:not(.highlighted) td {
	transition:background 2s;
}

tr.highlighted td {
	background: yellow;
	
}

#time-range {
	width: 100%;
}

#time-div {
	padding: 20px;
	border: 1px solid darkgrey;
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-top: 10px;
}

#time-div #time-start, #time-div #time-end {
	height: 1em;
	width: 5em;
	display: inline;
	margin-bottom: 0.5em;
	padding: 0.5em;
}

.statistics_table, .statistics_table td {
	border: 1px solid black;
	padding: 0.5em;
}

#table_div {
	margin-left: 5px;
	margin-right: 5px;
}

#map_select_div {
	width: calc(100% -10px);
	margin-left: 5px;
	margin-right: 5px;
}

#map_div {
	width: 65%;
}

#map_controls {
	width: 35%;
}

@media (max-width:991px) {
	#map_div {
		width: 100%;
	}
	
	#map_controls {
		width: 100%;
		margin-bottom: 30px;
	}
}

#map {
	height:70vh; 
}

#detail_table {
	border: 1px solid darkgray
}

#detail_table_filter {
	margin-bottom: 5px;
}

#ic_detail_slider_div {
	width: max(15%, 80px);
	display: inline-block;
	margin-left: 10px;
	position: relative;
	bottom: -12px;
}

.dt-info {
	margin-top: 10px;
}

.dt-length {
	float: right;
	margin-top: 5px;
}

.dt-paging {
	margin-top: 5px;
}

.dt-search {
	margin-bottom: 1px;
}

.dt-input {
	margin-right: 3px;
}

.person_filter_all {
	vertical-align: middle !important;
	cursor: pointer;
}