.active {
	color: rgba(0, 255, 3);
	background-color:#333;
	font-weight:bold;
}
.results li {
	display:inline;
	padding:8px 16px;
	margin:2px;
	cursor:pointer;
	border:1px solid #B0B0B0;
	transition: background-color .3s;
}
.results li:hover {
	color: rgba(0, 255, 3);
	background-color: black;
}
.results {
	list-style-type:none;
	text-align:center;
}
.records {
	margin:0 auto;
	width:50%;
}
.Btn {
	padding: 8px 16px;
	border:1px solid #B0B0B0;
	color:black;
}
.Btn:hover {
	color: rgba(0, 255, 3);
	background-color:black;
	cursor:pointer;
}
.Btn:disabled {
	color:grey;
}
.Btn:disabled:hover {
	color:grey;
	cursor:not-allowed;
	background-color:transparent;
}
.dots:hover {
	color:black !important;
	cursor:default;
}
@media screen and (max-width:980px) {
	.records {
		width:100%;
	}
}