.dx-datebox{
    width: 100%!important;
}

.pagination-container {
    display: flex;
    justify-content: center;
    padding-bottom: 3rem;
    margin-top: 20px;
}

.paginationjs-pages>ul {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.paginationjs-page>a,
.paginationjs-next>a,
.paginationjs-prev>a,
.paginationjs-ellipsis>a {
    color: #2a3670;
    margin: 5px;
    padding: 8px 14px;
    font-size: 16px;
    background-color: #fff;
    margin-left: -1px;
    line-height: 1.25;
    position: relative;
    display: block;
    border-radius: 5px;
}

.paginationjs-page>a:hover,
.paginationjs-next>a:hover,
.paginationjs-prev>a:hover {
    color: white;
    background-color: #2a3670;
    z-index: 2;
}

.m_pag_container {
    display: flex;
    justify-content: center;
}

.pagination>li>a {
    width: 36px;
    padding: 8px 14px;
}

.pagination>li>a:hover {
    background-color: #2a3670 !important;
    color: white;
    border-radius: 5px;
}

.paginationjs-pages>ul>li.active>a {
    background-color: #2a3670 !important;
    color: white;
}