@font-face{font-family:PhetsarathOT;src:url(/assets/font/PhetsarathOT.woff) format("woff");font-weight:400;font-style:normal}*,.MuiButton-root,.MuiInputBase-root,.MuiTypography-root{font-family:PhetsarathOT,sans-serif!important}@font-face{font-family:PhetsarathOT;src:url(/Phetsarath_OT.ttf) format("truetype")}.active-menu{border-bottom:5px solid #7bb500}.title,.wrap-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:0}.active-menuTap{color:#057cae;font-weight:700;padding:8px}.not-active-menuTap{cursor:pointer;padding:10px;border-radius:5px 5px 0 0}.buttonEmerald{z-index:9}.containerEmerald{height:100vh;text-align:center}.containerEmerald .buttonEmerald,.containerEmerald p{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%)}.containerEmerald .Emerald-content{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}.containerEmerald{position:relative}.imgEmerald{width:100%;height:auto;opacity:.3}.buttonEmerald{background-color:#057cae;border:none;padding:12px;width:200px;color:#fff;font-weight:700;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);margin-bottom:39px}.custom-modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}body{background-color:#eee;margin:0;font-family:Noto Sans Lao UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.course-item{transition:background-color .3s ease}.course-item:hover{background-color:#ced4da;text-align:center}.headerCell{background-color:#d8e2dc;color:#fff;height:30px}.custom-select{box-shadow:0 0 .25em rgba(67,71,85,.27),0 .25em 1em rgba(90,125,188,.05)}.hv{background-color:#fff}.hv:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}.newbg{background-color:#f4f5f9}.sd{box-shadow:0 0 .25em rgba(67,71,85,.27),0 .25em 1em rgba(90,125,188,.05)}.ct{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}.fbutton{position:fixed;z-index:2;right:40px;width:120px;height:60px;border-radius:20px;bottom:50px;color:#fff;background-color:#057cae;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.fbutton:hover{background-color:#036088}.tbhesder{height:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}.newbt{border-radius:9px;width:90%;padding-top:10px;padding-bottom:10px;color:#fff;border-style:none}.app-bg,.newbt,.newbt-sm{background-color:#057cae}.newbt-sm{border-radius:9px;width:100px;padding-top:10px;padding-bottom:10px;color:#fff;cursor:pointer;border-style:none}.newbt-sm:hover{box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.newbt-sm:hover,.newbt:hover{background-color:#015071}.newbt-md{background-color:#057cae;border-radius:9px;width:150px;padding-top:10px;padding-bottom:10px;color:#fff;cursor:pointer;border-style:none}.newbt-md:hover{background-color:#015071}.fh{height:90vh}.pn{height:90vh;text-align:center}.bg,.pn{display:flex;flex-direction:column;justify-content:center;align-items:center}.bg{background-color:#edf2f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh}.login{border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;width:470px;padding-bottom:60px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.icon{width:80px;height:80px;background-color:initial}.hv:hover{box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);background-color:#00bbf9}.bt-cancel{cursor:pointer;background-color:#e63946;width:100px;color:#fff;padding:10px 20px;border-radius:9px}.ftbt{position:fixed;bottom:50px;right:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;z-index:999;border-radius:50%;width:70px;height:65px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.smimage{width:60px;height:55px;transition:transform .1s ease-in-out}.smimage:hover{transform:scale(1.5)}.smimage:hover-out{transform:scale(1)}.fbsd{box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}.bdg{border-top:1px solid grey;border-bottom:1px solid grey;display:flex;align-items:center;background-color:#fff}.bdg,.grid{justify-content:center}.grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.highlight{background-color:#ff0}.bt-cancel:hover{background-color:#96202a}.row-container{max-height:700px;overflow-y:scroll}.column-text{padding-top:2px;display:flex;align-items:center;justify-content:center;background-color:#fff}.header-cl{background-color:#057cae}.newinput{padding:10px;border:none;border-radius:10px;background-color:#f5f5f5;color:#333;font-size:16px;height:50px;transition:box-shadow .3s ease;width:350px}.folder{padding:20px;cursor:pointer}.folder:hover{background-color:#caf0f8}.class-container-1{cursor:pointer;border:1px solid #ccc;border-radius:10px;padding:3px;margin-bottom:10px}.class-container{cursor:pointer;text-align:center;margin-right:5px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);padding:15px;color:#fff;border-radius:15px;margin-bottom:10px;background-color:#0096c7}.class-container:hover{background-color:#0077b6}.item{width:100%;border-bottom:1px solid #f0f0f0;padding:10px 0}.folder-icon{padding:10px;border-radius:10px}.folder-icon:hover{background-color:#90e0ef}.tbbg{background-color:#f5f5f5;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:0;margin:0}.brd{border-top-left-radius:16px;border-bottom-left-radius:16px}.brd-r{border-top-right-radius:16px;border-bottom-right-radius:16px}.newinput2{margin-top:8px;padding:6px;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#fff;color:#333;font-size:16px;transition:box-shadow .3s ease;width:200px;margin-bottom:10px;margin-left:10px}.newinput:focus{outline:none;box-shadow:0 0 4px rgba(0,123,255,.6)}@font-face{font-family:PhetsarathOT;src:url(/assets/font/PhetsarathOT.ttf)}*{font-family:PhetsarathOT}.font-color{color:#707070}.box-image{display:block;margin:10px;width:80px;height:80px}.box-image,.box-view-image{border-radius:5%;border:1px solid #f1f1f1}.box-view-image{display:inline-block;margin:5px;width:100%}.tab-title{display:block;padding-top:15px;padding-left:10px;padding-bottom:5px;margin-top:0;margin-bottom:10px;font-weight:700;background-color:#f1f1f1;color:#057cae}.btn-action{display:inline-block;width:40%;border-radius:2px;margin-right:25px}.btn-action:focus{border:none}.list-item{display:block;width:"auto";height:100px;padding:1px;margin-bottom:10px;border:1px solid #f1f1f1;cursor:pointer;box-shadow:4px 5px 9px 1px rgba(219,215,219,.67)}.title{display:block;margin-top:5px;margin-left:5px;margin-bottom:15px;color:#057cae;font-weight:700}.bage-full{background-color:#057cae;color:#fff}.bage-empty,.bage-full{max-width:20%;height:28px;padding:2px;text-align:center;border-radius:5px;vertical-align:middle;cursor:pointer}.bage-empty{background-color:#9ea1a5}.btn-exit{color:#057cae}.btn-exit,.btn-exit:hover{width:25%;border:1px solid #057cae}.btn-exit:hover{color:#fff;background-color:#057cae}.btn-info{background-color:#057cae!important;width:auto;margin-right:10px}.btn-outline-info{border:1px solid #057cae!important}.btn-danger,.btn-outline-info{width:auto!important;padding-left:20px!important;padding-right:20px!important;margin-right:10px}.btn-danger{background-color:#dd0030!important}.btn-outline-danger{border:1px solid #dd0030!important}.btn-outline-danger,.btn-outline-success{width:auto!important;padding-left:20px!important;padding-right:20px!important;margin-right:10px}.btn-outline-success{border:1px solid #58a500!important}.btn-outline-secondary{width:auto}.btn-info:hover,.btn-outline-info:hover{background-color:#026d9b!important}.btn-outline-danger:hover{color:#fff;background-color:#dd0030!important}.btn-outline-success:hover{color:#fff;background-color:#58a500!important}.space-10{display:inline;width:10px}.menuItem{width:10%;height:35px;margin-right:30px;text-align:center;cursor:pointer}.menuItem:hover{border-bottom:5px solid #7bb500}.active-menu{border-bottom:solid 5px#7bb500}.menuItemTap{width:auto;height:35px;border-top:8px;text-align:center;cursor:pointer;padding:10px 10px 15px}.active-menuTap{background-color:#fff;border-radius:5px 5px 0 0}Control{margin-bottom:10px}.file-item{width:19%;height:35px;border-radius:2px;padding-left:10px;background-color:#f1f1f1;padding-top:3px;margin-bottom:5px;margin-right:5px}.file-item,.tagfile{display:inline-block}.tagfile{width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}Label{font-weight:700!important}table{table-layout:fixed}thead{background-color:#057cae!important;color:#fff}tbody{background-color:#fafafa;color:rgba(25,25,26,.945)}table{border-radius:4px!important}.listFile,td,th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:5px!important}.wrap-text{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;padding-left:5px!important}button:focus{border:none}.box-dashed{display:block;width:100%;height:auto;margin-bottom:5px;padding:5px;border:1px dashed #f1f1f1}.rdw-image-wrapper{visibility:hidden}.vertical-10{height:10px}.menu-setting{display:inline-flex;width:100%;border:1px solid #f1f1f1;border-radius:4px;cursor:pointer;margin-bottom:10px;box-shadow:2px 4px 5px -4px rgba(0,0,0,.75)}.div-icon,.menu-setting{height:100px;padding:35px}.div-icon{display:inline-flex!important;margin-top:-36px;border-right:1px solid #ccc;margin-right:10px;margin-left:-35px}.on-active{background-color:#057cae!important;color:#fff}.on-active:hover{color:#fff;background-color:#04658f!important}.on-active:focus{color:#fff}.close-icon{margin-top:-10px}.right{float:right;margin-right:-10px;margin-bottom:5px}.btn-control{display:inline;padding:5px;margin:3px;border:1px solid #f1f1f1;background-color:#fff;width:40%}.btn-control:focus{border:none}.btn-control:hover{background-color:#ccc}.form-control{margin-bottom:10px!important}.modal{margin-top:2%!important;z-index:100000}.modal-header{text-align:left!important;color:#2b2b2b;font-size:20px}.thead{color:#fff;font-weight:700;background-color:#057cae;text-align:center;height:38px}.icon-caret-down-detail{margin-right:16px;margin-left:-24px;font-size:24px;color:#057cae}.cs-table tr th{color:#000!important;font-weight:700!important}.my-column-header{height:30px;background-color:#057cae;color:#fff;padding:30px 60px;width:250px;border-right:1px solid #ccc;text-align:center;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.grid{display:grid;grid-template-columns:150px 1000px;width:100%;grid-gap:50px;gap:50px;scroll-behavior:smooth;overflow-x:scroll}.my-column-row{width:250px;cursor:pointer;height:200px;overflow-y:auto;justify-content:flex-start;background-color:#057cae;color:#fff}.my-column-row,.mycenter{display:flex;flex-direction:column;align-items:center;text-align:center}.mycenter{justify-content:center;width:100%;min-height:60px;padding:5px;border-bottom:1px solid hsla(0,0%,100%,.2);box-sizing:border-box;flex-shrink:0}.mylabel{margin:1px 0;font-size:13px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.round-even{background-color:#a2cf63}.round-even,.round-odd{width:40px;height:40px;border-radius:50%}.round-odd{background-color:#ffbc42}.round-all{width:40px;height:40px;border-radius:50%;background-color:#caf0f8}.text-left{text-align:left!important;padding:5px;font-size:18px}.btn-option{padding:10px;border-style:dotted;border-width:2px;border-radius:15px;cursor:pointer}.btn-option,.fontSize-18{font-size:18px}.btn-option:hover{box-shadow:-4px 1px 5px 0 grey;border-style:solid;border-width:2px;border-radius:0}.bg-red{border:2px dotted red;padding:10px;border-radius:15px;cursor:pointer}.bg-red:hover{background-color:red;color:#fff;padding:10px;border-radius:0}.new-row{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;width:100%}.content{margin-top:50px}.content,.hour{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hour{width:100px;grid-gap:0;gap:0;margin-bottom:2px}.hour,.nothing{cursor:pointer;height:200px}.nothing{border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:250px;padding-top:10px;padding-bottom:10px;grid-gap:1px;gap:1px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.icon{width:40px;height:40px}.none{display:none}.all{background-color:#caf0f8}.all,.none{height:100%;width:100%}.none{background-color:#fff}.all:hover{background-color:#99c7de}.odd{height:100%;width:100%;background-color:#ffbc42}.odd:hover{background-color:#cc982e}.even{height:100%;width:100%;background-color:#a2cf63}.even:hover{background-color:#739045}.my-table{width:90%}.mt{margin-top:50px}.mylabel{margin:5px}.my-modal{position:fixed;z-index:5;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content,.my-modal{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content{text-align:center;margin:15% auto;border:1px solid #888;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.custom-modal{display:flex;align-items:center;justify-content:center}.modal-content{text-align:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.modal-title{font-size:24px}.course-info,.modal-title{margin-bottom:20px}.info-item{margin-bottom:10px}.action-buttons button{margin-right:10px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.btn-icon{margin-right:5px}#sidenav-block{position:fixed;display:block;margin-left:200px}.colorItems{background-color:#057cae!important}.sidenav---navitem---9uL5T{background-color:#fff!important;margin-bottom:5px}.sidenav---selected---1EK3y .sidenav---navitem---9uL5T,.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{background-color:#057cae!important}.sidenav---selected---1EK3y .sidenav---navtext---1AE_f{background-color:#057cae!important;color:#fff!important}.sidenav---selected---1EK3y .sidenav---navicon---3gCRo svg{color:#fff!important}.sidenav---navicon---3gCRo svg{color:#057cae!important}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo{opacity:1}:after,:before{color:#057cae}.icon-search{background-color:#0c456b}.styleLeft{background-Color:#057cae;font-Weight:700;color:#fff;padding:5px 0 5px 20px}.styleRight{background-Color:#f0f0f0;color:#057cae;font-Weight:700;padding:5px 0;text-Align:center}.active-menu{text-align:center}.active-menu,.menu-Item:hover{border-bottom:solid 2px#7bb500;cursor:pointer}.menu-Item:hover{transition:1s}.menu-Item{cursor:pointer;text-align:center}.head,.menu-Item{border-bottom:2px solid #f0f0f0}.btn-apply:focus{border:none!important}.btn-apply{padding:2px;width:25px;height:25px;border-radius:50%}.btn-apply:action:focus{border:none}.grade-type{padding:5px;width:100%;border:1px solid #f1f1f1;border-radius:2px}.center{text-align:center!important}.classButton{background-color:#4caf50;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;transition-duration:.4s;cursor:pointer;background-color:#fff;color:#057cae;border:2px solid #4caf50}.classButton:hover{background-color:#057cae;color:#fff;border:none}.scopus-search{box-shadow:0 8px 24px rgba(149,157,165,.2);border-radius:10px}.scopus-logo{width:60%}.custom-pagination-item{margin-right:10px}.scopus-link{cursor:pointer;color:#007bff}.scopus-link:hover{text-decoration:underline;color:#007bff}.scopus-bt{background-color:#057cae;border-radius:6px;padding-top:6px;padding-bottom:6px;color:#fff;border-style:none}.scopus-bt:hover{color:#fff;background-color:#015071}.fade-enter{opacity:0;transform:scale(.9)}.fade-enter-active{transition:opacity .5s,transform .5s}.fade-enter-active,.fade-exit{opacity:1;transform:scale(1)}.fade-exit-active{opacity:0;transform:scale(.9);transition:opacity .5s,transform .5s}
/*# sourceMappingURL=main.ce8501f4.chunk.css.map */