table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: center;
    cursor: pointer;
    user-select: none !important;
    /* align vertical */
    vertical-align: middle !important;
}

.btn {
    font-family: 'Tajawal', sans-serif !important;
}

table.dataTable tbody td img {
    border-radius: 5px;
}

/* on row hover */
table.dataTable tbody tr:hover {
    background-color: #f5f5f5;
}

.theme-dark table.dataTable tbody tr:hover {
    background-color: #1a2234;
}

.theme-dark .btn-light,
.theme-dark .bg-light,
.theme-dark .bg-white {
    background-color: #1a2234 !important;
    color: #f2f2f2 !important;
}

.theme-dark .text-dark {
    color: #f2f2f2 !important;
}

.theme-dark .status-dark {
    background: #010101 !important;
    color: #f2f2f2 !important;
}

/* datatabele pagination buttons */


table.dataTable {
    width: 100% !important;
}

.table-responsive {
    padding: 0.25rem !important
}

.dataTables_filter {
    width: 100%;
}

.dataTables_filter label,
.dataTables_filter label input {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 5px;
}

.dataTables_filter label input {
    padding: 10px 10px !important;
    border: 1px solid #f1f1f1 !important;
}

.theme-dark .dataTables_filter label input,
.theme-dark input {
    border: 1px solid #1a2234 !important;
    color: #f2f2f2 !important;
}

.dataTables_filter label input:focus {
    outline: none;

}

/* set cursor for datatable row */

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #b18425;
    border-color: #b18425;
    border-radius: 3px;
    color: #ffffff !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #cca85e;
    border-color: #cca85e;
    border-radius: 3px;
    color: #ffffff !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.litepicker {
    direction: ltr;
}