.pagination {
    list-style: none !important;
    padding: 0 12px !important;
    margin: 0 !important;
    background: #5c8a97 !important;
    margin: auto auto !important;
    display: inline-block !important;
    height: 50px !important;
    overflow: hidden !important;
    border-radius: 5px !important;
    box-shadow: 0px 4px #3b636e, 0px 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.pagination li {
    margin-left: 10px !important;
    display: inline-block !important;
    position: relative !important;
    bottom: -11px !important;
}

.pagination > li > a,
.pagination > li > span {
    border: 0;
}

.pagination li:first-child {
    margin: 0 !important
}

.pagination li a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6) !important;
    background: #a1d0dd !important;
    display: block !important;
    border-radius: 3px !important;
    padding: 0 12px !important;
    color: white !important;
    position: relative !important;
    text-decoration: none !important;
    height: 27px !important;
    font: 12px / 27px "PT Sans", Arial, sans-serif !important;
    box-shadow: 0px 3px #7fafbc, 0px 4px 5px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.pagination li.active > a {
    color: orangered !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6) !important;
}

.pagination li a:hover {
    background: #bae0ea !important
}

.pagination li a:active {
    background: #bae0ea !important;
    bottom: -3px !important;
    box-shadow: 0px 0px #7fafbc, 0px 1px 3px rgba(0, 0, 0, 0.3) !important;
}