@font-face{
  /* font-family: abc; */
  src: url(font/);
}



/* all form download section start */
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: left !important;
}
#data-table table thead{
  background-color: #f2efef;
  border-radius: 12px;
  border-spacing: 0;
}
#example thead th {
  padding: 17px;
}
#example td {
  padding: 17px;
}
/* .dt-length{
  display: flex;
  gap: 10px;
} */
#data-table .dt-length label,  #data-table .dt-search label{
  display: inline-block;
  cursor:default;
}
#data-table .dt-length label,   #data-table .dt-search label{
  color: gray;
  background-color: #fff;
}
#data-table table  { 
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-radius: 12px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
#data-table{
  width: 100% !important;
}


@media screen and (max-width:768px) {
 #data-table thead th, tbody td{
    font-size: 14px;
  }
  #data-table thead th:nth-child(3),  #data-table tbody td:nth-child(3){
    /* display: none; */
  }

  .dt-layout-row{
    overflow-x: auto;
    /* background-color: red; */
  }
  
 
}

/* all form download section end */