@font-face {
    font-family: khmoul;
    src: url("../fonts/KhmerOSmuollight.ttf");
}

@font-face {
    font-family: khcontent;
    src: url("../fonts/KhmerOSsiemreap.ttf");
}

@font-face {
    font-family: khb;
    src: url("../fonts/KhmerOSbokor.ttf");
}

@font-face {
    font-family: 'tacteng';
    src: url("../fonts/TACTENG.TTF");
}

@font-face {
    font-family: KHMMOOL1;
    src: url("../fonts/KHMMOOL1.ttf");
}

@font-face {
    font-family: KhmerOSniroth;
    src: url("../fonts/KhmerOSniroth.ttf");
}

@font-face {
    font-family: Kantumruy-bold;
    src: url("../fonts/Kantumruy-Bold.ttf");
}

@font-face {
    font-family: Kantumruy-regular;
    src: url("../fonts/Kantumruy-Regular.ttf");
}

@font-face {
    font-family: Kantumruy-light;
    src: url("../fonts/Kantumruy-Light.ttf");
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/ROBOTO-REGULAR.TTF");
}


/* dropdown in datatable  */

.dataTables_scrollBody {
    overflow: visible !important;
}

.tacteng {
    font-family: tacteng;
}

.kantumruy-bold {
    font-family: Kantumruy-bold;
}

.kantumruy-regular {
    font-family: Kantumruy-regular;
}

.kantumruy-light {
    font-family: Kantumruy-light;
}

.khmer_battambang {
    font-family: khcontent, 'Battambang', cursive;
}

.khmer_siemreap {
    font-family: khcontent;
}

.khmer_moul {
    font-family: khmoul, 'Moul', cursive;
}

.khmer_mool1 {
    font-family: KHMMOOL1;
}

.khmer_os_niroth {
    font-family: KhmerOSniroth;
}

.khb {
    font-family: khb, 'Moul', cursive;
}

.roboto {
    font-family: Roboto;
}


.actived {
    color: #133953 !important;
    background-color: #E2EAF7 !important;
}

.menuActive {
    color: #133953 !important;
    font-weight: bold;
    background-color: #13395318 !important;
    border-radius: 10px !important;
    /* background-color: rgb(122, 122, 122) !important; */
}
.activeli{
    color: #133953 !important;   
    font-weight: bold;
}


.nav-hover:hover {
    color: rgb(122, 122, 122) !important;
    background-color: #f0efef !important;
    border-radius: 10px !important;
}

.menu-open .nav-link {
    border-radius: 10px !important;
}

.text-default {
    color: #1d2b84 !important;
}

.text-priamry {
    color: #1d2b84 !important;
}

.bg-default {
    background-color: rgb(122, 122, 122) !important;
    color: #fff !important;
}

.bg-primary {
    background-color: rgb(122, 122, 122) !important;
    color: #fff !important;
}

.nav-link {
    color: rgb(122, 122, 122);
}

.nav-sidebar li a {
    padding: 13px;
}


/* .dropdown:hover {
    background-color: white !important;
} */

.btn-primary {
    background-color: #1d2b84 !important;
    color: #fff !important;
}


/* .form-control,
.card,
.btn {
    border-radius: 20px !important;
} */


/* .paginate_button .page-link{
    border-radius: 25px !important;
    padding-left: 15px;
    padding-right: 15px;
} */

.bg-default * {
    color: #fff !important;
}

.bg_thead {
    background-color: #d2d9e3 !important;
}

.modal-content {
    padding: 5px;
    border-radius: 15px !important;
}

.dataTables_scrollHeadInner,
.table {
    width: 100%!important
}

.dataTables_length label {
    color: white;
}

.dataTables_filter {
    display: none;
}

.dataTables_length {
    display: none;
}

.datatable>thead * {
    text-align: center !important;
    font-weight: bolder !important;
    background-color: #E1E1E1;
}

.datatable>tbody * {
    vertical-align: middle;
    font-size: 0.96em;
}

.datatable thead tr th {
    background-color: #F9FAFB;
    border: none;
    padding: 15px;
}

.dataTables_paginate .pagination li {
    border: 1px solid #ddd;
    border-radius: 2px;
    /* Gray */
}

.datatable tbody tr td {
    border: none;
    padding: 15px;
}

#dataTable tbody tr {
    border: 1px solid #ccc;
    /* Adjust the border color and style as needed */
}

.datatable>tbody>tr td:nth-child(1) {
    text-align: center !important;
}

.dataTables_info {
    margin-top: 10px;
    margin-left: 20px;
}

.dataTables_paginate {
    border-radius: 20px;
    margin-top: 20px !important;
    margin-right: 20px !important;
}

.sticky_top {
    position: -webkit-sticky;
    position: sticky;
    top: 50;
    z-index: 999;
}

select {
    padding: 0rem 0.75rem !important;
}