.pagination {
    margin: 8px 0;
    display: block;
    text-align:center;
    font-size: 13px;
}
.pagination ul{
    display: inline-block;
}
.pagination li {
    display: inline-block;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
    border-color: #dddddd;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    /*float: left;*/
    display: inline-block;
    padding: 10px 18px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #2780e3;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
.pagination > li > a, .pagination > li > span {
    min-width: 37px;
    text-align: center;
    padding: 6px;
    border: 1px solid #ddd;
    background: transparent;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #eee;
    color: #333;
    border-color: #ddd
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus,
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    cursor: default !important;
    color: #ccc;
}

.pagination .controls {
    /*float: left;*/
    border: 0;
    padding: 7px 0 0 15px;
    color: #777;
}

.pagination .controls input {
    border: 0;
    width: 22px;
    padding: 0;
    margin: -3px 0 0 0;
    text-align: center;
    font-size: 13px;
    background: transparent;
    box-shadow: none;
}