#resultsTable tr{
	padding: 20px;
}

.select2 {
width:100%!important;
}

.previousPageButton, .nextPageButton {
	color: #000;
	background-color: #f1f1f1;
}

.nextPageButton {
	color: #000;
	background-color: #f1f1f1;
}

.previousPageButton:hover, .nextPageButton:hover {
	background-color: #ddd;
	color: black;
}

.round {
	border-radius: 50%;
}

#pageButtonsDiv {
	margin-bottom: 20px;
}

div.sticky {
	align-self: flex-start; /*Without this, a sticky element inside a flexbox will not work.*/
	padding-top: 20px;
}

/*Modifications to navbar*/

.nav-link {
       color: #000 !important;
}

.nav-link:hover {
       color: #000 !important;
       background-color: #e7e7e7 !important;
}

/*
 * We have two alert classes: dynamic-alert and static-alert.
 * We need to initially hide dynamic alerts here in the CSS so they don't flash when the page loads.
*/
.dynamic-alert {
	display: none;
}