$background-color: transparent;
$highlight-color: #efefef;
$border-color: #ddd;
$text-color: #777;
// $highlight-text-color: #777;

.tablesome__container .tablesome-pagination {
	margin-bottom: 50px;
	width: 100%;
	overflow: auto;
	text-align: center;

	ul {
		display: flex;
		flex: 1;
		padding: 0px;

		list-style: none;
		margin: 0px;
		justify-content: center;
		margin-right: auto;
		margin-left: auto;

		li {
			list-style: none;
			display: inline-flex;
			padding-left: 0px;
			cursor: pointer;
			// float: left;
			margin: 0px;

			a {
				background: $background-color;
				border: 1px solid $border-color;
				padding: 5px 10px;
				margin-left: 3px;
				cursor: pointer;
				border-radius: 0px;
				color: $text-color;
				font-weight: 400;
				text-transform: capitalize;
				display: inline-flex;
				align-items: center;
				text-align: center;
				word-break: normal;
				line-height: 1.6875rem;
				text-decoration: none !important; // Neve fix
				box-shadow: none; // Twenty seventeen Fix

				&.active,
				&:hover {
					background-color: $highlight-color;
				}

				// @media only screen and (max-width: 640px) {
				// 	&:hover {
				// 		background-color: $background-color;
				// 		border: 1px solid $border-color;
				// 		color: $text-color;
				// 	}
				// }
			}
		}
	}
}
