.dataTables_length{
    float: left;
}
.dataTables_filter{
    float: right;

}

#example table{
    background-color: unset;
}
#example table tr:nth-child(odd)
,tr {
    background-color: unset;
}
#example table td {
    border:0;
    vertical-align: top !important;
}
#example .group{
    background-color: #d8dde3 !important;
    font-weight: 800;
}
.page-link{
    display: initial !important;
    cursor: pointer !important;
    color:var(--black) !important;
}
.page-link:hover {
    color: var(--text) !important;
}
.page-item{
    float: right !important;
    margin-top: 12px;
}

.dataTables_info{
    float: left !important;
    margin-top: 12px;
}
.current{
    z-index: 1;
    color: #fff !important;
    background-color: var(--main-color) !important;
    border-color: var(--color2) !important;
}
.dataTables_length select{
    width: 82px;
}
.dataTables_length a ,
.dataTables_length select,
.dataTables_filter a
{
    display: table-cell;
    padding: 7px;
}
.dataTables_length label,
.dataTables_filter label
{
    display: table;
}