*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Noto Sans Thai,Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}img,svg,video,canvas,audio,iframe,embed,object{display:inline;vertical-align:middle}*,: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: }::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: }.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.left-0{left:0px!important}.right-0{right:0px!important}.top-0{top:0px!important}.z-10{z-index:10!important}.z-50{z-index:50!important}.col-start-1{grid-column-start:1!important}.col-end-3{grid-column-end:3!important}.col-end-4{grid-column-end:4!important}.m-2{margin:.5rem!important}.m-5{margin:1.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-2\.5{margin-left:.625rem!important;margin-right:.625rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-1\.5{margin-top:.375rem!important;margin-bottom:.375rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.-mb-3{margin-bottom:-.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-\[0\.1rem\]{margin-bottom:.1rem!important}.ml-3{margin-left:.75rem!important}.ml-4{margin-left:1rem!important}.ml-\[2px\]{margin-left:2px!important}.mt-0{margin-top:0!important}.mt-3{margin-top:.75rem!important}.mt-5{margin-top:1.25rem!important}.line-clamp-1{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-full{height:100%!important}.max-h-\[calc\(90vh\)\]{max-height:90vh!important}.max-h-\[calc\(90vh-100px\)\]{max-height:calc(90vh - 100px)!important}.min-h-full{min-height:100%!important}.w-2\/3{width:66.666667%!important}.w-4{width:1rem!important}.w-96{width:24rem!important}.w-full{width:100%!important}.max-w-7xl{max-width:80rem!important}.flex-1{flex:1 1 0%!important}.flex-grow{flex-grow:1!important}.table-fixed{table-layout:fixed!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.list-disc{list-style-type:disc!important}.grid-cols-\[minmax\(0\,max-content\)_minmax\(0\,_1fr\)\]{grid-template-columns:minmax(0,max-content) minmax(0,1fr)!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.content-end{align-content:flex-end!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-10{gap:2.5rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-7{gap:1.75rem!important}.gap-8{gap:2rem!important}.self-end{align-self:flex-end!important}.self-center{align-self:center!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.break-words{overflow-wrap:break-word!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.rounded-md{border-radius:.375rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-b-0{border-bottom-width:0px!important}.border-b-\[3px\]{border-bottom-width:3px!important}.border-r-0{border-right-width:0px!important}.border-r-\[1px\]{border-right-width:1px!important}.border-t-\[1px\]{border-top-width:1px!important}.border-\[\#0066ff\]{--tw-border-opacity: 1 !important;border-color:rgb(0 102 255 / var(--tw-border-opacity))!important}.border-black{--tw-border-opacity: 1 !important;border-color:rgb(0 0 0 / var(--tw-border-opacity))!important}.border-primary{--tw-border-opacity: 1 !important;border-color:rgb(0 102 255 / var(--tw-border-opacity))!important}.border-white{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity))!important}.border-b-\[\#dfdfdf\]{--tw-border-opacity: 1 !important;border-bottom-color:rgb(223 223 223 / var(--tw-border-opacity))!important}.bg-\[\#0066FF\]{--tw-bg-opacity: 1 !important;background-color:rgb(0 102 255 / var(--tw-bg-opacity))!important}.bg-\[\#F5F6FA\]\/80{background-color:#f5f6facc!important}.bg-primary{--tw-bg-opacity: 1 !important;background-color:rgb(0 102 255 / var(--tw-bg-opacity))!important}.bg-transparent{background-color:transparent!important}.bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-10{padding:2.5rem!important}.p-2{padding:.5rem!important}.p-2\.5{padding:.625rem!important}.p-4{padding:1rem!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.pb-4{padding-bottom:1rem!important}.pl-10{padding-left:2.5rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:.75rem!important}.pl-5{padding-left:1.25rem!important}.pr-0{padding-right:0!important}.pr-4{padding-right:1rem!important}.pt-3{padding-top:.75rem!important}.pt-4{padding-top:1rem!important}.pt-5{padding-top:1.25rem!important}.pt-8{padding-top:2rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-start{text-align:start!important}.align-bottom{vertical-align:bottom!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-5xl{font-size:3rem!important;line-height:1!important}.text-6xl{font-size:3.75rem!important;line-height:1!important}.text-\[18px\]{font-size:18px!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-semibold{font-weight:600!important}.text-\[\#0066FF\],.text-\[\#0066ff\]{--tw-text-opacity: 1 !important;color:rgb(0 102 255 / var(--tw-text-opacity))!important}.text-\[\#6D7C93\]{--tw-text-opacity: 1 !important;color:rgb(109 124 147 / var(--tw-text-opacity))!important}.text-\[\#707070\]{--tw-text-opacity: 1 !important;color:rgb(112 112 112 / var(--tw-text-opacity))!important}.text-black{--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity))!important}.text-black\/90{color:#000000e6!important}.text-hint{--tw-text-opacity: 1 !important;color:rgb(170 170 170 / var(--tw-text-opacity))!important}.text-primary{--tw-text-opacity: 1 !important;color:rgb(0 102 255 / var(--tw-text-opacity))!important}.text-red-600{--tw-text-opacity: 1 !important;color:rgb(220 38 38 / var(--tw-text-opacity))!important}.text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.shadow-\[0_0px_15px_0px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow: 0 0px 15px 0px rgba(0,0,0,.25) !important;--tw-shadow-colored: 0 0px 15px 0px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-\[0_0px_4px_3px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow: 0 0px 4px 3px rgba(0,0,0,.2) !important;--tw-shadow-colored: 0 0px 4px 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06)) !important;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)!important}.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)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}html{font-size:16px}@media screen and (max-width: 640px){html{font-size:14px}}html,body,#root,.App{width:100%;height:100%}.main-container{width:100%;height:100%;overflow-y:auto;background:#f5f6fa}.sub-container{width:100%;max-width:1536px;margin-right:auto;margin-left:auto;padding:10px;display:flex;flex-direction:column;gap:1rem}@media only screen and (max-width: 640px){.sub-container{margin-top:16px;margin-bottom:16px}}@media only screen and (min-width: 640px){.sub-container{margin-top:24px;margin-bottom:24px}}@media only screen and (min-width: 768px){.sub-container{margin-top:32px;margin-bottom:32px}}@media only screen and (min-width: 1024px){.sub-container{margin-top:40px;margin-bottom:40px}}.hover\:bg-\[\#E9E9E9\]:hover{--tw-bg-opacity: 1 !important;background-color:rgb(233 233 233 / var(--tw-bg-opacity))!important}.hover\:underline:hover{text-decoration-line:underline!important}@media not all and (min-width: 640px){.max-sm\:justify-start{justify-content:flex-start!important}}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1!important}.sm\:col-start-1{grid-column-start:1!important}.sm\:col-end-2{grid-column-end:2!important}.sm\:col-end-3{grid-column-end:3!important}.sm\:my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.sm\:mb-0{margin-bottom:0!important}.sm\:ml-4{margin-left:1rem!important}.sm\:mt-0{margin-top:0!important}.sm\:flex{display:flex!important}.sm\:w-1\/2{width:50%!important}.sm\:w-full{width:100%!important}.sm\:table-auto{table-layout:auto!important}.sm\:justify-end{justify-content:flex-end!important}.sm\:justify-center{justify-content:center!important}.sm\:py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.sm\:pb-6{padding-bottom:1.5rem!important}.sm\:pl-8{padding-left:2rem!important}.sm\:pt-4{padding-top:1rem!important}.sm\:text-right{text-align:right!important}.sm\:text-start{text-align:start!important}.sm\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.sm\:text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.sm\:text-\[22px\]{font-size:22px!important}.sm\:text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.sm\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.sm\:text-xs{font-size:.75rem!important;line-height:1rem!important}}@media (min-width: 768px){.md\:my-8{margin-top:2rem!important;margin-bottom:2rem!important}.md\:block{display:block!important}.md\:hidden{display:none!important}.md\:w-auto{width:auto!important}.md\:flex-row{flex-direction:row!important}.md\:gap-3{gap:.75rem!important}.md\:border-r-2{border-right-width:2px!important}.md\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.md\:px-8{padding-left:2rem!important;padding-right:2rem!important}.md\:text-left{text-align:left!important}.md\:text-2xl{font-size:1.5rem!important;line-height:2rem!important}.md\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.md\:text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.md\:text-5xl{font-size:3rem!important;line-height:1!important}.md\:text-\[26px\]{font-size:26px!important}.md\:text-base{font-size:1rem!important;line-height:1.5rem!important}.md\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.md\:text-xl{font-size:1.25rem!important;line-height:1.75rem!important}}@media (min-width: 1024px){.lg\:my-10{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.lg\:justify-center{justify-content:center!important}.lg\:gap-4{gap:1rem!important}.lg\:text-2xl{font-size:1.5rem!important;line-height:2rem!important}.lg\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.lg\:text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.lg\:text-5xl{font-size:3rem!important;line-height:1!important}.lg\:text-6xl{font-size:3.75rem!important;line-height:1!important}.lg\:text-\[30px\]{font-size:30px!important}.lg\:text-base{font-size:1rem!important;line-height:1.5rem!important}.lg\:text-lg{font-size:1.125rem!important;line-height:1.75rem!important}}@media (min-width: 1280px){.xl\:justify-center{justify-content:center!important}}.layout__Dashboard{display:flex;flex-direction:column;align-items:stretch;height:100%}.navbar{z-index:1299}.grid-container{height:max-content;display:grid;margin:0 auto;text-align:center}.card-container{text-align:center;padding-top:30px;padding-bottom:30px;border-radius:.5rem;background-color:#fff;gap:20px}@media only screen and (max-width: 640px){.grid-container{width:100%;gap:0px;margin-top:20px}}@media only screen and (min-width: 640px){.grid-container{width:80%;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;margin-top:20px}}@media only screen and (max-width: 640px){.card-container{margin-bottom:20px}}@media only screen and (min-width: 640px){.card-container{margin-bottom:0}}.parentHeader{position:relative;display:flex;flex-direction:row;justify-content:end;width:100%;align-items:center}.hoverHeader{position:absolute;width:24px!important;height:24px!important}.arrowSortingA{display:none}.emtpyBox{width:24px!important;height:24px!important}.parentHeader:hover .hoverHeader .emtpyBox{display:none}.parentHeader:hover .hoverHeader .arrowSortingA{display:inline-block}@media only screen and (max-width: 640px){thead>tr:nth-child(2) th{top:38.5px}}@media only screen and (min-width: 640px){thead>tr:nth-child(2) th{top:40px}}@media only screen and (min-width: 768px){thead>tr:nth-child(2) th{top:44px}}@media only screen and (min-width: 1024px){thead>tr:nth-child(2) th{top:44px}}.calendar-container-root .MuiPickersCalendarHeader-root{display:none!important}