@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: #f7503a;
    margin-right: 0px;
    border-top-right-radius: 40px;
}

.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-nav .nav-link.active {
    background: #f7503a;
    margin-right: 0px;
    border-radius: 0px !important;
  }


  .navbar-menu .navbar-nav .nav-link.active,
  .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"],
  .navbar-menu .navbar-nav .nav-link[aria-current="page"]
 {
    color: #fff !important;
    font-weight: bold;
  }


  .navbar-menu .navbar-nav .nav-link.active, .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"], .navbar-menu .navbar-nav .nav-link[aria-current="page"] {
    background: #f7503a !important;
    color: #fff !important;
    font-weight: bold;
  }