@import url('https://fonts.googleapis.com/css2?family=Dangrek&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wdth,wght@87.5,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wdth,wght@75,100..900&display=swap');

h1 {
  font-family: "Dangrek", serif !important;
  font-optical-sizing: auto;
  font-weight: 800 !important;
  font-style: normal;
  font-size: 24px !important;
}

*{
  font-family: "Noto Sans Khmer", serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}

.filter-box .filter-row label {
  font-family: "Noto Sans Khmer", serif !important;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

.filter-box .filter-row .form-control {
  color: #717579;
}

label {
  font-family: "Noto Sans Khmer", serif !important;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
}

::placeholder { 
  color: #717579 !important;
}

:-ms-input-placeholder { 
  color: #717579 !important;
}

::-ms-input-placeholder { 
  color: #717579 !important;
}

.table .thead-dark th {
  font-family: "Noto Sans Khmer", serif !important;
  font-optical-sizing: auto;
  font-weight:bold;
  font-style: normal;
}

table.dataTable tbody th, table.dataTable tbody td {
  font-family: "Noto Sans Khmer", serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}