/***********************************************************************************************************************************/
/************************ 							/!\	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;
	overflow: hidden;
}
.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 .svg,
.pagination .page.previous .svg{
	background: none;
	box-shadow: none;
	box-sizing: content-box;
	display: block;
	padding: 8px 0;
}
#global .pagination .page .svg,
#global .pagination .page .svg:active,
#global .pagination .page .svg:hover{
	box-shadow: none;
	border: none;
}
.pagination .page .svg:active{
	transform: scale(.4);
}
.pagination .page .svg:hover{
	transform: scale(.95);
}
.pagination .page.disabled .svg {
	opacity: .3;
	pointer-events: none;
}
.pagination .page.next{
	float: right;
	margin-right: 10px;
	margin-left: inherit;
}
.pagination .page.previous{
	float: left;
	margin-left: 10px;
	margin-right: inherit;
}

/** 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;
}