input.ant-input{padding:3px 10px!important;border-radius:8px;height:28px!important;font-size:12px!important;color:#234668;font-weight:inherit}.text-white .ant-badge{color:#fff}.ant-table-container table>thead>tr:first-child th{border-radius:0!important}.ant-layout-sider-zero-width-trigger{top:50px!important}.ant-modal-wrap{display:flex;align-items:center;justify-items:center}.ant-modal{top:auto!important}.ant-modal-footer{padding:16px!important}.ant-table-cell .ant-table-cell-scrollbar{display:none!important}.ant-form-vertical .ant-form-item-label,.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label{padding:0!important}.ant-result-content{background-color:transparent!important}.ant-form-horizontal .ant-form-item-control{min-width:100%!important}table .ant-table-tbody tr:nth-child(2n) td{background-color:#e3e3e386}table :where(td,th){font-weight:400;font-size:12.5px;color:#657784;font-family:Kanit,sans-serif}table thead tr th{background-color:#d4d4d4!important;padding:3px 8px!important;box-shadow:0 3px 5px #51515123;font-weight:400!important;color:#244769!important}table tr:hover td{background-color:#87bae350!important}.btn-table button.ant-btn-icon-only:not([role=switch]){background-color:transparent!important;border:none!important}.btn-table button svg{display:inline-block!important}.ant-input-affix-wrapper{padding:1px 4px!important}.anticon{vertical-align:.05rem!important}.ant-input-suffix{margin-left:0!important;margin-right:3px!important}.ant-btn svg{display:inline-block;transform:translateY(-10%)!important}.table-tab .ant-tabs-nav-list{padding:10px 10px 0 0}.table-tab .ant-tabs-nav-list .ant-tabs-tab{padding:10px 20px!important;min-width:100px;opacity:.65;display:inline-block}.table-tab .ant-tabs-nav-list .ant-tabs-tab div[role=tab]{text-align:center!important}.table-tab .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{opacity:1;box-shadow:0 0 5px #81878d27}.table-tab .ant-tabs-content-holder{padding:20px 10px 10px!important;background-color:#fff!important;margin-left:1px;border-radius:0 8px 8px}.table-tab.no-tab-cotent .ant-tabs-content-holder{padding:0!important}.user-tab .ant-tabs-nav{text-align:center!important;z-index:10!important;margin-bottom:-1px!important}.user-tab .ant-tabs-nav .ant-tabs-nav-list{gap:3px!important;padding:10px 1px 0!important;margin:0 1px}.user-tab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.user-tab .ant-tabs-tab{background-color:#eee!important;margin-right:2px!important;border-radius:10px 10px 0 0}.user-tab .ant-tabs-nav>div:nth-of-type(1){display:unset!important;width:100%!important}.user-tab .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.ant-tabs-top>.ant-tabs-nav,.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav{margin:0!important}.ant-empty.ant-empty-normal{margin:10px 0!important}.ant-dropdown-menu-title-content{font-size:12px!important;font-family:Kanit,sans-serif}.ant-divider-inner-text{background-color:transparent;border:1px solid #eee;font-size:14px;font-weight:400}.ant-divider-horizontal.ant-divider-with-text{border-top-color:#e8eaeb!important}.ant-form-item-explain-error{font-size:.7rem!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ant-divider-inner-text{background-color:#d9dadc8d;border-radius:5px;color:#457182}.ant-divider-horizontal.ant-divider-with-text{border-top-color:#c9cfd6!important;border-radius:5px 5px 0 0;overflow:hidden}.ant-divider-horizontal.ant-divider-with-text-left:before{width:10px!important;margin-left:2px;border-top-width:1px!important}.ant-divider-horizontal.ant-divider-with-text-left:after{border-top-width:1px!important}.ant-divider-horizontal.ant-divider-with-text{margin:10px 0 6px!important}.ant-input[disabled]{color:#0000006f!important}.ant-input-number{width:100%!important}.ant-modal.fullscreen{max-width:100vw!important;width:100vw!important;border-radius:0!important;top:0!important}.ant-modal.fullscreen .ant-modal-content{height:100vh!important}.ant-modal-content{border-radius:0!important}table,td,tr{text-transform:inherit;font-size-adjust:none}.ant-modal-content{padding:0!important}.ant-modal-footer{padding:16px!important;margin-top:0!important;border-top:2px solid transparent!important}.ant-modal-header{position:relative;padding:11px 16px!important;margin-bottom:0!important;border-bottom:2px solid transparent!important}.ant-modal-body{padding:16px!important;position:relative}.ant-modal-header .ant-modal-title{font-weight:inherit!important;font-size:14px!important}.ant-modal-header:after{content:"";position:absolute;left:0;bottom:0;background-color:#e9e9e9;width:100%;height:1px}.ant-modal-body:after{content:"";position:absolute;left:0;bottom:0;background-color:#e9e9e9;width:100%;height:1px}.ant-menu-item .ant-menu-item-selected .ant-menu-item-only-child{margin:0!important}.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{height:32px!important}.ant-menu{font-size:12px!important}.ant-menu-inline .ant-menu-item{margin:0!important;height:32px!important;font-family:Kanit,sans-serif}.ant-menu-submenu-title{height:32px!important;font-size:12px!important;font-family:Kanit,sans-serif;margin:0!important}.ant-dropdown-menu-title-content{text-align:start}.ant-form-item-label>label{color:#234668!important;font-size:12px!important}@media screen and (max-width: 800px){.ant-picker-panel:last-child .ant-picker-date-panel{display:none!important}.ant-picker-panel:first-child .ant-picker-date-panel .ant-picker-header-next-btn,.ant-picker-panel:first-child .ant-picker-date-panel .ant-picker-header-super-next-btn{visibility:initial!important}.ant-picker-panel.ant-picker-range-wrapper{min-width:288px!important}.ant-picker-presets{display:none!important}.ant-fade-leave.ant-fade-leave-active{display:none;pointer-events:all!important}table,td,th,tr{text-transform:inherit}.ant-modal{width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;transform-origin:0!important;padding-bottom:0!important}.ant-modal .ant-modal-body{padding:16px 0}.ant-modal .ant-modal-content{min-height:100%;display:flex;flex-direction:column}*{animation-duration:0s!important}.ant-table{max-width:100%!important;overflow-x:auto!important}.ant-table-container{min-width:max-content}.ant-table-wrapper .ant-table-pagination{column-gap:8px}.ant-table-wrapper .ant-btn-icon-only.ant-btn-sm{width:10px;height:10px;font-size:initial}.ant-table-wrapper .ant-btn-icon-only.ant-btn-sm *{font-size:.4rem}.ant-table-wrapper .ant-btn{line-height:0}.ant-table-wrapper .ant-table-column-sorter *{font-size:.4rem}.ant-table-wrapper button.ant-switch:not(.ant-switch-small){transform:scale(.6);width:10px!important;height:20px!important;margin:auto 0!important}.ant-table-wrapper :where(td,th){font-size:.75rem;padding:2px 10px!important;text-transform:none!important}.ant-table-wrapper :where(td,th) button:not([role=switch]){transform:scale(1)}.ant-table-wrapper :where(td,th) button[role=switch]:not(.ant-switch-small){transform:scale(.3);margin:unset!important}.ant-table-wrapper :where(td,th) button[role=switch]:is(.ant-switch-small){transform:scale(.5);margin:unset!important}}.ant-tooltip-inner{pointer-events:none}.ant-table-footer{background-color:transparent!important}td.td-right{text-align:right!important}.ant-table-tbody>tr>td{padding:4.5px 5px!important}.ant-btn{padding:3px 11px;height:30px;border-radius:8px;text-align:center;border:1px solid #d9d9d9;font-size:12px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.bottom-\[-5\%\]{bottom:-5%}.bottom-\[15\%\]{bottom:15%}.left-0{left:0}.left-\[2\%\]{left:2%}.left-\[3\%\]{left:3%}.left-\[4\%\]{left:4%}.left-\[45\%\]{left:45%}.left-\[5\%\]{left:5%}.left-\[80\%\]{left:80%}.left-\[83\%\]{left:83%}.left-\[85\%\]{left:85%}.right-\[10\%\]{right:10%}.top-0{top:0}.top-\[15\%\]{top:15%}.top-\[2\%\]{top:2%}.top-\[20\%\]{top:20%}.top-\[25\%\]{top:25%}.top-\[3\%\]{top:3%}.top-\[5\%\]{top:5%}.top-\[70\%\]{top:70%}.top-\[90\%\]{top:90%}.top-\[93\%\]{top:93%}.z-20{z-index:20}.m-3{margin:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.\!mb-4{margin-bottom:1rem!important}.\!mt-0{margin-top:0!important}.\!mt-1{margin-top:.25rem!important}.\!mt-2{margin-top:.5rem!important}.mb-3{margin-bottom:.75rem}.ml-auto{margin-left:auto}.mr-6{margin-right:1.5rem}.mt-12{margin-top:3rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.\!h-\[40px\]{height:40px!important}.h-14{height:3.5rem}.h-\[100vh\]{height:100vh}.h-auto{height:auto}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-\[20vh\]{min-height:20vh}.min-h-\[80vh\]{min-height:80vh}.w-14{width:3.5rem}.w-\[150px\]{width:150px}.w-\[200px\]{width:200px}.w-\[50px\]{width:50px}.w-\[90\%\]{width:90%}.w-full{width:100%}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.max-w-\[400px\]{max-width:400px}.grow{flex-grow:1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.\!rounded-\[8px\]{border-radius:8px!important}.rounded-\[15px\]{border-radius:15px}.rounded-\[16px\]{border-radius:16px}.rounded-md{border-radius:.375rem}.border-l{border-left-width:1px}.\!border-none{border-style:none!important}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.\!p-3{padding:.75rem!important}.p-3{padding:.75rem}.p-4{padding:1rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[12px\]{font-size:12px}.text-\[\]{color:}.text-error{--tw-text-opacity: 1;color:rgb(227 97 79 / var(--tw-text-opacity))}.opacity-40{opacity:.4}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:cursor-pointer:hover{cursor:pointer}@media (min-width: 768px){.md\:left-\[10\%\]{left:10%}.md\:left-\[18\%\]{left:18%}.md\:left-\[22\%\]{left:22%}.md\:left-\[25\%\]{left:25%}.md\:left-\[36\%\]{left:36%}.md\:left-\[55\%\]{left:55%}.md\:left-\[70\%\]{left:70%}.md\:left-\[75\%\]{left:75%}.md\:left-\[80\%\]{left:80%}.md\:top-\[12\%\]{top:12%}.md\:top-\[13\%\]{top:13%}.md\:top-\[20\%\]{top:20%}.md\:top-\[25\%\]{top:25%}.md\:top-\[32\%\]{top:32%}.md\:top-\[5\%\]{top:5%}.md\:top-\[50\%\]{top:50%}.md\:top-\[7\%\]{top:7%}.md\:top-\[8\%\]{top:8%}.md\:hidden{display:none}.md\:h-\[34px\]{height:34px}.md\:w-1\/3{width:33.333333%}.md\:w-\[100px\]{width:100px}.md\:w-\[130px\]{width:130px}.md\:w-\[170px\]{width:170px}.md\:w-\[60px\]{width:60px}.md\:w-\[80px\]{width:80px}.md\:w-auto{width:auto}.md\:max-w-\[200px\]{max-width:200px}.md\:flex-row{flex-direction:row}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-1{padding-top:.25rem;padding-bottom:.25rem}}body,html{scroll-behavior:smooth;box-sizing:border-box;background-color:#eee!important;font-family:Kanit,sans-serif!important;overflow:hidden;margin:0!important}.page-content{background-color:#fff;padding:16px;margin-top:4px;border-radius:3px;min-height:80vh;position:relative}.navbar{background-color:#fff}.navbar *{color:#6d6b6b}.navbar .ant-badge-count{border-radius:3px!important}.navbar .ant-badge-count span{color:#fff!important}.navbar .ant-badge-count[title="0"]{background:#e1e1e1!important}.color-theme{background-color:#fff}.shadow-top{box-shadow:0 0 5px 2px #ebebebd1}tr.drop-over-downward td{border-bottom:2px dashed #1890ff!important}tr.drop-over-upward td{border-top:2px dashed #1890ff!important}.border-r{border-right-width:1px}.form-field{background-color:#ededed40;border-radius:5px}.swal2-popup{border-radius:12px!important}.btn-green *{color:green!important}.btn-green:hover{color:green!important;border:green 1px solid!important}.btn-red *{color:red!important}.btn-red:hover{color:red!important;border:red 1px solid!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f100}::-webkit-scrollbar-thumb{background:#65656565;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#5555557b}input[type=color]{border:none;width:60px;height:32px;border-radius:25px!important}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}::-webkit-scrollbar{height:4px;width:4px;border:1px solid #d5d5d5}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@media screen and (max-width: 768px){.grid-top-down{display:grid;grid-auto-flow:column}}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.spinner{animation:spin infinite 5s linear}.menu{height:32px!important}.admin-layout{display:grid;grid-template-areas:"logo nav" "side content";grid-template-rows:50px 1fr;grid-template-columns:250px 1fr}.admin-layout[data-open=false]{grid-template-columns:0px 1fr}.layout-logo{grid-area:logo}.layout-navbar{grid-area:nav;display:flex}.layout-sidebar{grid-area:side;height:100%;transition:width .3s}.layout-content{grid-area:content}.border-divider{background-color:#eee;position:absolute;left:0;top:0;width:100%;height:2px;z-index:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.report-tab-border:before{content:" ";position:absolute;width:100%;height:100%;border-top:2px solid #eee;transform:translateY(23%);z-index:0}@media screen and (max-width: 700px){.report-tab-border:before{content:" ";position:absolute;width:100%;height:100%;border-top:2px solid #eee;transform:translateY(13%);z-index:0}.admin-layout{grid-template-rows:100px 1fr;grid-template-columns:0px 1fr}.admin-layout .layout-navbar{z-index:999!important}.admin-layout .layout-sidebar{overflow-y:scroll;position:fixed;left:0;top:0;width:250px;transform:translate(-100%);z-index:998;padding-top:100px;transition:all .25s}.admin-layout .layout-content>:where(.p-4,.p-5){padding:0!important}.admin-layout .layout-content .ant-breadcrumb{padding-left:16px;padding-top:5px}.admin-layout[data-open=true] .layout-sidebar{transform:translate(0)}.admin-layout[data-open=true] .layout-content:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#00000080;z-index:9}}