.pagination-toolbar {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    width: 100%;

    margin-top: 50px; }

    .pagination-toolbar .limit {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-wrap: nowrap;

    margin: 10px 15px; }

    .pagination-toolbar .limit .text {

    margin-right: 10px;

    white-space: nowrap; }

    .pagination-toolbar ul {

    margin: 0;

    text-align: center;

    display: block;

    border-radius: 0;

    flex-grow: 1;

    margin: 10px 15px; }

    .pagination-toolbar ul li {

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px; }

    .pagination-toolbar ul li .disabled a {

    background: 0 0 !important; }

    .pagination-toolbar ul li a {

    position: relative;

    display: block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    color: #007bff;

    background-color: #fff;

    border: 1px solid #dee2e6; }

    .pagination-toolbar ul li a:hover, .pagination-toolbar ul li a:focus {

    color: #000;

    background: 0 0; }

    .pagination-toolbar ul li a.hasTooltip {

    margin-top: 10px; }

    .pagination-toolbar ul li.disabled a {

    background: 0 0;

    color: #d0d4d6; }

    .pagination-toolbar ul li.disabled a:hover, .pagination-toolbar ul

    li.disabled a:focus {

    background: 0 0;

    color: #d0d4d6; }

    .pagination-toolbar ul li:hover:not(.disabled) a {

    color: #fff;

    border-color: #0345bf;

    background-color: #0345bf; }

    .pagination-toolbar ul li.active {

    color: #fff;

    background-color: #0345bf; }

    .pagination-toolbar ul li.active span:hover, .pagination-toolbar ul

    li.active span:focus {

    border-color: #0345bf;

    background-color: #0345bf; }