@import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}:root{--fc-button-text-color: #8b94ca !important;--fc-button-bg-color: #fff !important;--fc-button-border-color: #8b94ca !important;--fc-button-hover-bg-color: #eff2ff !important;--fc-button-hover-border-color: #2167d3 !important;--fc-button-active-bg-color: #2167d3 !important;--fc-button-active-border-color: #2167d3 !important;--fc-today-bg-color: #eff2ff !important}html,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kanit,sans-serif;min-height:100%;height:100%}textarea{overflow-y:auto!important}.date-picker,.date-picker>div.react-datepicker-wrapper,.date-picker>div>div.react-datepicker__input-container .date-picker>div>div.react-datepicker__input-container input{width:100%}.react-datepicker-popper{z-index:9999!important}.image-container{cursor:pointer;position:relative}.image,.image-no-hover{display:block;width:100%;height:100%;object-fit:contain}.image-container .delete{display:none;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-container .delete-multiple{display:block;cursor:pointer;position:absolute;top:10%;left:90%;transform:translate(-50%,-50%);z-index:3}.image:hover{content:"";top:0;left:0;background-color:#000000e6}.image-container:hover .delete{display:block;z-index:100}.overlay{position:absolute;inset:0;height:"100%";width:"100%";opacity:0;transition:.5s ease;background-color:#7474748c}.image-container:hover .overlay{opacity:.5}.ag-watermark{display:none!important;opacity:0!important}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{color:#fff!important}.fc-toolbar-chunk:nth-child(2){display:flex;gap:16px;align-items:center}.fc .fc-toolbar-title{font-family:Roboto,sans-serif;font-size:1.25em;color:#2167d3}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:0!important}.fc-timegrid-event .fc-event-main{overflow:hidden!important}.fc-daygrid-event{border-radius:16px;border-color:#2167d399!important}.fc-theme-standard .fc-list-day-cushion{background-color:#eff2ff}.fc .fc-popover{box-shadow:#00000026 0 2px 6px;position:absolute;z-index:1000}.fc .fc-toolbar{align-items:center;display:flex;justify-content:space-between;flex-direction:column;row-gap:1rem;@media only screen and (min-width: 600px){flex-direction:row}}svg>g:last-child>g:last-child{pointer-events:none}div.google-visualization-tooltip{pointer-events:none}div[style="position: absolute; pointer-events: none; color: rgba(130, 130, 130, 0.62); z-index: 100000; width: 100%; text-align: center; bottom: 50%; right: 0px; letter-spacing: 5px; font-size: 24px;"]{display:none!important;visibility:hidden!important}.mascot-image{width:256px;height:256px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@page{size:A4}@media print{html,body{height:100%;margin:0!important;padding:0!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-item{margin-bottom:5px}.print-label-wrapper .row{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.print-label-each .label-sn,.print-label-each .info-item{word-wrap:break-word}.template_custom_dayun{font-size:.7rem}.template_custom_dayun .print-label-each{padding-top:1.7cm;padding-left:.3cm;padding-right:.3cm}.template_custom_dayun .print-label-each .label-sn{font-size:.6rem}.template_custom_dayun .print-label-each .info-item{margin-bottom:0}.template_A4_1{width:21cm;min-height:29.7cm;padding:2mm;box-sizing:border-box}.template_A4_1 .row{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-gap:"0";margin-bottom:"0"}.template_A4_1 .print-label-each{height:5cm}.template_label_10x5_cm_1{width:5cm;box-sizing:border-box}.template_label_10x5_cm_1 .row{transform:rotate(-90deg);height:10cm;width:10cm;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.template_label_10x5_cm_1 .print-label-each{height:5cm}.template_label_10x5_cm_2{width:10cm;box-sizing:border-box}.template_label_10x5_cm_2 .row{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.template_label_10x5_cm_2 .print-label-each{height:5cm}.template_label_10x5_cm_2 .vertical{height:10cm;width:10cm}.template_label_16x125_inch_1{width:1.6in;box-sizing:border-box;font-size:.6rem!important}.template_label_16x125_inch_1 .row{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.template_label_16x125_inch_1 .print-label-each{height:1.25in;flex-direction:column;padding:5px;gap:3px}.template_label_16x125_inch_1 .print-label-each .qr{margin:0 auto!important}.template_label_16x125_inch_1 .print-label-each .label-sn{font-size:.5rem!important}.template_label_16x125_inch_1 .print-label-each .info-item{margin-bottom:0}.template_label_DAYUN_7x4_7_cm_1{width:4.7cm;box-sizing:border-box;font-size:.7rem}.template_label_DAYUN_7x4_7_cm_1 .row{transform:rotate(-90deg);height:7cm;width:7cm;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.template_label_DAYUN_7x4_7_cm_1 .print-label-each{padding-top:1.7cm;padding-left:.5cm;padding-right:.5cm;height:4.7cm}.template_label_DAYUN_7x4_7_cm_1 .print-label-each .label-sn{font-size:.6rem}.template_label_DAYUN_7x4_7_cm_1 .print-label-each .info-item{margin-bottom:0}.template_label_DAYUN_7x4_7_cm_2{width:7cm;box-sizing:border-box;font-size:.7rem}.template_label_DAYUN_7x4_7_cm_2 .row{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.template_label_DAYUN_7x4_7_cm_2 .print-label-each{padding-top:1.7cm;padding-left:.5cm;padding-right:.5cm;height:4.7cm}.template_label_DAYUN_7x4_7_cm_2 .print-label-each .label-sn{font-size:.6rem}.template_label_DAYUN_7x4_7_cm_2 .print-label-each .info-item{margin-bottom:0}.template_label_6x4_inch_1{width:4in;box-sizing:border-box}.template_label_6x4_inch_1 .row{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.template_label_6x4_inch_1 .print-label-each{flex-direction:column;height:6in}.template_label_6x4_inch_1 .print-label-each>div{margin:4px}.template_label_6x4_inch_2{width:6in;box-sizing:border-box}.template_label_6x4_inch_2 .row{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:0;margin-bottom:0}.template_label_6x4_inch_2 .print-label-each{flex-direction:column;height:4in}.template_label_6x4_inch_2 .print-label-each>div{margin:4px}.print-label-wrapper{position:relative;width:100%;height:100%;margin-top:150px;padding-bottom:30px}.print-label-default-margin{margin:auto}.print-label-navigator header{overflow:auto}.print-label-page-break-render{position:relative;display:block;width:100%;min-width:max-content;padding:10px 0;text-align:center}.template_A4_1 .print-label-page-break{margin-top:5px}.print-label-each{border:1px solid white;width:100%;display:flex;flex-direction:row;padding:10px 5px;box-sizing:border-box;overflow:hidden}.print-label-border .print-label-each{box-sizing:border-box;border:1px solid black}.print-label-border-radius .print-label-each{border-radius:15px}@media print{.print-label-default-margin{margin:0}.print-label-horizontal-center{margin:auto!important}body,html{height:100%;margin:0;padding:0}.print-label-wrapper{height:100%;margin:0;padding-bottom:0}.print-label-navigator{display:none;visibility:hidden}.print-label-page-break{margin-top:0}.print-label-page-break-render{display:none}.print-preview{transform:none;zoom:1}}.print-preview{transform:scale(1.5);transform-origin:top}.driver-popover-description *{font-family:Kanit,sans-serif!important}.driver-popover-footer{display:none!important}.driver-popover-arrow-side-top{content:"";position:absolute;border:5px solid #ecf6fd;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-bottom{content:"";position:absolute;border:5px solid #ecf6fd;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-left{content:"";position:absolute;border:5px solid #ecf6fd;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-right{content:"";position:absolute;border:5px solid #ecf6fd;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover.menu,.driver-popover.tab-button{transform:translate(15px)}.welcome{min-width:600px;min-height:300px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:0;.image-container{height:300px;border-radius:8px;background-color:#ecf6fd;padding:24px 16px;flex:1 1;display:flex;justify-content:center;align-items:center}.description-container{max-width:350px;flex:2 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px}}.graph{min-width:320px;min-height:240px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:16px;background-color:#ecf6fd;img{width:100%;height:auto;margin-top:8px;border-radius:8px;box-shadow:0 2px 10px #0000001a}}.document{min-width:320px;min-height:230px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:16px;background-color:#ecf6fd;img{width:100%;height:auto;margin-top:8px;border-radius:8px;box-shadow:0 2px 10px #0000001a}}.tab-button{min-width:320px;min-height:160px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:16px;background-color:#ecf6fd}.report{min-width:320px;min-height:460px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:16px;background-color:#ecf6fd;img{width:100%;height:auto;margin-top:8px;border-radius:8px;box-shadow:0 2px 10px #0000001a}}.manual{min-width:390px;min-height:455px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:16px;background-color:#ecf6fd;img{width:100%;height:auto;margin-top:8px;border-radius:8px;box-shadow:0 2px 10px #0000001a}}.menu{position:fixed;min-width:360px;min-height:160px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:16px;background-color:#ecf6fd}.ready{min-width:700px;min-height:500px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:16px;background-color:#fbfdff;.driver-popover-close-btn{display:block!important;position:absolute;top:16px;right:16px;color:#bdbdbd;font-size:24px}}.ag-theme-material{--ag-header-background-color: #ecf6fd;--ag-header-foreground-color: #333333;--ag-header-cell-moving-background-color: #ecf6fd;--ag-header-cell-hover-background-color: #ecf6fd;--ag-range-selection-border-color: rgba(0, 0, 0, 0);--ag-selected-row-background-color: #ecf6fd;--ag-cell-horizontal-padding: 16px;font-family:Kanit,sans-serif;font-size:14px}.ag-theme-material .ag-header-row:not(:first-child) .ag-header-cell{background-color:#fff}.ag-theme-material .ag-header-row:not(:first-child) .ag-header-cell:hover{background-color:#f2f2f2!important}.ag-theme-material .ag-checkbox-input-wrapper.ag-checked:after{color:#2167d3!important}.ag-theme-material .ag-radio-button-input-wrapper.ag-checked:after{color:#2167d3!important}.ag-theme-material .ag-tab-selected,.ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button{border-bottom-color:#2167d3}.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left{border-left-color:#2167d3}.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top{border-top-color:#2167d3}.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right{border-right-color:#2167d3}.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom{border-bottom-color:#2167d3}.ag-theme-material input[class^=ag-][type=text]:focus{border-bottom-color:#333}.ag-theme-material .ag-header-row{font-size:14px}.ag-theme-material .ag-details-row{padding:20px;background-color:#f7faf8}.ag-cell-wrapper{display:flex;align-items:center}.small-padding{padding:0 8px!important}.ag-theme-material .ag-ltr .ag-row-drag{margin-right:12px}.center{display:flex;justify-content:center!important;text-align:center!important;column-gap:2px}.right{display:flex;justify-content:right!important;text-align:right!important;column-gap:2px}.color-red{color:#f44336}.pdf{font-size:12px;padding:0!important}.text-center *{justify-content:center!important}.pdf-info{font-size:12px;justify-content:center;align-items:center;padding:0!important}.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,.ag-theme-material .ag-layout-print .ag-center-cols-clipper,.ag-theme-material .ag-layout-print .ag-center-cols-container{min-height:50px}.double-header{display:flex;flex-direction:column;justify-content:center;align-items:"center"}.ag-cell-value{display:flex}.ag-end-header .ag-header-cell-label,.ag-end-cell .ag-cell-value{justify-content:end}.ag-center-header .ag-header-cell-label{justify-content:center}.hide-header-text .ag-header-cell-label{visibility:hidden}.ag-header-cell-label>.ag-sort-indicator-container>.ag-sort-indicator-icon.ag-sort-order{display:none}.hidden-header .ag-header-cell-label{visibility:hidden}.ag-header-without-padding{padding:0}.work-order-resource.e-schedule{font-family:Kanit,sans-serif}.work-order-resource.e-schedule .e-time-slots{font-size:14px;padding-left:11px!important;padding-top:12.25px!important}.work-order-resource.e-schedule .e-header-cells>div{position:relative}.work-order-resource.e-schedule table,.work-order-resource.e-schedule td,.work-order-resource.e-schedule th,.work-order-resource.e-schedule .e-table-container,.work-order-resource.e-schedule .e-appointment{border-color:#e2e2e2!important}.work-order-resource.e-schedule .e-timeline-view .e-resource-left-td{vertical-align:bottom}.work-order-resource.e-schedule .e-timeline-view .e-resource-left-td{width:290px;height:80px}.work-order-resource.e-schedule .e-timeline-view .e-resource-left-td .e-resource-text{display:flex;font-size:14px;font-weight:600;padding:0;height:48px}.template-wrap{display:flex;flex-grow:1;flex-direction:row}.work-order-resource.e-schedule .e-timeline-view .e-resource-left-td .e-resource-text .template-wrap .resource-col-header{display:flex;border-color:#e2e2e2;border-style:solid;border-width:0 1px 0 0;padding:12px 8px;background-color:#ecf6fd}.work-order-resource.e-schedule .e-date-header-container .e-date-header-wrap .e-schedule-table>tbody{height:80px}.work-order-resource.e-schedule .e-timeline-view .e-date-header-wrap .e-header-row .e-time-slots{font-weight:600;padding-top:14.25px;padding-bottom:14.25px;background-color:#ecf6fd;border:none}.e-schedule .e-timeline-view .e-navigate{font-size:14px;pointer-events:none}.work-order-resource.e-schedule .e-timeline-view .e-date-header-wrap .e-header-row .e-time-slots>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.e-schedule .e-timeline-view .e-date-header-wrap table col,.e-schedule .e-timeline-view .e-content-wrap table col,.e-schedule .e-timeline-month-view .e-date-header-wrap table col,.e-schedule .e-timeline-month-view .e-content-wrap table col{width:60px!important}.e-schedule .e-timeline-view .e-resource-left-td{border-bottom-width:0px!important}.e-work-cells{background-color:#fff!important}.e-resource-group-cells,.e-parent-node{background-color:#f2f2f2!important}.e-schedule .e-timeline-view .e-parent-node,.e-schedule .e-timeline-view .e-resource-group-cells{height:45px}.e-schedule .e-timeline-view .e-child-node{height:64px;border-right:0px;padding-left:0}.e-schedule .e-timeline-view .e-work-cells{height:64px}.e-schedule .e-timeline-view .e-parent-node{height:45px;border-right:0px;padding-left:0}.e-schedule .e-timeline-view .e-resource-group-cells{height:45px}.e-schedule .e-resource-column-wrap{border-right:1px solid #e2e2e2}.e-schedule .e-timeline-view .e-resource-tree-icon{display:flex;align-items:center;justify-content:center;height:100%}.e-schedule .e-timeline-view .e-resource-tree-icon:before{display:block!important;transform:scale(.7);color:#333}.e-schedule .e-timeline-view .e-resource-tree-icon.e-resource-expand{transform:rotate(90deg);padding:2px 6px}.e-schedule .e-timeline-view .e-resource-tree-icon.e-resource-collapse{transform:rotate(-90deg);padding:2px 6px}.e-schedule .e-resource-cells.e-parent-node>div:nth-child(2){display:flex;height:100%}.e-schedule .e-resource-cells.e-parent-node{padding:0}.e-schedule .e-resource-cells.e-parent-node .resource-header .resource-col-name{display:flex;align-items:center;width:146px;height:100%;padding:6px 8px 6px 0;border-right:1px solid #e2e2e2}.e-schedule .e-resource-cells.e-parent-node .resource-header .resource-col-capacity{display:flex;align-items:center;width:80px;height:100%;padding:0 8px;border-right:1px solid #e2e2e2}.e-schedule .e-resource-cells.e-child-node>div{display:flex;height:100%;background-color:#fff!important}.e-schedule .e-resource-cells.e-child-node .resource-col-name{display:flex;align-items:center;width:170px;height:100%;padding:12px 8px 12px 24px;border-right:1px solid #e2e2e2}.e-schedule .e-resource-cells.e-child-node .resource-col-capacity{display:flex;align-items:center;width:80px;height:100%;padding:0 8px;border-right:1px solid #e2e2e2}.e-schedule .e-resource-cells.e-child-node .resource-col-mo{display:flex;align-items:center;width:120px;height:100%;padding:0 8px}.e-spin-material{width:60px!important;height:60px!important;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#bdbdbd 94%,#0000) top/10px 10px no-repeat,conic-gradient(#0000 10%,#bdbdbd);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 0);animation:l13 1s infinite linear;transform-origin:50% 50% 0!important;transform-origin:initial!important;stroke:none!important}@keyframes l13{to{transform:rotate(1turn)}}.e-spinner-pane .e-spinner-inner{left:67%!important;top:40%!important}.e-schedule .e-appointment{background:transparent!important;border:0px!important}.e-appointment-details{align-items:center;padding:0!important}.e-appointment-details>div{width:100%}.e-indicator.e-icons{display:none!important}.e-schedule .e-timeline-view .e-appointment.e-appointment-border,.e-schedule .e-timeline-view .e-appointment:focus{box-shadow:none}td.e-current-day{color:#333!important}