@import"https://fonts.googleapis.com/css2?family=Battambang:wght@100;300;400;700;900&family=Bokor&family=Hanuman:wght@100;300;400;700;900&family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Moul&family=Noto+Sans+Khmer:wght@100..900&family=Noto+Serif+Khmer:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Siemreap&display=swap";:root{--color-primary: #6C9BCF;--color-danger: #FF0060;--color-success: #1B9C85;--color-warning: #F7D060;--color-white: #fff;--color-info-dark: #7d8da1;--color-dark: #363949;--color-light: rgba (132, 139, 200, .18);--color-dark-variant: #677483;--color-background: #f6f6f9;--card-border-radius: 2rem;--border-radius-1: .4rem;--border-radius-2: 1.2rem;--card-padding: 1.8rem;--padding-1: 1.2rem;--box-shadow: 0 2rem 3rem var(--color-light);--bg-theme: rgb(5, 27, 95)}.dark-mode-variables{--color-background: #181a1e;--color-white: #202528;--color-dark: #edeffd;--color-dark-variant: #a3bdcc;--color-light: rgba(0, 0, 0, .4);--box-shadow: 0 2rem 3rem var(--color-light)}.kantumruy-bold{font-family:Kantumruy Pro,sans-serif;font-weight:600}.kantumruy{font-family:Kantumruy Pro,sans-serif}.muol{font-family:Moul,sans-serif}.bokor{font-family:Bokor,sans-serif}.siemreap{font-family:Siemreap,sans-serif}.montserrat{font-family:Montserrat,sans-serif}.main-color{color:var(--bg-theme)}.main-bg-color{background-color:var(--bg-theme)}.main-bg-color-hover:hover{background-color:#fff}.battambang{font-family:Battambang,sans-serif}.battambang-bold{font-family:Battambang,sans-serif;font-weight:600}.form-select{border:1px solid rgb(223,223,223);border-radius:6px}.my-border-bottom-2{border-bottom:3px solid var(--bg-theme)}.my-border-bottom{border-bottom:1px solid rgb(215,215,215)}*{margin:0;padding:0}.select2-container .select2-selection--single{height:40px;border-radius:8px;border:1px solid #ccc;padding:6px 12px;font-size:16px;font-family:Battambang;font-weight:700;background-color:#f6f6f6}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--bg-theme)}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}.form-control{border:1px solid rgb(216,216,216);border-radius:6px;color:var(--bg-theme);font-weight:600}.form-select{color:var(--bg-theme);font-weight:600}.mylayout{display:flex;justify-content:space-between;width:100%}.sidebar{width:18%;padding:var(--card-padding);background-color:var(--bg-theme)}.sidebar .logo{font-family:Kantumruy Pro;font-weight:700;font-size:larger;color:#fff}.content-side{width:82%}.menu-toggle{display:flex;justify-content:space-between;width:100%}.menu-toggle .close{display:none}.sidebar-menu{display:flex;flex-direction:column;box-shadow:var(--box-shadow);border-radius:15px;height:88vh;position:relative;top:1.5rem;transition:all .3s ease}.sidebar-menu:hover{box-shadow:none}.sidebar-menu a{font-family:Kantumruy Pro,sans-serif;font-weight:700;display:flex;align-items:center;color:#fff;height:3.7rem;gap:1rem;position:relative;margin-left:2rem;transition:all .3s ease}.sidebar-menu a span{font-size:1.6rem;transition:all .3s ease}.sidebar-menu a.active{width:100%;color:var(--color-primary);background-color:var(--color-light);margin-left:0}.sidebar-menu a.sidebar-m{display:none}.sidebar-menu a.active:before{content:"";width:6px;height:18px;background-color:var(--color-primary)}.sidebar-menu a.active span{color:var(--color-primary);margin-left:calc(1rem - 3px)}.sidebar-menu a:hover{color:var(--color-primary)}.sidebar-menu a:hover span{margin-left:.6rem}.menu-button{display:none}.blog-title{background-color:var(--bg-theme);width:100%;height:60px;color:#fff;padding:20px}.top-form{display:flex;gap:8px;justify-content:space-between;align-items:flex-end}.top-form .left-form{display:flex;align-items:flex-end}.profile{display:flex;gap:20px}.profile .left-section{width:20%}.profile .left-section .photo{background-color:#fff;width:100%;height:200px;border-radius:10px;background-position:center;background-size:cover;position:relative}.profile .left-section .btn-image{position:absolute;background-color:var(--bg-theme);color:#fff;border-radius:50%;bottom:-10px;right:-10px;border:2px solid white}.highlight-red:hover{color:red}.highlight-green:hover{color:green}.cursor-pointer{cursor:pointer}.profile .right-section{padding:0 20px;width:84%}.profile-footer{display:flex;justify-content:space-between}.profile .right-section .form-title{width:100%;padding-bottom:0;font-size:1.2rem;cursor:pointer}.bottom-line{border-bottom:2px solid var(--bg-theme)}.profile .right-section .form-title .tab-active{padding:8px 4px;color:var(--bg-theme);border-radius:12px 12px 0 0}.profile .right-section .form-title .tab-notactive{padding:10px 8px;color:#969696;border-radius:12px 12px 0 0}.list-group .active{background-color:var(--bg-theme);border:none}.list-group-item{cursor:pointer}.list-group-item:hover{background-color:#e9e9e9;color:var(--bg-theme)}.scroll-container{height:65vh;position:relative;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.scroll-content{height:100%;overflow-y:auto;padding:20px 20px 60px}.scroll-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.table{overflow-x:auto}.table th{font-family:Battambang,sans-serif}.table th:first-child{white-space:nowrap;width:1%}.table td{font-family:Battambang,sans-serif}.summarize{display:flex}.profile-img{background-color:#efefef;background-position:top;background-size:cover;width:40px;height:40px;border-radius:50%}.skeleton{animation:skeleton-loading 2s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}.skeleton.loaded{animation:none;background-color:transparent}.dropdown-container{display:none;padding-left:8px}.form-control,.form-select{background-color:#f4f4f4}.profile-view{display:flex;gap:56px}.profile-view .profile-view-left{width:300px}.profile-view h1{font-size:26px}.profile-view h2{font-size:16px}.profile-image{background-color:#e1e1e1;height:200px;border-radius:10px;background-position:center;background-size:cover;width:160px;margin-left:auto;margin-right:auto}.profile-data tr th{font-family:Kantumruy Pro,sans-serif;font-weight:600}.profile-data tr td{font-family:Kantumruy Pro,sans-serif;font-weight:600;color:var(--bg-theme)}.profile-badge{border:1px solid var(--bg-theme);padding:4px;border-radius:20px}.profile-other{display:flex;gap:30px;flex-wrap:wrap}.profile-top{font-size:18px}.profile-top span{margin:0 10px;cursor:pointer}.profile-title{margin-top:20px;margin-left:8px}.profile-content{overflow-y:scroll;height:60vh}.right-side{width:100%}.notification{position:fixed;top:-100px;left:50%;transform:translate(-50%);background-color:#1c1c1e;color:#fff;padding:10px 20px;border-radius:15px;font-family:Kantumruy Pro,sans-serif;font-weight:800;box-shadow:0 4px 10px #0000004d;z-index:9999;transition:top .5s ease;max-width:90%;text-align:center;font-size:16px}.notification.hidden{top:-100px}.notification.show{top:20px}.alert-custom{position:absolute;top:56px;right:20px}.photo{background-color:#fff;width:100%;height:200px;border-radius:10px;background-position:center;background-size:cover;position:relative}.colored-toast.swal2-icon-success{background-color:#5fc525!important;font-family:Kantumruy Pro}.colored-toast.swal2-icon-error{background-color:#f27474!important;font-family:Kantumruy Pro}.colored-toast.swal2-icon-warning{background-color:#f8bb86!important;font-family:Kantumruy Pro}.colored-toast.swal2-icon-info{background-color:#3fc3ee!important;font-family:Kantumruy Pro}.colored-toast.swal2-icon-question{background-color:#87adbd!important;font-family:Kantumruy Pro}.colored-toast .swal2-title,.colored-toast .swal2-close,.colored-toast .swal2-html-container{color:#fff}@keyframes hideElement{0%{opacity:1}to{opacity:0;visibility:hidden}}.hide-element{animation:hideElement 5s forwards}.loader{font-weight:600;font-family:Kantumruy Pro;font-size:18px;animation:l1 1s linear infinite alternate}.loader:before{content:"កំពុងបញ្ចូល..."}@keyframes l1{to{opacity:0}}.search-function{position:relative}.search-result{position:fixed;z-index:9999;width:360px;margin-top:10px}.mobile-data-view,.profile-menu-mobile,.goto-edit-mobile,.btn-back{display:none}.nav-item-right{display:block}@media screen and (max-width: 1200px){.sidebar{display:none}.content-side{width:100%}.menu-button{display:block}.sidebar-menu a.sidebar-m{display:flex;align-items:center}.nav-item-right{display:none}}@media screen and (max-width: 680px){.summarize{flex-direction:column}.mobile-data-view{display:block}.mobile-table-column{display:none}.profile{flex-direction:column}.profile .left-section,.profile .right-section{width:100%}.profile .left-section .photo{width:200px;margin-left:auto;margin-right:auto}.profile-sidebar{display:none}.profile-menu-mobile{display:block}.profile-menu-mobile .list-group-item{height:50px;font-size:1.2rem}.goto-edit{display:none}.goto-edit-mobile{display:block}.profileSidebar{display:none}.btn-back{display:block;width:40px;color:#fff;padding:6px;border-radius:8px}.other-menu-mobile{white-space:nowrap;overflow-x:scroll}.btnEdit{position:absolute;top:110px;right:30px}.profile-view{flex-direction:column;gap:18px}.profile-view .profile-view-left{margin-left:auto;margin-right:auto}.profile-view .right-side .profile-top{white-space:nowrap;overflow-x:scroll;height:50px}.top-form{flex-direction:column}}