@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500&display=swap";.ant-layout-sider{background-color:#fff}.user-box{display:flex;flex-direction:row;padding:24px;color:#000}.inner-img{border-radius:50%}.user-name{margin-left:16px;overflow:hidden;text-overflow:ellipsis}.ant-menu-light .ant-menu-item-selected,.ant-menu-light .ant-menu-item:hover{color:#006d2e;background-color:#d5f0e0}.ant-menu-title-content .ant-menu-title-item:hover,.ant-menu-submenu-title:hover{background-color:#d5f0e0;color:#006d2e}.ant-menu-title-content{color:#5c6372}.ant-menu-item{padding:0 16px}.button-contact{position:absolute!important;bottom:44px}.button-logout{position:absolute!important;bottom:0}.ant-menu-item-icon svg{color:#5c6372}.ant-menu-light.ant-menu-root.ant-menu-inline,.ant-menu-light.ant-menu.ant-menu-root.ant-menu-vertical{max-height:calc(100% - 163px);overflow:auto}.ant-layout-sider-children{height:100%}.ant-layout-sider{overflow:hidden!important}.ant-layout-sider-children>div:last-child{background-color:#fff}.ant-tag.ant-tag-has-color{color:var(--color-primary)}.anticon.anticon-close.ant-tag-close-icon{color:#000}.product{width:100%;padding:16px;overflow:auto;height:620px}.product-selection{margin-bottom:8px}.head{font-size:28px}.see-all{margin-top:8px;color:var(--color-primary)}.search-brands{border:1px solid salmon;display:grid!important;grid-template-columns:repeat(2,auto)!important}.ant-checkbox+span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}.ant-checkbox+span .custom-dropdown .ant-select-dropdown-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ant-checkbox+span .custom-dropdown-menu{width:400px}.ant-checkbox+span .ant-select-dropdown-columns-2{-moz-column-count:2;column-count:2;-moz-column-gap:16px;column-gap:16px}.ant-checkbox+span .ant-select-dropdown-columns-2 .ant-select-item{display:inline-block;width:100%}.ant-checkbox+span .drop-list{border:1px solid salmon}.ant-select-outlined.ant-select-multiple .ant-select-selection-item{background:#0000000f;border:1px solid #D5F0E0;background-color:#f5fff7;color:#006d2e}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#f5fff7;color:var(--color-primary)}.ant-select-dropdown .ant-select-item-option{color:var(--color-primary)}.input-search .ant-space-item{width:100%;padding:0 8px}.not-found{bottom:0;left:130px;width:200px;color:var(--font-gray)}.no-filter{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px}.duration{width:100%;padding:16px;overflow:auto;height:670px}.footer-modal{position:absolute;display:flex;flex-direction:row;justify-content:space-between;background-color:#f6f7fb;width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:16px 0;left:0;margin-top:0!important}.filter-content .ant-modal-content{padding:0!important}.ant-modal .ant-modal-body{border-left:5px solid #FFFFFF;border-right:5px solid #FFFFFF;border-top-left-radius:8px;border-top-right-radius:8px}.filter-content .ant-menu-light.ant-menu-root.ant-menu-vertical{height:100%;padding:16px 0 0;text-align:start}.filter-content .ant-menu-light .ant-menu-item{display:flex;align-items:center}.ant-tooltip{max-width:380px}.ant-tooltip-inner{color:#006d2e!important}.cut-line{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:380px;background-color:#f5fff7;color:#006d2e;border:1px solid #d5f0e0;padding:6px 8px;border-radius:4px}.filter-item{flex-wrap:wrap}.tableau-dashboard .error-display{display:flex;justify-content:center;align-items:center;height:500px}.main-content{display:flex;flex-direction:column;text-align:center;align-items:center;gap:12px}.tableau-dashboard a{padding:8px 16px;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;width:-moz-fit-content;width:fit-content}.tableau-dashboard a:hover{color:#fff;background-color:var(--color-primary);filter:drop-shadow(0 0 .2rem #006d2e)}.ant-dropdown-menu-item-active{background-color:#d5f0e0!important;color:#006d2e!important}.item-list{border-radius:8px;padding:6px;box-shadow:0 0 10px #0000001a}.item-list label{padding:4px 8px;border-radius:6px}.item-list label:hover{background-color:#f6f7fb;color:#5c6372}.tableau-dashboard{position:relative}.loading-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:wait;pointer-events:all}.loading-backdrop .spinner{pointer-events:none}.ant-layout{flex:none}.my-acc{margin-left:4px;border:1px solid none;color:#4765f2;padding:3px 8px;border-radius:4px;background-color:#edf0fe}:where(.css-dev-only-do-not-override-w2xdgb).ant-table-wrapper .ant-table-tbody>tr>th,:where(.css-dev-only-do-not-override-w2xdgb).ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:none!important}.ant-table-wrapper .ant-table-tbody>tr>td{padding:0 8px!important}.team-table .ant-table-thead>tr>th{padding-top:8px;padding-bottom:8px}.team-table .ant-btn-default{color:#5c6372;font-weight:500}.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:last-child{background-color:#e9ebf0}.acc-page{position:fixed;top:0;right:0;bottom:-24px;overflow:auto}.max-width{max-width:200px}.border{border:1px solid #D3D7E1;padding:16px;border-radius:8px}.little-black{color:#0c0e11}.acc-page .ant-modal-content{border-radius:0!important;min-height:100vh!important}.term-table.term-table .ant-table-wrapper .ant-table-tbody>tr>td{padding:16px 16px 16px 4px!important;border-bottom:none!important}.ant-table-wrapper .ant-table-thead>tr>th{text-align:center!important;font-weight:400!important;border-bottom:1px solid #D3D7E1}.ant-table-wrapper .ant-table-thead>tr>th,:where(.css-dev-only-do-not-override-w2xdgb).ant-table-wrapper .ant-table-thead>tr>td{background:#e9ebf0;border-bottom:1px solid #D3D7E1}.ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before,.ant-table-wrapper .ant-table-thead>tr>td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{background-color:#0000000f}.upload-file{margin-top:16px;background-color:#fafafa;padding:16px;border-radius:8px}.selection-contact-inner .selection-contact .ant-select-selection-item{font-weight:400}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:var(--color-primary)!important}.ant-select-dropdown .ant-select-item-option{color:#000!important;font-weight:400!important}:where(.css-dev-only-do-not-override-w2xdgb).ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--color-back-green)!important}.check-pass{display:flex;justify-content:center;align-items:center;line-height:23.1px}.check-pass .box-check-pass{padding:56px;border:1px solid #D3D7E1;border-radius:8px}.check-pass .box-check-pass .logo{width:64px}.check-pass .details-check-pass{align-items:start;max-width:328px;word-break:break-word}.check-pass .details-check-pass a{color:var(--color-primary)}.create-pass{display:flex;justify-content:center;align-items:center;line-height:23.1px}.create-pass .box-create-pass{padding:56px;border:1px solid #d3d7e1;border-radius:8px}.create-pass .box-create-pass .logo{width:64px}.create-pass .details-create-pass{align-items:start;max-width:328px;word-break:break-word}.create-pass .details-create-pass a{color:var(--color-primary)}.logo img{width:104px}.text-header{font-size:64px;font-weight:600;color:#fff}.line-break{line-break:anywhere}.text-description{font-size:16px;font-weight:400;color:#fff}.text-version{font-size:12px;font-weight:400;color:#000}.forgot-pass{display:flex;justify-content:center;align-items:center;line-height:23.1px}.forgot-pass .box-forgot-pass{padding:56px 24px;border:1px solid #D3D7E1;border-radius:8px}.forgot-pass .box-forgot-pass .logo{width:64px}.forgot-pass .details-forgot-pass{align-items:start;width:328px;word-break:break-word}.forgot-pass .details-forgot-pass a{color:var(--color-primary)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;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-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}*,: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: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.relative{position:relative}.mt-\[24px\]{margin-top:24px}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.text-\[12px\]{font-size:12px}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.font-\[500\]{font-weight:500}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.\!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}.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)}:root{margin:0;--color-primary: #006d2e;--font-gray: #5C6372;--color-back-green: #F5FFF7}*{font-family:IBM Plex Sans Thai,sans-serif!important}html,body{margin:0;background-color:#fafafa;line-height:26.4px}.icon-gray{font-size:16px!important}.font-12{font-size:12px}.font-16{font-size:16px}.font-20{font-size:20px}.font-24{font-size:24px}.head{font-size:28px;font-weight:600}.w500{font-weight:500}.w400{font-weight:400}.gray{color:var(--font-gray)}.content{padding:16px;background-color:#fff;border-radius:8px}.clear-bg{color:var(--color-primary);border:1px solid var(--color-primary)}.container{color:#000;padding:16px}.ant-notification-notice{border-color:#b3dbb5;background-color:#ecf6ed;width:328px!important;color:#201c00}.ant-btn{box-shadow:none;border-radius:8px}.ant-btn-default{color:var(--color-primary);border:1px solid var(--color-primary);font-weight:500}.ant-notification-notice{border-radius:8px!important;border:1px solid #B3DBB5}.ant-btn-primary:disabled{border-radius:8px;border:1px solid #BEC4D1;color:#bec4d1;background:#f6f7fb}.ant-table{border:1px solid #E9EBF0;border-radius:8px!important}.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:first-child{border-start-start-radius:8px}.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:last-child{border-start-end-radius:8px}.ant-input{border-color:#d3d7e1}.ant-pagination-item a,.ant-pagination-prev,.ant-pagination-next{border:1px solid #E9EBF0;border-radius:8px;width:42px}.ant-pagination-item-active{border-color:transparent}.ant-menu-title-content{font-size:16px}.ant-menu-light .ant-menu-item{font-size:16px;font-weight:400;line-height:26.4px;color:#5c6372}.ant-menu-item:hover{background-color:#f6f7fb!important;color:#5c6372}.ant-pagination-item-active a{border-color:transparent;color:#006d2e;z-index:100;border-radius:8px}.ant-layout-sider{border-inline-end:2px solid rgba(5,5,5,.06)}:where(.css-dev-only-do-not-override-w2xdgb).ant-menu-light.ant-menu-root.ant-menu-inline{border-inline-end:none}.ant-menu-item-selected .ant-menu-title-content,.ant-menu-item-selected .anticon{color:#006d2e!important}.ant-menu-submenu-selected .ant-menu-submenu-title{background-color:#d5f0e0;color:#006d2e!important}.ant-menu-title-content-selected{color:#006d2e}.ant-menu-submenu .ant-menu-item-selected{background-color:#fff}.ant-menu-sub{background-color:#fff!important}.ant-input:disabled{color:#bec4d1!important;pointer-events:none}.ant-modal-footer{margin-top:0!important}.ant-notification .ant-notification-notice-wrapper .ant-notification-notice{padding:8px 16px}.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-close{top:8px;right:8px}.ant-notification-notice-message{margin:6px 0}.ant-btn,.ant-modal,.ant-input,.ant-menu,.ant-table,.ant-layout,.ant-select,.ant-dropdown-menu-item,.ant-pagination,.ant-pagination-item,.ant-select-dropdown,.ant-notification{font-family:IBM Plex Sans Thai,sans-serif!important}