@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");
}


/* dropdown in datatable  */

.dataTables_scrollBody {
    overflow: visible !important;
}

.tacteng {
    font-family: tacteng;
}

.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;
}

.menuActive {
    background-color: #c1e7fe !important;
    border-radius: 35px !important;
}

.nav-link:hover {
    background-color: #c1e7fe !important;
    border-radius: 35px !important;
}

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

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

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

.bg-default {
    background-color: #1d2b84 !important;
    color: #fff !important;
}

.bg-primary {
    background-color: #1d2b84 !important;
    color: #fff !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 {
    border-radius: 35px !important;
}

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

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

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

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

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

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