@font-face{font-family:Kanit;src:url(/font/Kanit-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-size:22px}:root{--foreground-rgb:0,0,0;--black:#0a0908;--gray-lightest:#dcdfe5;--gray-light:#c4c4c4;--gray-lighter:#c6c6c6;--gray-medium:#4f4f4f;--gray-dark:#1a1a1a;--gray:#8b8c89;--orange:#f7941e;--orange-light:#fec89a;--orange-lighter:#ffd7ba;--orange-lightest:#ffecd1;--orange-dark:#db7c26;--orange-bg:#fff2e2;--red:#e74c3c;--red-dark:#c00;--white:#fff;--blue:#4895ef;--hover-menu:#fff2e2}html{background-color:#fefefe;display:flex;align-items:center;justify-content:center;height:90vh}body,html{font-family:Kanit,Arial,Helvetica,sans-serif}body{color:#777;font-size:10px;font-weight:900;width:100%;height:100%;margin:0;padding:0;background-color:transparent!important}.MuiAutocomplete-paper,.MuiFormHelperText-root,.MuiMenuItem-root,.MuiTypography-root{font-family:Kanit,Arial,Helvetica,sans-serif!important}.MuiToolbar-root{min-height:48px!important}.MuiFormControl-root{margin:0!important}.MuiAppBar-root{background-color:var(--white);box-shadow:4px 4px 8px 0 rgba(0,0,0,.05)}.title-login{font-size:46px!important;font-weight:700!important;line-height:1.5!important;letter-spacing:.00938em!important}.subtitle-login{font-size:16px;font-weight:400}.container-login,.container-main{top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;scroll-padding:0}.container-login{position:fixed}.box-main{min-height:100px;margin-top:56px}.box-main,.box-style{background-color:var(--white);padding:16px;border-radius:8px;overflow:auto}.box-style{height:100%}.box-list-table{overflow:hidden;border-radius:4px!important}.paper-list-table{width:100%;box-shadow:none!important;border:1px solid var(--gray-light);border-radius:8px}.box-login{margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.form-login{box-shadow:none;padding:0!important;border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;text-align:center;background-color:var(--white);min-height:534px;width:616px;align-content:center}.btn-login{width:520px;height:48px;display:inline-block;text-align:center;margin-top:60px!important}.logo-login{-o-object-fit:cover;object-fit:cover;width:148px!important;height:32px!important}.btn-login-google{background:var(--white)!important;box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)!important;color:var(--gray)!important;text-transform:none!important;height:48px!important;font-family:Kanit,Arial,Helvetica,sans-serif;font-weight:700;font-size:14px}.btn-login-google-disabled{cursor:default!important;color:var(--gray-light)!important}.MuiFormLabel-root.MuiInputLabel-root.Mui-focused{color:var(--orange);border-color:var(--orange)}.MuiAutocomplete-root .MuiOutlinedInput-root{min-height:40px}.dialog-icon,.dialog-session-icon{width:40px;height:40px;text-align:center;border-radius:24px;padding-top:8px}.dialog-session-icon{background-color:var(--lightRed);color:var(--red)}.dialog-error-icon{width:62px;height:62px;background-color:var(--red);border-radius:100px;margin-left:auto;margin-right:auto}.dialog-done-icon,.dialog-error-icon{text-align:center;padding-top:8px;color:var(--white)}.dialog-done-icon{width:40px;height:40px;background-color:var(--green);border-radius:24px}.label-username{padding-left:16px!important;padding-right:16px!important;margin-right:8px;border-radius:8px!important;min-height:2px!important;color:var(--black)!important;background-color:var(--orangeer)!important;font-size:16px!important;font-weight:400!important;height:24px!important}.MuiDayCalendar-weekDayLabel,.MuiPickersCalendarHeader-labelContainer,.MuiPickersMonth-monthButton,.MuiPickersYear-yearButton,.MuiTablePagination-displayedRows,.MuiTablePagination-selectLabel,.MuiTreeItem-label{font-size:16px!important;font-family:Kanit,Arial,Helvetica,sans-serif!important;text-decoration:none!important}.MuiPickersMonth-monthButton.Mui-selected,.MuiPickersYear-yearButton.Mui-selected{background-color:var(--orange)!important}.vl{border-left:2px solid var(--green-gray);height:24px}.icon-button-primary{background-color:var(--orange-lightest)!important;color:var(--orange)!important;width:40px;height:40px}.icon-button-secondary{background-color:var(--orange)!important;color:var(--red)!important}.icon-button-error{background-color:#e74c3c33!important;color:var(--red)!important;width:40px;height:40px}.icon-button-secondary:hover{background-color:var(--lightRed)!important;color:var(--white)!important}.icon-button-edit{background-color:var(--orange)!important;color:var(--white)!important}.start-icon-button{width:20px!important;height:20px!important}.button-full-width{min-width:100%!important;width:100%!important}.MuiTableCell-head{font-weight:700!important}.total-header{background-color:var(--linen)!important}.styled-col,.styled-col-fix-width{padding:0 8px!important;border-radius:8px}.styled-col-fix-width{width:45px;text-align:center}.custom-table-cell{width:92px!important;padding:0 4px!important}.text-table-cell{padding:8px 2px!important;.MuiOutlinedInput-input{padding:9px 14px!important;text-align:right!important}}.table-ctn{max-height:67vh;border:1px solid #999;border-radius:8px!important;.MuiTableCell-root{padding:8px!important}}.MuiAlert-icon{font-size:26px!important}.MuiAlert-action{.MuiIconButton-root:hover{background-color:transparent!important}}.MuiAlert-colorSuccess{background-color:var(--orange)!important}.MuiAlert-colorError{background-color:var(--red)!important}.MuiAlert-colorWarning{background-color:#f7b823!important}.MuiAlert-colorInfo{background-color:#0288d1!important}.day-of-week{text-align:center;margin-left:5px;margin-right:5px;width:92px!important;padding:3px}.upload-attach{border:1px solid var(--orange);border-radius:8px;margin-right:8px;width:34px;height:34px;text-align:center;align-content:end}.day-of-week-disabled{text-align:center;margin-left:5px;margin-right:5px;width:92px!important;border-radius:4px!important;padding:3px;background-color:#f5f5f5!important}.checkboxItem{border-left:1px dashed #c6c6c6!important;border-bottom:1px dashed #c6c6c6!important;border-radius:0!important}.MuiTab-root{text-transform:none!important;font-size:16px!important;font-family:Kanit,Arial,Helvetica,sans-serif!important;font-weight:400!important;opacity:1!important}.MuiTab-root.Mui-selected{color:var(--orange)!important;border-bottom:2px solid var(--orange);font-weight:700!important}.tab-header{border-radius:8px;background-color:var(--white)!important;border:1px solid var(--green-medium);margin-bottom:16px}.MuiTabs-indicator{display:none}.MuiChip-root{font-size:16px!important;font-family:Kanit,Arial,Helvetica,sans-serif!important;border:1px solid var(--gray)!important}.title-info-icon{font-size:14px!important;vertical-align:middle;color:var(--blue);margin-right:6px}.styled-date{padding:4px 8px!important;border-radius:8px}.MuiPickersDay-today{border:1px solid var(--black)!important}.box-status-active{padding:4px 16px!important;border:none!important;border-radius:42px!important;min-width:49px!important;height:32px!important;gap:4px!important;background-color:var(--orange)!important;margin-right:8px!important;margin-top:8px!important;color:var(--white)!important;.MuiChip-label{padding-left:0;padding-right:0}}.box-status-inactive{padding:4px 16px!important;border:none!important;border-radius:42px!important;min-width:49px!important;height:32px!important;gap:4px!important;background-color:var(--orange-lightest)!important;margin-right:8px!important;margin-top:8px!important;color:var(--orange)!important;.MuiChip-label{padding-left:0;padding-right:0}}.text-header{align-items:center}.sort-arrow,.text-header{display:inline-block!important}.sort-arrow{vertical-align:bottom;color:var(--gray);font-size:30px;margin-left:8px;width:16px}.MuiTooltip-tooltip{background-color:#e4e4e4!important;font-family:Kanit,Arial,Helvetica,sans-serif!important;font-size:12px!important;color:var(--black)!important;padding:4px 8px!important;border-radius:8px!important;max-width:400px!important;max-height:250px!important;overflow:auto}.paging-label{font-family:Kanit,Arial,Helvetica,sans-serif;font-size:16px;color:var(--black)}.paging-item{.MuiPaginationItem-root{border:none!important;font-family:Kanit,Arial,Helvetica,sans-serif;font-size:16px;text-decoration:none}.MuiPaginationItem-root:hover{background-color:none}.MuiPaginationItem-root.Mui-selected,.MuiPaginationItem-root.Mui-selected:hover,.MuiPaginationItem-root:hover{border-radius:50px;background-color:var(--lightGray);color:var(--black)}}.MuiCardContent-root:last-child{padding-bottom:0!important}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected{background-color:var(--linen)}.filter-drawer{width:350px!important;flex-shrink:0!important;z-index:1202!important;.MuiDrawer-paper{width:420!important;box-sizing:border-box!important;z-index:2000!important}.MuiBackdrop-root{opacity:0!important}}.MuiButtonBase-root.MuiPickersDay-root.Mui-selected{background-color:var(--blue)!important}.MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true]{background-color:var(--linen)!important}.style-table-container{max-height:37vh}.MuiTreeItem-content.Mui-selected{background-color:transparent!important}.MuiTablePagination-select{font-size:16px!important;padding-top:0!important;padding-bottom:0!important}.chip-active-style{background-color:var(--orange)!important;color:var(--white)!important}.chip-inactive-style,.chip-label-style{background-color:var(--orangeer)!important;color:var(--green-medium)!important}.chip-label-style{border-radius:24px!important}.box-detail{border:1px solid var(--orange);border-radius:8px}.box-preview-without-file{background-color:#333639;overflow:auto}.box-preview-file{background-color:var(--white);overflow:auto}.box-preview-brochure{background-color:var(--green-gray);overflow:auto;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.iframe-container{-webkit-overflow-scrolling:touch!important}.iframe-container iframe{width:100%;height:100%}.custom-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-box{position:relative;width:300px;height:436.5px}.card-hidden{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;color:var(--white)}.visibility-style{color:var(--white);font-size:16px!important;margin-right:8px;margin-left:8px;display:inline-block;vertical-align:sub}.chip-style{color:#f7941e;background-color:#fff2e2}.alert-box{width:100%;height:100%;padding:18px;border:2px solid #e74c3c;border-radius:8px}@media (max-width:767px){.logo-login{-o-object-fit:cover;object-fit:cover;width:90px!important;height:20px!important}.title-login{font-size:24px}.subtitle-login{font-size:12px}.btn-login{width:280px;margin-top:32px}.form-login{left:50%;top:30%}.openPickerIcon{display:inline!important}}@media (max-width:767px) and (orientation:landscape){.container-login,.container-main{background:none}.form-login{left:50%;top:40%}.openPickerIcon{display:inline!important}}@media (max-width:767px) and (orientation:portrait){.container-login{background-image:url(/images/bg-login-tablet.png)}.openPickerIcon{display:inline!important}.form-login{background-color:transparent}}@media (min-width:768px) and (max-width:991px){.container-login{background-image:url(/images/bg-login-tablet.png)}.form-login{left:50%;top:30%}.title-login{font-size:46px}.subtitle-login{font-size:16px}.btn-login{width:460px;margin-top:32px}.openPickerIcon{display:inline!important}.style-table-container{max-height:53vh}}@media (min-width:992px) and (max-width:1199px){.container-login{background-image:url(/images/bg-login-desktop.png)}.openPickerIcon{display:inline!important}.style-table-container{max-height:53vh}}@media (min-width:1200px){.container-login{background-image:url(/images/bg-login-desktop.png)}.openPickerIcon{display:inline!important}.style-table-container{max-height:53vh}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c6c6c6}::-webkit-scrollbar-thumb:hover{background:#555}.section-left,.section-right{flex:1}.section-login-group,.section-login-group2{padding-top:32vh;padding-left:16vh;padding-right:16vh}.section-login-group2{padding-left:24vh;padding-right:24vh}.section-google-button{margin-top:64px}@media (max-width:1366px){.section-login-group2{padding-left:18vh;padding-right:18vh}}