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

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

}

:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    font-family: 'El Messiri', 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: #303a6b !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 {
    -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;
  }


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


  .navbar-menu .navbar-nav .nav-link.active {
    color: #fff;
    background: #68a92d;
    margin-right: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
  }

  .navbar-menu .navbar-nav .nav-link:hover {
    color: #fff !important;
    background: #68a92d;
    margin-right: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;

    border-top-right-radius: 0;
  }

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

  input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



  .card-header-tabs .nav-link.active {
    background-color: #68a92d;
   }