.none {
    display:none;
}

.clear {
    *zoom:1
}
.clear:after {
    content:'\20';
    display:block;
    height:0;
    clear:both
}

.pages {
    display: block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
    user-select: none;
    text-align: center;
    clear: both;
    user-select: none;
}

.pages {
    clear:both;
    margin:20px 0 10px;
    text-align:center
}
.pages li {
    display:inline-block;
    *display:inline;
    margin:0 5px;
    border:1px solid #999;
    background-color:#fff;
    border-radius:3px
}

.pages.pagination-left {
    text-align: left
}

.pages.pagination-right {
    text-align: right
}

.pages a,.pages span {
    display: inline-block;
    min-width: 32px;
    margin: 0 5px;
    padding-top: 5px;
    padding-bottom: 6px;
    border-radius: 3px;
    color: #333;
    text-align: center;
}

.pages a:hover {
    text-decoration: none;
}

.pages .disabled {
    background-color: #fff;
    color: #b2b2b2;
    opacity: .5;
}

.pages li.active {
    border-color: #CF3B3C !important;
    background-color: #CF3B3C !important;
    color: #fff;
}

.pages li.active a, .pages li.active span{
    color: #fff;
}

.pages li:hover {
    border-color: #CF3B3C !important;
    background-color: #CF3B3C !important;
    color: #fff;
}

.pages li:hover a,.pages li:hover span{
    border-color: #CF3B3C !important;
    background-color: #CF3B3C !important;
    color: #fff;
}

.pages li.disabled:hover {
    border-color: #aaa !important;
    background-color: #fff !important;
    color: #707070 !important;
}

.pages li.disabled:hover a{
    border-color: #aaa !important;
    background-color: transparent !important;
    color: #707070 !important;
}

.pages li::marker {
    content: '';
}

.em-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}