/*
Description: listlocator.tpl styles
*/

@media only screen and (min-width: 320px) {
	#content .pagination {
		border-radius: 0;
	    justify-content: center;
	}
	#content .pagination > li {
		padding: 0 5px;
	}
	.pagination-wrapper > div > a,
	.pagination-wrapper > div > span,
	.pagination > li > a,
	.pagination > li > span,
	.pagination-sm > li > a,
	.pagination-sm > li > span {
		background-color: #f1f1f1;
		color: #676767;
	}
	.pagination > li.active:hover > a,
	.pagination > li.active > a {
		background-color: #035ca9;
		color: #ffffff;
		cursor: pointer;
	}
	.pagination > li > a,
	.pagination > li > span,
	.pagination-sm > li > a,
	.pagination-sm > li > span {
		line-height: normal;
		float: inherit;
		padding: 0;
		border: none;
		font-size: 14px;
	}
	.pagination > li:first-child>a,
	.pagination > li:first-child>span,
	.pagination > li > a,
	.pagination > li > span
	.pagination > li:first-child > a,
	.pagination > li:first-child > span,
	.pagination > li:last-child > a,
	.pagination > li:last-child > span {
		border-radius: 50%;
	}
	.pagination-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.pagination-wrapper .prev {
		padding-right: 10px;
	}
	.pagination-wrapper .next {
		padding-left: 10px;
	}
	.pagination-wrapper > div a,
	.pagination-wrapper > div > span {
		padding: 0 15px;
	    border-radius: 15px;
	}
	.pagination-wrapper > div a,
	.pagination-wrapper > div > span,
	.pagination > li > a,
	.pagination > li > span,
	.pagination > li > a,
	.pagination > li > span {
	    height: 20px;
	    display: block;
	    text-align: center;
	    line-height: 20px;
	    font-size: 14px;
	}
	.pagination > li > a,
	.pagination > li > span,
	.pagination > li > a,
	.pagination > li > span {
	    width: 20px;
	 }
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
		background-color: #f1f1f1;
		color: #676767;
	}
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		color: #676767;
		background-color: #f1f1f1;
	}
	.pagination > .disabled:not(.prev):not(.next) > span,
	.pagination > .disabled:not(.prev):not(.next) > span:hover,
	.pagination > .disabled:not(.prev):not(.next) > span:focus,
	.pagination > .disabled:not(.prev):not(.next) > a,
	.pagination > .disabled:not(.prev):not(.next) > a:hover,
	.pagination > .disabled:not(.prev):not(.next) > a:focus {
		background-color: transparent;
	}
	.refineParams .order-pagination {
		flex-wrap: wrap;
		font-weight: bold;
	}
	.refineParams .order-pagination .pagination-wrapper,
	.order-pagination .count-orders {
		flex: 0 0 100%;
		justify-content: center;
	}
	.order-pagination .count-orders {
		flex: 0 0 100%;

	}
}
@media only screen and (min-width: 680px) {
	.refineParams .order-pagination .pagination-wrapper {
		flex: 0 0 66.666666666%;
		justify-content: flex-start;
	}
	.pagination-wrapper .prev,
	.pagination-wrapper .next {
		padding: 0 15px;
	}
	.order-pagination .count-orders {
		flex: 1 0 33.33333%;
		text-align: right;
	}
}
@media only screen and (min-width: 1200px) {
	.pagination-wrapper .prev,
	.pagination-wrapper .next {
		padding: 0 25px;
	}