body,p,span,div,table tr td,h1,h2,h3,h4,h5,h6,.dataTable,tbody,th,td,b,.modal{
    font-family: 'Segoe UI',"Khmer os Battambang", Tahoma, Geneva, Verdana, sans-serif !important;
        /* font-family: "Khmer os Battambang", sans-serif !important; */
  }
.modal-content{
    border-radius: 10px !important;
}
.dataTable tbody,table tbody{
    font-size: 12px;
}
aside.side-bar{
    position: sticky;
    height: 100vh;
}
aside.side-bar div::-webkit-scrollbar {
    width: 5px !important;
}

::-webkit-scrollbar {
    width: 5px !important;
}
::-webkit-scrollbar {
    height: 5px !important;
}

#scrollable-container{
    flex: unset !important;
    overflow-y: scroll;
}
.dataTable th{
    white-space: nowrap;
    background-color: rgb(222, 222, 222) !important;
}
.dataTables_scrollHeadInner .dataTable {
    width: 100% !important;
    margin-top: 0 !important;
}

.dataTables_scroll,.table{
    border-radius: 10px;
    width: 100% !important;
}
.table thead tr:first-child th:first-child,.table tbody tr:last-child td:first-child {
    border-top-left-radius: 10px;
}
.table thead tr:first-child th:last-child{
    border-top-right-radius: 10px;
}

.table tfoot tr:last-child td:first-child{
    border-bottom-left-radius: 10px;
}
.dataTables_scrollFootInner .dataTable{
    margin-bottom: 0 !important;
}
.dataTables_scroll .dataTables_scrollHead{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.dataTables_scrollHeadInner{
    padding-right: 0 !important;
}

.dataTables_scrollBody .table{
    border-radius: 0 !important;
}
.dataTables_scrollHead .dataTables_scrollHeadInner .table{
    border-radius: 0 !important;
}
.dataTables_scrollFoot .dataTables_scrollFootInner .table{
    border-radius: 0 !important;
}