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

.swal2-loader{
    border-color: #cfe2ff rgba(0,0,0,0) #cfe2ff rgba(0,0,0,0) !important;
}
.zoom{
    zoom: 0.8;
}
.container-zoom{
    overflow: auto;
    width: 100%;
    height: 100%;
    transform-origin: top left;
}
.dataTable td{
    text-align: center;
}
.dataTable th{
    text-align: center !important;
}


.ul-hover-none li:hover{
    background-color: transparent !important;
}
.ul-hover-none li:hover > a i{
    color: aliceblue !important;
}
.ul-hover-none li:hover > button i{
    color: aliceblue !important;
}
.note-editor {
    background-color: white;
}

body,
p,
div,
span,
li,
a,
form,
input,
label,
button,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", kh;
}
body,
p,
div,
span,
li,
a,
form,
input,
label,
button,
th,
td {
    font-size: 14px;
}
.active .page-link{
    background-color: #cfe2ff !important;
    border-color: #cfe2ff;
    color: #000000;
}
.d-none-print{
    display: none;
}

@media print{
    .d-print-none{
        display: none;
    }
    .d-none-print{
        display: block;
    }
    .border-none{
        border: 0;
    }
    .bg-dark-subtle{
        background-color: white !important;
    }
}

html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    /* background-color:aliceblue; */
}
/* nav li.def {
    border-right: 0.1px solid black !important;
    border-left: 0.1px solid black !important;
} */
.dataTable {
    border-collapse: collapse;
}
li, a {
    transition: all 0.3s linear;
}
li.def:hover{
    background: white !important;
    color: black !important;
    border-color: black;
}
li.def:hover a, li:hover i {
    color: black !important;
}
.nav-item{
    border-right: 1px solid white;
    border-left: 1px solid white;
}

/* active li  */
li.def.active {
    background: white !important;
    color: black !important;
    /* box-shadow: 0px -10px 5px black; */
}
li.def.active a, li.active i{
    color: black !important;
}
.select2{
    width: 100% !important;
}
.select2-selection.select2-selection--single{
    height: 37.1px !important;
    /* border-color: #dee2e6 !important; */
    border-color: var(--bs-border-color) !important;
}
/* .was-validated .form-control:invalid + .select2 .select2-selection{
}
.was-validated .form-control:valid + .select2 .select2-selection{
} */
*:focus{
  outline:0px;
}
.select2-selection__rendered, .select2-selection__arrow{
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}


.was-validated {
    .form-control.select2 + .select2-container .select2-selection,
    .custom-select.select2 + .select2-container .select2-selection {
        padding-right: calc(1.6em + 0.75rem);
        background-repeat: no-repeat;
        background-position: center right calc(0.4em + 0.1875rem);
        background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
    }

    .form-control.select2:invalid + .select2-container .select2-selection,
    .custom-select.select2:invalid + .select2-container .select2-selection {
        border-color: var(--bs-danger);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e3342f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e3342f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
        background-position: 96% 50%;
        border-color: var(--bs-danger)!important;
    }

    .form-control.select2:valid + .select2-container .select2-selection,
    .custom-select.select2:valid + .select2-container .select2-selection {
        border-color: var(--bs-success);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2338c172' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-position: 96% 50%;
        border-color: var(--bs-success)!important;
    }
}

/* css transition to next page  */
.z-100{
    z-index: 5000 !important;
}
.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.showed{
    transition: 0.1s all linear;
}
.overlay.showed .bar {
    transform: scale(1, 1) translate3d(0, 0, 0);
    transform-origin: 0 0;
}
.overlay .bar {
    position: absolute;
    width: 10.1vw;
    background: #8ba3b9;
    top: 0;
    bottom: 0;
    transform: scale(0, 1) translate3d(0, 0, 0);
    transform-origin: 100% 100%;
    transition: transform 0.5s ease-in-out;
}
.overlay .bar:first-of-type {
    border-left: none;
}
.overlay .bar:nth-of-type(1) {
    left: 0vw;
    background: linear-gradient(to right, #8ba3b9 0%, #849bb0 100%);
    transition-delay: 0.05s;
}
.overlay .bar:nth-of-type(2) {
    left: 10vw;
    background: linear-gradient(to right, #849bb0 0%, #849bb0 100%);
    transition-delay: 0.1s;
}
.overlay .bar:nth-of-type(3) {
    left: 20vw;
    background: linear-gradient(to right, #849bb0 0%, #7d93a7 100%);
    transition-delay: 0.15s;
}
.overlay .bar:nth-of-type(4) {
    left: 30vw;
    background: linear-gradient(to right, #7d93a7 0%, #768b9d 100%);
    transition-delay: 0.2s;
}
.overlay .bar:nth-of-type(5) {
    left: 40vw;
    background: linear-gradient(to right, #768b9d 0%, #6f8294 100%);
    transition-delay: 0.25s;
}
.overlay .bar:nth-of-type(6) {
    left: 50vw;
    background: linear-gradient(to right, #6f8294 0%, #687a8b 100%);
    transition-delay: 0.3s;
}
.overlay .bar:nth-of-type(7) {
    left: 60vw;
    background: linear-gradient(to right, #687a8b 0%, #617282 100%);
    transition-delay: 0.35s;
}
.overlay .bar:nth-of-type(8) {
    left: 70vw;
    background: linear-gradient(to right, #617282 0%, #5a6a78 100%);
    transition-delay: 0.4s;
}
.overlay .bar:nth-of-type(9) {
    left: 80vw;
    background: linear-gradient(to right, #5a6a78 0%, #53626f 100%);
    transition-delay: 0.45s;
}
.overlay .bar:nth-of-type(10) {
    left: 90vw;
    background: linear-gradient(to right, #53626f 0%, #4c5a66 100%);
    transition-delay: 0.5s;
}


/* new transition  */
.loader {
    --path: #2f3545;
    --dot: #5628ee;
    --duration: 3s;
    width: 44px;
    height: 44px;
    position: relative;
}
.loader:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    display: block;
    background: var(--dot);
    top: 37px;
    left: 19px;
    transform: translate(-18px, -18px);
    animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader svg {
    display: block;
    width: 100%;
    height: 100%;
}
.loader svg rect, .loader svg polygon, .loader svg circle {
    fill: none;
    stroke: var(--path);
    stroke-width: 10px;
    stroke-linejoin: round;
    stroke-linecap: round;
}
.loader svg polygon {
    stroke-dasharray: 145 76 145 76;
    stroke-dashoffset: 0;
    animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader svg rect {
    stroke-dasharray: 192 64 192 64;
    stroke-dashoffset: 0;
    animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader svg circle {
    stroke-dasharray: 150 50 150 50;
    stroke-dashoffset: 75;
    animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader.triangle {
    width: 48px;
}
.loader.triangle:before {
    left: 21px;
    transform: translate(-10px, -18px);
    animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
@keyframes pathTriangle {
    33% {
        stroke-dashoffset: 74;
   }
    66% {
        stroke-dashoffset: 147;
   }
    100% {
        stroke-dashoffset: 221;
   }
}
@keyframes dotTriangle {
    33% {
        transform: translate(0, 0);
   }
    66% {
        transform: translate(10px, -18px);
   }
    100% {
        transform: translate(-10px, -18px);
   }
}
@keyframes pathRect {
    25% {
        stroke-dashoffset: 64;
   }
    50% {
        stroke-dashoffset: 128;
   }
    75% {
        stroke-dashoffset: 192;
   }
    100% {
        stroke-dashoffset: 256;
   }
}
@keyframes dotRect {
    25% {
        transform: translate(0, 0);
   }
    50% {
        transform: translate(18px, -18px);
   }
    75% {
        transform: translate(0, -36px);
   }
    100% {
        transform: translate(-18px, -18px);
   }
}
@keyframes pathCircle {
    25% {
        stroke-dashoffset: 125;
   }
    50% {
        stroke-dashoffset: 175;
   }
    75% {
        stroke-dashoffset: 225;
   }
    100% {
        stroke-dashoffset: 275;
   }
}
.loader {
    display: inline-block;
    margin: 0 16px;
}
body .dribbble {
    position: fixed;
    display: block;
    right: 20px;
    bottom: 20px;
}
body .dribbble img {
    display: block;
    height: 28px;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */


::-webkit-scrollbar-track
{
	border-radius: 5px;
	background-color: transparent;
    box-shadow: none !important;
}

::-webkit-scrollbar
{
	width: 5px;
    height: 5px;
	background-color: transparent;
}
*:hover::-webkit-scrollbar-thumb{        
	background-color: #29255a;
}

::-webkit-scrollbar-thumb
{
	border-radius: 5px;
    box-shadow: none !important;
}
body{
    overflow-x:hidden;
}

/* .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: relative;
} */

.border.bs-placeholder.bs-invalid{
    border-color: red !important;
}