@font-face {
    font-family: mainfont;
    src: url(../fonts/Montserrat-Arabic-Regular.ttf);
}

body,
.nav-link,
.breadcrumb,
.card-title,
.breadcrumb-item,
.apexcharts-text {
    font-family: 'Cairo', sans-serif !important;

}

:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    font-family: 'Cairo', sans-serif !important;
}


tbody,
td,
tfoot,
th,
thead,
tr,
h1,
h2,
h3,
h4,
h5,
h6 {
    width: initial;
}


.dataTable thead {
    border-color: var(--vz-border-color);
    --vz-text-opacity: 1;
    color: #878a99 !important;
    --vz-table-color: #000;
    --vz-table-bg: #f3f6f9;
    --vz-table-border-color: #dbdde0;
    --vz-table-striped-bg: #eef1f4;
    --vz-table-striped-color: #000;
    --vz-table-active-bg: black;
    --vz-table-active-color: #fff;
    --vz-table-hover-bg: black;
    --vz-table-hover-color: #fff;
}


div.dt-buttons {
    float: right;
    margin-left: auto;
    margin-right: 0px;
}

.table-card div.dataTables_wrapper div.dataTables_filter input {
    width: 300px;
    padding: 8px 8px;
    margin-right: 5px;
}

/* .dataTable td, table.dataTable th,
  .dataTable td, table.dataTable td {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: fit-content;
  } */


div.dataTables_scrollBody>table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}


.tasks.noTask::before {

    background-image: url(../images/empty.svg);

}

.dataTables_scrollBody {
    min-height: 166px !important;
}


.table-card {
    overflow-x: hidden !important;
}

.dataTables_empty {
    text-align: center;
    position: relative;
}

/* .dataTables_empty::before{
    position: absolute;
    content: url(/../images/svgs/search.svg);
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
  } */


.file-icon p {
    font-size: 17px;
    color: #151529;
    margin: 0;
}

.navbar-nav .nav-link.active {

    background: #f27104;
    margin-right: 0px;
}

.bg-def {
    background: #6c757d;
    color: #fff;
}

.bg-Pending {
    background: #f7b924;
    color: #000;
}

.bg-Approved {
    background: #28a745;
    color: #fff;
}

.bg-Finished {
    background: #28a745;
    color: #fff;
}

.bg-Rejected {
    background: #dc3545;
    color: #fff;
}

.bg-Canceled {
    background: #dc3545;
    color: #fff;
}


.bg-Canceled {
    background: #dc3545;
    color: #fff;
}

.bg-Completed {
    background: #17a2b8;
    color: #fff;
}

.bg-NotCompleted {
    background: #6c757d;
    color: #fff;
}

.bg-Sampling {
    background: #11d1b7;
    color: #fff;
}


div.dt-buttons {
    float: right;
    margin-left: auto;
    margin-right: 0px;
    margin-top: 10px;
}

.navbar-menu .navbar-nav .nav-link.active {
    color: #fff;
}