body,
html {
    font-family: Roboto, "Battambang", sans-serif;
}

@font-face {
    font-family: khmoul;
    src: url("../fonts/KhmerOSmuollight.ttf");
}
@font-face {
    font-family: kh;
    src: url("../fonts/KhmerOSsiemreap.ttf");
}
@font-face {
    font-family: khb;
    src: url("../fonts/KhmerOSbokor.ttf");
}
@font-face {
    font-family: ens;
    src: url("../fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
    font-family: enb;
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
}

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

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

.khm,
.khm p {
    font-family: khmoul;
}
.khs,
.khs p {
    font-family: kh;
}
.khb,
.khb p {
    font-family: khb;
}
.kbt,
.kbt p {
    font-family: kbt;
}
.ens,
.ens p {
    font-family: ens;
}
.enb,
.enb p {
    font-family: enb;
}

.roboto {
    font-family: roboto;
}

.battambang-thin {
    font-family: "Battambang", system-ui;
    font-weight: 100;
    font-style: normal;
}

.battambang-light {
    font-family: "Battambang", system-ui;
    font-weight: 300;
    font-style: normal;
}

.battambang-regular {
    font-family: "Battambang", system-ui;
    font-weight: 400;
    font-style: normal;
}

.battambang-bold {
    font-family: "Battambang", system-ui;
    font-weight: 700;
    font-style: normal;
}

.battambang-black {
    font-family: "Battambang", system-ui;
    font-weight: 900;
    font-style: normal;
}

@media print {
    @page {
        size: A4;
    }

    body * {
        visibility: hidden;
    }

    .wrapper,
    .content-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }

    #printable-area,
    #printable-area * {
        visibility: visible;
    }

    #printable-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        box-sizing: border-box;
    }
}

.nav-sidebar > .nav-item > .nav-link.active {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    background-color: #4e5761 !important;
    color: #fff !important;
}

.nav-tabs .nav-link {
    color: #4e5761 !important;
}

.nav-tabs .nav-link.active {
    color: #dc3545 !important;
    border-top: 3px solid #dc3545 !important;
}

.nav-pills > .nav-item-own > .nav-link.active {
    background-color: #dc3545 !important;
}

.nav-pills > .nav-item-own > .nav-link.active:hover {
    color: #ffffff !important;
}

.nav-pills > .nav-item-own > .nav-link:hover {
    color: #dc3545 !important;
}

/* .step.active .bs-stepper-circle {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
} */