/***********************************************************************************************************************************/
/************************ 							/!\	AVANT D'EDITER /!\									************************/
/************************ 									VOIR					   						************************/
/************************ 							www.dev.equideow.com/doc								************************/
/************************ 						        	  ET											************************/
/************************ 			dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow			************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* PAGINATION **********************************************************************************************************************/
/***********************************************************************************************************************************/

.pagination{
	text-align: center;
	background: rgba(0,0,0,.3);
	border-radius: 20px; /* value = (block's height) / 2 */
	line-height: normal;
}
.pagination a{
	position: relative;
	z-index: 1;
	padding: 3px 8px;
	display: block;
	text-decoration: none;
}
.pagination,
.pagination a{
	color: #fff;
	font-size: 16px;
}
.pagination ul{
	display: block;
}
.pagination .page,
.pagination .empty{
	position: relative;
	display: inline-block;
	margin: 8px;
}
.pagination .page:not(.previous):not(.next)::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 24px;
    border: 1px solid #fff;
    top: 0;
    left: 0;
    border-radius: 22px;
    z-index: 0;
    opacity: 0;
    transition: all .1s ease-in-out;
    box-sizing: border-box;
}

/** previous/next *****************************************************************************************************************/
.pagination .page.next,
.pagination .page.previous{
	margin: inherit;
	height: 40px;
	width: 24px;
}
.pagination .page.next a,
.pagination .page.previous a{
	background-repeat: no-repeat;
	background-position: center center;
	padding: inherit;
	width: 100%;
	height: 100%;
}
.pagination .page a:active{
	animation: ontap .1s 1 linear;
}
.pagination .page.disabled a {
	opacity: .3;
	pointer-events: none;
}
html[dir=ltr] .pagination .page.next,
html[dir=rtl] .pagination .page.previous{
	float: right;
	margin-right: 10px;
	margin-left: inherit;
}
html[dir=ltr] .pagination .page.previous,
html[dir=rtl] .pagination .page.next{
	float: left;
	margin-left: 10px;
	margin-right: inherit;
}
html[dir=ltr] .pagination .page.next a,
html[dir=rtl] .pagination .page.previous a{
	background-image: url(/media/equideo/image/components/swiper/24/button-next.png);
}
html[dir=ltr] .pagination .page.previous a,
html[dir=rtl] .pagination .page.next a{
	background-image: url(/media/equideo/image/components/swiper/24/button-prev.png);
}

/** hover styles ******************************************************************************************************************/
.pagination .page:not(.previous):not(.next):hover::after,
.pagination .page.selected:not(.previous):not(.next)::after{
	opacity: 1;
}
.pagination .page.selected a{
	font-weight: bold;
}
.pagination .page.selected a{
	cursor: default;
}

/** pagination after tableView ***************************************************************************************************/
.tableview + .pagination{
	margin-top: 15px;
}