.search_fields {
	background-color: #cccccc;
	float: left;
	width: 440px;
	padding: 4px;
}

.search_criteria {
	border: 1px solid black;
	padding: 4px;
}

.search_results {
	float: left;
	width: 1400px;
	padding: 4px;
}

.selection_menu {
	font-size: 0.85em;
	width: 100%;
	text-align: left;
	padding: 4px;
}

.selection_text {
	font-weight: bold;
	width: 100%;
	cursor: pointer;
	padding: 2px 0 2px 0;
}

.selection_text_2 {
	font-size: 0.8em;
	padding: 2px 4px 2px 4px;
	background-color: #dddddd;
}

.selection_text:after {
	content: '\02795';
	float: right;
	font-size: 0.8em;
	margin-left: 4px;
}

.selection_text:hover {
	background-color: #bbbbbb;
}

.active:after {
	content: '\02796';
}

.selection_collapse {
	display: none;
	overflow: hidden;
}

.selection_options {
	font-size: 0.8em;
	padding: 0 0 0 16px;
	background-color: #bbbbbb;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	overflow: hidden;
}

.selection_options:hover {
	background-color: #999999;
}

.search_criteria_data {
	font-size: 0.8em;
}

.search_criteria_chart {
	height: 420px;
}

.donate_div {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding: 6px;
}



.modal-content {
	background-color: lightblue;
	color: black;
}

.modal-incident {
	width: 90%;
	max-width: 1024px;
	margin: auto;
}

#incident_map {
	height: 800px;
	border: 1px solid var(--dark_grey);
}

@media (max-width: 1860px) {
	.search_results {
		width: 1200px;
	}
}

@media (max-width: 1660px) {
	.search_results {
		width: 1000px;
	}
}

@media (max-width: 1460px) {
	.search_results {
		width: 800px;
	}
}

@media (max-width: 1270px) {
	.search_results {
		width: 700px;
	}
}

@media (max-width: 1170px) {
	.search_results {
		width: 600px;
	}
}

@media (max-width: 630px) {
	.search_results {
		width: 440px;
	}
}