div#camera_search_group {
	padding: .25rem .75rem;
}
.normal-number-sizing, .large-number-sizing, .xl-number-sizing {line-height: 1.5em; font-family: "Arial";}
.normal-number-sizing {font-size: 1.3em;}
.large-number-sizing {font-size: 1.2em;}
.xl-number-sizing {font-size: .8em;}

.dropdown-menu.map-menu {width: 14rem;}
.dropdown-menu.alerts-menu {width: 18rem;}
.dropdown-menu.evac-menu {width: 17rem;}
.dropdown-menu.extras-menu {width: 18rem;}
.dropdown-menu.more-menu {width: 15rem;}

/* Icon sizing */
.dropdown-road-image {
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	height: 100%;
	width: 100%;
}
.disclaimer {
	font-style: italic;
	font-size: 1rem;
	padding: .25rem .5rem;
	color: black;
}

/* Positioning for normal text in icons */
.black-centered-number {
	top: 0;
	left: 50%;
	color: black;
	position: absolute;
	transform: translate(-50%, -50%);
}
.white-centered-number {
	top: 0;
	left: 50%;
	color: white;
	position: absolute;
	transform: translate(-50%, 50%);
}
.black-outside-number {display: none;}
/*Size of numbers on top of icons*/

#alerts_table .black-centered-number.state,
#cameras_table .black-centered-number.state,
#construction_table .black-centered-number.state {
	transform: translate(-50%, 25%);
}
#alerts_table .dropdown-road-image, #alerts_table .dropdown-road-image.ganged,
#cameras_table .dropdown-road-image, #cameras_table .dropdown-road-image.ganged,
#construction_table .dropdown-road-image, #construction_table .dropdown-road-image.ganged {
	height: 55px;
}
#alerts_table .white-centered-number, #alerts_table .black-centered-number,
#alerts_table .white-centered-number.upper, #alerts_table .black-centered-number.upper,
#cameras_table .white-centered-number, #cameras_table .black-centered-number,
#cameras_table .white-centered-number.upper, #cameras_table .black-centered-number.upper,
#construction_table .white-centered-number, #construction_table .black-centered-number,
#construction_table .white-centered-number.upper, #construction_table .black-centered-number.upper {
	transform: translate(-50%, 35%);
}
#alerts_table .white-centered-number.lower, #alerts_table .black-centered-number.lower,
#cameras_table .white-centered-number.lower, #cameras_table .black-centered-number.lower,
#construction_table .white-centered-number.lower, #construction_table .black-centered-number.lower  {
	top: 55px;
	transform: translate(-50%, 35%);
}

#construction_table .table-location-padding{
	white-space: normal;
}

span.badge {
    position: absolute;
    top: 0;
    height: 18px;
    right: 20px;
    border-radius: 10rem;
    background: red;
    color: white;
}

nav i.fab {
    color: black;
}

@media (max-width: 768px) {
	#alerts_table .dropdown-road-image, #alerts_table .dropdown-road-image.ganged,
	#cameras_table .dropdown-road-image, #cameras_table .dropdown-road-image.ganged,
	#construction_table .dropdown-road-image, #construction_table .dropdown-road-image.ganged {
		height: 60px;
	}
	#alerts_table .white-centered-number, #alerts_table .black-centered-number,
	#alerts_table .white-centered-number.upper, #alerts_table .black-centered-number.upper,
	#cameras_table .white-centered-number, #cameras_table .black-centered-number ,
	#cameras_table .white-centered-number.upper,  #cameras_table .black-centered-number.upper,
	#construction_table .white-centered-number, #construction_table .black-centered-number,
	#construction_table .white-centered-number.upper, #construction_table .black-centered-number.upper {
		transform: translate(-50%, 40%);
	}
	#alerts_table .white-centered-number.lower, #alerts_table .black-centered-number.lower,
	#cameras_table .white-centered-number.lower, #cameras_table .black-centered-number.lower,
	#construction_table .white-centered-number.lower, #construction_table .black-centered-number.lower {
		top: 60px;
		transform: translate(-50%, 40%);
	}
}

@media (max-width:414px) {
	#alerts_table .dropdown-road-image, #alerts_table .dropdown-road-image.ganged ,
	#cameras_table .dropdown-road-image, #cameras_table .dropdown-road-image.ganged,
	#construction_table .dropdown-road-image, #construction_table .dropdown-road-image.ganged {
		height: 54px;
	}
	#alerts_table .white-centered-number, #alerts_table .black-centered-number,
	#alerts_table .white-centered-number.upper, #alerts_table .black-centered-number.upper,
	#cameras_table .white-centered-number, #cameras_table .white-centered-number.upper,
	#cameras_table .black-centered-number, #cameras_table .white-centered-number.upper,
	#construction_table .white-centered-number, #construction_table .black-centered-number,
	#construction_table .white-centered-number.upper, #construction_table .black-centered-number.upper {
		transform: translate(-50%, 35%);
	}
	#alerts_table .white-centered-number.lower, #alerts_table .black-centered-number.lower,
	#cameras_table .white-centered-number.lower, #cameras_table .black-centered-number.lower,
	#construction_table .white-centered-number.lower, #construction_table .black-centered-number.lower {
		top: 54px;
		transform: translate(-50%, 35%);
	}
}

@media (max-width:375px) {
	#alerts_table .dropdown-road-image, #alerts_table .dropdown-road-image.ganged ,
	#cameras_table .dropdown-road-image, #cameras_table .dropdown-road-image.ganged,
	#construction_table .dropdown-road-image, #construction_table .dropdown-road-image.ganged {
		height: 50px;
	}
	#alerts_table .white-centered-number, #alerts_table .black-centered-number,
	#alerts_table .white-centered-number.upper, #alerts_table .black-centered-number.upper,
	#cameras_table .white-centered-number, #cameras_table .white-centered-number.upper,
	#cameras_table .black-centered-number, #cameras_table .white-centered-number.upper,
	#construction_table .white-centered-number, #construction_table .black-centered-number,
	#construction_table .white-centered-number.upper, #construction_table .black-centered-number.upper {
		transform: translate(-50%, 30%);
	}
	#alerts_table .white-centered-number.lower, #alerts_table .black-centered-number.lower,
	#cameras_table .white-centered-number.lower, #cameras_table .black-centered-number.lower,
	#construction_table .white-centered-number.lower, #construction_table .black-centered-number.lower {
		top: 50px;
		transform: translate(-50%, 30%);
	}
}

@media (max-width:320px) {
	#alerts_table .dropdown-road-image, #alerts_table .dropdown-road-image.ganged ,
	#cameras_table .dropdown-road-image, #cameras_table .dropdown-road-image.ganged,
	#construction_table .dropdown-road-image, #construction_table .dropdown-road-image.ganged {
		height: 48px;
	}
	#alerts_table .white-centered-number, #alerts_table .black-centered-number,
	#alerts_table .white-centered-number.upper, #alerts_table .black-centered-number.upper,
	#cameras_table .white-centered-number, #cameras_table .white-centered-number.upper,
	#cameras_table .black-centered-number, #cameras_table .white-centered-number.upper,
	#construction_table .white-centered-number, #construction_table .black-centered-number,
	#construction_table .white-centered-number.upper, #construction_table .black-centered-number.upper {
		transform: translate(-50%, 25%);
	}
	#alerts_table .white-centered-number.lower, #alerts_table .black-centered-number.lower,
	#cameras_table .white-centered-number.lower, #cameras_table .black-centered-number.lower,
	#construction_table .white-centered-number.lower, #construction_table .black-centered-number.lower {
		top: 48px;
		transform: translate(-50%, 25%);
	}
}