@charset "UTF-8";.animation-ripple{background-position:50%;transition:background .8s}.animation-ripple:hover{background:#ff4747 radial-gradient(circle,transparent 1%,#ff6b6b 0) 50%/15000%;color:#fff}.animation-ripple:active{background-color:#ff4747;background-size:100%;transition:background 0s}.card{box-shadow:0 0 6px rgba(0,0,0,.16);border-radius:4px;padding:10px;background-color:#fff}button{border:none;color:#222;padding:4px 8px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;cursor:pointer}.btn-span{display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;color:#222}.tooltip p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.tooltip .tooltiptext{background-color:#333;border-radius:6px;white-space:nowrap;top:0;left:0}*,:after,:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}*{margin:0;padding:0}:disabled{opacity:.6;cursor:not-allowed}button,input,select,textarea{outline:1px solid #dcdcdc}html{font-family:Roboto,Noto Sans Lao,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#222}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.box-shadow{box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.activeSideMenu{background-color:#dcdcdc}.activeColor{color:#ff4747}textarea{width:100%;font-family:Roboto,sans-serif;padding:.5rem;border:1px solid #dcdcdc;resize:none;outline:none}.w240{width:240px}.w200{width:200px}.w140{width:140px}.w100{width:100px}.align-middle{vertical-align:middle}.align-center{text-align:center}option{-webkit-appearance:none;-moz-appearance:none;appearance:none}.switch{position:relative;display:inline-block;width:30px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(10px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}td,th{border:1px solid #222;font-size:1rem;width:auto}input,select{width:100%;padding:.5rem;outline:none;border:1px solid #dcdcdc;color:#333}select{padding:.45rem}.table-wrapper{position:relative;overflow:hidden;overflow-y:auto;border-left:none;border-right:none}.table-wrapper,.table-wrapper table{border-top:1px solid hsla(0,0%,94.5%,.685);table-layout:fixed}.table-wrapper table{border-collapse:collapse;min-width:100%;border-bottom:1px solid #ddd}.table-wrapper table th,.table-wrapper table thead,.table-wrapper table tr{border:none;box-shadow:none;border-bottom:1px solid #e5e5e5!important;font-size:13px;padding:10px;height:35px}.table-wrapper table tbody,.table-wrapper table td,.table-wrapper table tr{border:none;font-size:12px;text-align:left;height:35px}.table-wrapper table tbody input::-webkit-inner-spin-button,.table-wrapper table tbody input::-webkit-outer-spin-button,.table-wrapper table td input::-webkit-inner-spin-button,.table-wrapper table td input::-webkit-outer-spin-button,.table-wrapper table tr input::-webkit-inner-spin-button,.table-wrapper table tr input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;padding:0}.table-wrapper table tbody .btn-edit,.table-wrapper table td .btn-edit,.table-wrapper table tr .btn-edit{width:50px;background:none;border:1px solid #2196f3;color:#2196f3;border-radius:3px;height:22px}.table-wrapper table tbody input,.table-wrapper table td input,.table-wrapper table tr input{border:none;background:none;padding:4px}.table-wrapper table tbody button,.table-wrapper table td button,.table-wrapper table tr button{font-size:10px;padding:5px;background-color:#555;color:#fff}.table-wrapper table tbody .active-border input,.table-wrapper table tbody .active-border select,.table-wrapper table td .active-border input,.table-wrapper table td .active-border select,.table-wrapper table tr .active-border input,.table-wrapper table tr .active-border select{border:1px solid #dcdcdc;background:#fff;padding:3px}.table-wrapper table tbody .edit-input,.table-wrapper table td .edit-input,.table-wrapper table tr .edit-input{height:18px;border-radius:3px;font-size:10px;background:#555;color:#fff;display:flex;align-items:center;margin-left:15px}.table-wrapper table tbody .checkbox,.table-wrapper table td .checkbox,.table-wrapper table tr .checkbox{display:inline-flex;cursor:pointer;position:relative}.table-wrapper table tbody .checkbox>span,.table-wrapper table td .checkbox>span,.table-wrapper table tr .checkbox>span{color:#34495e;padding-top:3px;padding-left:5px}.table-wrapper table tbody .checkbox>input,.table-wrapper table td .checkbox>input,.table-wrapper table tr .checkbox>input{height:13px;width:13px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:none;transition-duration:.3s;border:1px solid #dcdcdc;cursor:pointer}.table-wrapper table tbody .checkbox>input:checked,.table-wrapper table td .checkbox>input:checked,.table-wrapper table tr .checkbox>input:checked{border:1px solid #ff4747;background-color:#ff4747}.table-wrapper table tbody .checkbox>input:checked+span:before,.table-wrapper table td .checkbox>input:checked+span:before,.table-wrapper table tr .checkbox>input:checked+span:before{content:"✓";display:block;text-align:center;color:#fff;position:absolute;left:2px;top:-2px}.table-wrapper table tbody .checkbox>input:active,.table-wrapper table td .checkbox>input:active,.table-wrapper table tr .checkbox>input:active{border:2px solid #34495e}.table-wrapper table tr:nth-child(2n){background-color:#fcfcfc}.table-wrapper table tr{transition:background-color .2s ease-in-out}.table-wrapper table tr th{position:sticky;top:0;background-color:#f8f8f8;z-index:2;height:35px;font-weight:500}.table-wrapper table tr td{border-bottom:1px solid #fcfcfc;height:35px}.table-wrapper table tr td,.table-wrapper table tr th{text-align:left;font-size:13px}.table-wrapper table tr td:first-child,.table-wrapper table tr th:first-child{text-align:center}.table-wrapper table tr:hover{background-color:rgba(255,71,71,.08235294117647059);cursor:pointer}.table-wrapper table .active-sele-row{background:rgba(255,71,71,.08235294117647059);cursor:pointer}.table-wrapper table .active-row,.table-wrapper table .active-row:nth-child(2n){background-color:#e2e9ee}.table-wrapper table .btn-hide-column{display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;color:#222}.table-wrapper table .active-allTr td input{border:1px solid #dcdcdc;background:#fff;padding:3px}.table-wrapper table .active-sel{background:#ff4747 radial-gradient(circle,transparent 1%,#ff6b6b 0) 50%/15000%;color:#fff}.table-wrapper table .footer{display:flex;justify-content:space-between;margin-top:1rem}.table-wrapper .edit-btn button{background:none;border:none}.table-wrapper .edit-btn button span{color:#333;font-size:13px}.btn-primary{color:#ff4747}.w100{width:100%}.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:rgba(51,51,51,.2);z-index:22;display:flex;align-items:center;justify-content:center;grid-gap:1rem}button{padding:.5rem;outline:none;border:1px solid #dcdcdc}.tabs{border-bottom:1px solid #dcdcdc}.tabs button{display:inline-block;border:none;width:130px;height:40px;background:none;color:#424242;font-weight:500}.tabs .active-tab{color:#ff4747;border-bottom:3px solid #ff4747!important}.close-button{position:absolute;top:0;right:0;width:auto;display:flex;justify-content:space-between;width:100%}.close-button h2{margin-left:1rem;margin-top:1rem}.close-button button{background:none;border:none}.close-button button span{font-size:20px;font-weight:700;color:#ff4747}.action-button{display:flex;justify-content:space-between;margin-top:1rem;margin-bottom:.5rem}.action-button label{font-weight:700}.action-button button{height:28px;display:flex;align-items:center;background:#555;color:#fff;border:none}.action-button button span{font-size:20px;margin-right:5px}.search-wrapper{border:none;margin-bottom:1rem}.search-wrapper .search-item{display:flex}.search-wrapper .search-item select{width:auto;border:none}.search-wrapper input{padding:6px 0}.search-wrapper input::placeholder{color:#e9e6e6;font-weight:50;font-family:Roboto,sans-serif}.title-tab{display:flex;border-bottom:1px solid #dcdcdc}.title-tab button{border:none;background:none;border-top-left-radius:3px;border-top-right-radius:3px}.title-tab .active-tab{background:#ff4747;color:#fff}.modal-wrapper{height:100vh;width:100vw;background:rgba(0,0,0,.9);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.modal-wrapper .modal-content{background:#fff;position:relative}::-webkit-scrollbar{width:10px;height:5px;border-radius:50px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:50px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#ff7575;border-radius:50px}.page-container2 .grid2{margin:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;height:calc(100vh - 270px)}.page-container2 .grid2 .grid-tabs2{grid-column:1/2;grid-row:1/2;border-bottom:1px solid #e5e5e5}.page-container2 .grid2 .grid-tabs2 .active-tab{border-bottom:3px solid #ff4747!important;color:#ff4747!important}.page-container2 .grid2 .grid-tabs2 button:first-child{border-radius:8px 0 0 0;border-right:none}.page-container2 .grid2 .grid-tabs2 button:nth-child(3){border-radius:0 8px 0 0;border-left:none}.page-container2 .grid2 .grid-tabs2 button{border:1px solid #dcdcdc;border-bottom:none}.page-container2 .grid2 .grid-options2{grid-column:1/2;grid-row:2/3;margin:1rem 0}.page-container2 .grid2 .grid-options2 .input-group2{display:flex;height:35px}.page-container2 .grid2 .grid-options2 .input-group2 select{width:auto}.page-container2 .grid2 .grid-options2 .input-group2 input{margin-left:1rem;width:200px;border:1px solid #dcdcdc;border-right:none;height:inherit}.page-container2 .grid2 .grid-options2 .input-group2 span{height:inherit;width:40px;border:1px solid #dcdcdc;border-left:none;font-size:20px;color:#dcdcdc;display:flex;align-items:center;justify-content:center}.page-container2 .grid2 .grid-table2{grid-column:1/2;grid-row:3/4;height:calc(100vh - 210px);border-top:none;overflow:auto}img{max-width:100%;max-height:100%}@font-face{font-family:Noto Sans Lao;src:url(NotoSansLao-Regular.52a6e4ca43af7fa4ef67.ttf),url(NotoSansLao-Regular.e3b3b5749125e54baa6e.woff2) format("woff2"),url(NotoSansLao-Regular.6805f52b4c63de6b1f8f.woff) format("woff"),url(NotoSansLao-Regular.e92fb15237f8a160d81b.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}.tooltip{position:relative;display:inline-block;cursor:default;z-index:0}.tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 10px;border-radius:3px;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}