.pagination-alv {

	min-height: 2rem;
	margin-bottom: 1rem;

	&.pagination--block {
		width: 100%;

		> .page-item {
			flex-grow: 1;
		}
	}

	.page-item {
		text-align: center;
		max-width: 50%;

		&:last-child {
			text-align: right;
		}

		&:first-of-type,
		&:only-of-type {
			text-align: left;
		}

		&:only-of-type {
			width: 100%;
			max-width: 100%;
		}
	}

	.page-link {
		font-size: $small-font-size;

		padding: $breadcrumb-padding-y $breadcrumb-padding-x;
		margin-bottom: $spacer;
		color: $link-color;
		border: none;

		&:hover,
		&:active {
			background: $main-color-gray-lighter;
		}
	}
}


.pagination-alv__table {
	.page-link {
		padding: ($margin-y-narrow/2) $margin-x-narrow;
		color: $link-color;
		border: none;

		&:hover,
		&:active {
			background: $main-color-gray-lighter !important;
		}
	}

	.active .page-link {
		background: $main-color-gray-light !important;
	}
}

.subnavbar__back {
	padding: $breadcrumb-padding-y $breadcrumb-padding-x;
	margin-bottom: $spacer;

	font-size: $small-font-size;
	@include clearfix;
}