/*
 *  Copyright 2012 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/*
CSS FOR PAGINATION
*/

.pagination {
	padding: 3px 0 3px;
	min-height: 32px;
	text-align: right;
	
}
.pagination ul.nav {
	font-family: Ubuntu, Arial, Helvetica, Sans-serif !important;
} 

.pagination .button{
	vertical-align: baseline;
}

.pagination p{
	float: left;
	padding: 0;
	padding-top: 2px;
	margin: 0;
	text-align: right;
}

.pagination span.label{
	display:none;
}

.pagination.normal ul.nav{
	padding: 0;
	margin: 0;
	text-align: right;
	display: inline;
	padding-left: 3px;
	vertical-align: middle;
}

.pagination ul.nav li {
	background-image: none;
	display: inline-block;
    margin-right: 30px;
    padding: 0 0;
    color:#4A4E53;
    vertical-align: middle;
}

.pagination ul.nav li.current{
	font-weight: bold;	
	background-color:#A1B1BB;
	color: #FFF;
	border-color: #A1B1BB;
}

.pagination ul.nav li div.button{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	display: inline;
}

.pagination ul.nav li span.art-button-wrapper{
	margin-top: 0 !important;
	height: auto !important;
}

.pagination ul.nav li div.button span.art-button-wrapper input.art-button{
	padding: 0 !important;
	font-size: inherit !important;
	font-style: inherit !important;
	font-weight: inherit !important;
}

.pagination ul.nav li input {
	background-color:transparent!important;
	border: 0 none !important;
	cursor: pointer;
	padding: 0;
	width: auto;
	margin: 0;
	height: auto !important;
	color:#4A4E53;
	font-family: Ubuntu, Arial, Helvetica, Sans-serif !important;
}
.pagination ul.nav li.first,
.pagination ul.nav li.last{
/*	display:none; */
}

.pagination ul.nav li.next input,
.pagination ul.nav li.precede input{
	background:url('../img/bullets3.png') no-repeat left center;
	width:10px;
	height:10px;
	text-indent:200px;
	
}
.pagination ul.nav li.precede input{
	background-image:url('../img/bullets3-reverse.png');
}
/* ----------------------------------------------------- */
/*
CSS FOR NEW PAGINATION
*/
.postheader {
	margin-bottom: 20px;
}
.ametys-cms-service.filtered-contents .pagination {
	opacity: 0;
}

.pagination .nav li.precede.space {
/*     width: 32px; */
/*     display: inline-block; */
	margin-right: 42px;
}
.pagination .nav li.next.space {
	margin-left: 32px;
}
.pagination.eightormore .nav li.current.last {
	margin-right: 52px;
}

.pagination .nav.eightormore li.next.lighter.space{
	margin-left: 74px;
}

.pagination ul.nav li {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: rgba(74, 78, 83, 0.25) 1px solid;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 31px;
    font-weight: 500;
    margin-right: 10px;
}

.pagination ul.nav li.first + li.etc,
.pagination ul.nav li.etc:not(.last):not(.first){
	border-width: 0;
	width: 22px;
}
.pagination ul.nav li.first.etc {
	position: relative;
	margin-right: 42px;
}
.pagination ul.nav li.last.etc {
	position: relative;
	margin-left: 32px;
}
.pagination ul.nav li.first.etc:after,
.pagination ul.nav li.last.etc:before {
	position: absolute;
	top: 0px;
	content: "...";
	width: 42px;
}
.pagination ul.nav li.first.etc:after {
	left: 30px;
}
.pagination ul.nav li.last.etc:before {
	left: -42px;
}

.pagination ul.nav li:last-child {
	margin-right: 0;
}
.pagination ul.nav li input {
	background-color:transparent!important;
	border: 0 none !important;
	cursor: pointer;
	padding: 0;
	color:#4A4E53;
	display: block;
	width: 30px;
	height: 30px !important;
	border-radius: 50%;
	font-weight: normal;
}
.pagination ul.nav li.nav-button {
	position: relative;
	background-color: #DE7149;
	border-color: #DE7149;
}
.pagination ul.nav li.nav-button input {
	opacity: 0;
/* 	position: absolute; */
	margin-top: -30px;
	width: 100%;
	border-radius: 50%;
	z-index: 99;
}
.pagination ul.nav li.nav-button.lighter {
	opacity: 0.25;
}
.pagination ul.nav li.nav-button.lighter input {
	display: none;
}
.pagination ul.nav li.nav-button:before {
	font-family: FontAwesome;
	content: "";
	color: #FFF;
}
.pagination ul.nav li.precede:before {
	content: "\f053";
}
.pagination ul.nav li.next:before {
	content: "\f054";
	padding-left: 3px;
}
.pagination ul.nav > span {
	width: 32px;
	text-align: center;
    display: inline-block;
    margin-right: 10px;
}
.ametys-cms-service.filtered-contents {
	border-bottom: 2px dotted #BBC5D2;
	padding-bottom: 10px;
}