.dataTables_filter label {
    font-size: medium;
  

}

/* .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding: 0px;
            margin-left: 0px;
        }*/

.page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.paginate_button {
    padding: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #eee
}

.dt-button {
    background: var(--mainColor);
    color: #fff;
    padding: 7px 18px;
    height: auto !important;
    width: auto !important;
    font-weight: bold;
    border-radius: 10px !important;
    margin: 0px 1px;
    border: 0px;
}

.dataTables_filter input {
    height: calc(1.5em + 0.75rem + 2px);
    padding:0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.dt-buttons, .dataTables_info {
    float: left;
}

.dataTables_paginate {
    float: right;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 3px;
    margin: 2px 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: var(--mainColor);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--mainColor)), color-stop(50%, var(--mainColor)));
    background: -webkit-linear-gradient(top, var(--mainColor) 50%, var(--mainColor) 50%);
    background: -moz-linear-gradient(top, var(--mainColor) 50%, var(--mainColor) 50%);
    background: -ms-linear-gradient(top, var(--mainColor) 50%, var(--mainColor) 50%);
    background: -o-linear-gradient(top, var(--mainColor) 50%, var(--mainColor) 50%);
    background: linear-gradient(to bottom, var(--mainColor) 50%, var(--mainColor) 50%);
}

.div.dataTables_wrapper {
    direction: rtl;
}

h1 {
    text-align: center;
}