@import '../../../assets/sass/core/vars.scss';

.gtc-rc-cursor-pointer {
	cursor: pointer;
}

.gtc-rc-cursor-auto {
	cursor: auto !important;
}

.gtc-rc-mb-10 {
	margin-bottom: 10px !important;
}

.gtc-rc-mb-20 {
	margin-bottom: 20px !important;
}


.gtc-rc-page-circle {
	border-radius: 40px;
	background-color: #ededed;
	color: #767676;
	font-size: 13px;
	padding: 2px 9px;
	margin: 5px 5px;
	cursor: pointer;
	white-space: nowrap;
}

.gtc-rc-page-circle-active {
	background-color: #005BF8;
	color: white;
}

.gtc-rc-MuiPagination-ul {
	margin: 0;
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
}

.gtc-rc-pagination-controls {
	justify-content: flex-start;

	.gtc-rc-pagination-page-button {
		border: 0;
		cursor: pointer;
		display: inline-flex;
		outline: 0;
		position: relative;
		align-items: center;
		user-select: none;
		border-radius: 0;
		vertical-align: middle;
		-moz-appearance: none;
		justify-content: center;
		text-decoration: none;
		background-color: transparent;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: transparent;
		color: rgba(0, 0, 0, 0.87);
		height: 22px;
		margin: 0 3px;
		padding: 0 6px;
		font-size: 0.875rem;
		min-width: 22px;
		box-sizing: border-box;
		text-align: center;
		font-weight: 400;
		line-height: 1.43;
		border-radius: 16px;
		letter-spacing: 0.01071em;
		background-color: #F0f0F0;
	}

	.gtc-rc-pagination-page-button-selected {
		background-color: #005BF8;
		color: white;
	}
}

@media (max-width: 1280px) {
	.gtc-rc-pagination-controls {
		justify-content: center !important;
	}
}

.gtc-rc-pagination-container {
	padding-top: 10px
}

.gtc-rc-btn-link {
	text-decoration: underline;
	color: $color-button-text-link;
	border: none;
	background-color: $color-button-link;
	cursor: pointer;

	&:hover {
		text-decoration: underline;
		color: #000;
	}

	&:focus {
		outline: none;
	}
}

.gtc-rc-onlyLine {
  margin: 0;
  display: flex;
  padding: 0;
  flex-wrap: nowrap;
  list-style: none;
  align-items: center;
  z-index: 10;
}
