
.pagination{
    display:inline-block;
    padding:0;
    margin:0;
}

.pagination>li {
    display:inline;
}

.pagination > li > a,.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration:none;
    color:#3276b1;
    background-color:#fff;
    border:1px solid #ddd;
    margin-left:-1px;
}

.pagination > li:first-child > a,.pagination > li:first-child > span{
    margin-left:0;
    border-bottom-left-radius:2px;
    border-top-left-radius:2px;
}

.pagination > li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius:2px;
    border-top-right-radius:2px
}


.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus
{
    color:#214e75;
    background-color:#eee;
    border-color:#ddd;
}

.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination >.active > span:focus {
    z-index:2;
    color:#fff !important;
    background-color:#3276b1;
    border-color:#3276b1;
    cursor:default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus
{
    color:#999;
    background-color:#fff;
    border-color:#ddd;
    cursor:not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span
{
    padding:10px 16px;
    font-size:17px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span
{
    border-bottom-right-radius:3px;
    border-top-right-radius:3px
}

.pagination-sm > li > a,.pagination-sm > li > span
{
    padding:5px 10px;
    font-size:12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span
{
    border-bottom-left-radius:2px;
    border-top-left-radius:2px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span
{
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
}

.pagination .recordsnumber {
    padding: 6px 12px;
    color: #3276B1;
    line-height: 35px;
}

.pagination-arrow {
    padding: 6px 10px 5px !important;
}

