body{background-color:#f0f0f0;font-family:-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"}li.ant-menu-item.ant-menu-item-only-child{width:100%}#preview-pdf{font-family:Roboto,Open Sans,Sarabun,sans-serif}html{scroll-behavior:smooth;scrollbar-color:var(--silver-600) white;scrollbar-width:11px}input.ant-input.ant-input-disabled{border:none!important}.ant-switch .ant-switch-handle{top:0!important}li.ant-menu-item.ant-menu-item-selected.ant-menu-item-only-child{width:100%;border-radius:0}.ant-list .ant-list-item{padding:0}.ant-layout-header{padding:0 24px 0 10px!important}.ant-segmented{border-radius:var(--border-radius)!important}.ant-segmented-thumb,.ant-segmented-item-selected{background-color:var(--blue-500)!important;border-radius:var(--border-radius)!important}label.ant-segmented-item.ant-segmented-item-selected>.ant-segmented-item-label>.ant-typography{color:var(--white)!important}.ant-segmented-item-label{display:flex;align-items:center}.ant-segmented-item-label>.ant-typography{color:var(--gray-100)!important}.ant-list-sm .ant-list-item{padding-top:4px!important;padding-bottom:0!important}.ant-list-split .ant-list-item{border:none!important}.ant-btn,.ant-modal-content,.ant-input-group-addon:first-child,span.ant-input-affix-wrapper,.ant-input,.ant-card span.ant-input-search.ant-input-affix-wrapper,.ant-select-selector,.ant-tooltip-inner,.ant-popover-inner,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-checkbox-inner,.ant-select-dropdown,.ant-pagination-simple .ant-pagination-simple-pager input,.ant-skeleton-input{border-radius:var(--border-radius)!important}::-webkit-scrollbar-track{background-color:#fff;border-radius:0 0 var(--border-radius) 0}::-webkit-scrollbar-thumb{border-radius:6px;background-color:var(--silver-600);border:3px solid white}#vonder-sidebar-menu{overflow:overlay}#vonder-sidebar-menu::-webkit-scrollbar-thumb{background-color:var(--silver-300)}#vonder-sidebar-menu:hover::-webkit-scrollbar{width:11px;height:11px}#vonder-sidebar-menu::-webkit-scrollbar{width:0px}@supports (-moz-appearance: none){#vonder-sidebar-menu{overflow:auto;scrollbar-color:var(--silver-300) white;scrollbar-width:11px}}i.ant-menu-submenu-arrow{display:none!important}.ant-typography strong{color:#000000d9!important}.ant-tabs-nav-more{display:none}.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar{height:3px!important;background-color:var(--blue-500)}.ant-tabs-tab.ant-tabs-tab-disabled>.ant-tabs-tab-btn{color:var(--gray-100)!important;opacity:.4}.ant-tabs-tab{margin:0!important}.ant-tabs-tab-btn{font-weight:700!important;color:var(--gray-100)!important;padding:2px 16px!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--blue-500)!important}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{background-color:var(--silver-100);border-top:1px solid var(--silver-300)}.tab-dropdown.ant-tabs-dropdown .ant-tabs-dropdown-menu{padding:12px 0!important}.tab-dropdown.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-track{border-radius:0 6px 6px 0}.tab-dropdown.ant-tabs-dropdown .ant-tabs-dropdown-menu>li{font-size:14px;font-weight:700;line-height:20px;color:var(--gray-100)}.tab-dropdown.ant-tabs-dropdown .ant-tabs-dropdown-menu>li:hover{color:var(--blue-500)}.tab-dropdown.ant-tabs-dropdown .ant-tabs-dropdown-menu>li:hover>span>div>div{background-color:var(--blue-500);color:var(--white)}::-webkit-input-placeholder{color:var(--silver-700)!important}::placeholder{color:var(--silver-700)!important}textarea.ant-input{border:1px solid var(--silver-400);padding:6px 12px;padding-bottom:1.5rem}input.ant-input.ant-input-disabled{border:none;background-color:var(--silver-200);border:1px solid var(--silver-400);color:var(--gray-100)}.ant-input-affix-wrapper{padding:6px 12px!important;border-color:var(--silver-400)!important}.ant-input-affix-wrapper.ant-input-affix-wrapper-status-error,.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-status-error,.ant-input-number-status-error{border-color:var(--red-500)!important}.ant-input-number-affix-wrapper:hover,.ant-input-number-affix-wrapper:focus{border-color:var(--silver-400)!important;box-shadow:none!important;box-shadow:initial!important}span.ant-input-prefix{margin-right:8px}.ant-input-suffix{font-weight:400;font-size:14px;color:var(--gray-100)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ant-input-group-addon:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.ant-input-group .ant-input-affix-wrapper:not(:first-child){border-bottom-left-radius:0!important;border-top-left-radius:0!important}.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:var(--blue-500)!important}.ant-progress-circle.ant-progress-status-success .ant-progress-text{color:var(--blue-500)!important}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#bbb!important}.onboarding-carousel-messsage>.ant-carousel{height:75%}.onboarding-carousel-messsage>.ant-carousel .slick-list,.onboarding-carousel-messsage>.ant-carousel>.slick-initialized,.onboarding-carousel-messsage>.ant-carousel .slick-list>.slick-track,.onboarding-carousel-messsage>.ant-carousel .slick-list .slick-slide.slick-active,.onboarding-carousel-messsage>.ant-carousel .slick-list .slick-slide>div{height:100%}.onboarding-carousel-image>.ant-carousel .slick-list>.slick-track{display:flex;align-items:center}.onboarding-carousel-image>.ant-carousel{width:inherit}.ant-dropdown-menu{border-radius:var(--border-radius)!important;box-shadow:var(--shadow-300);max-height:400px;overflow:auto}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title{padding:6px 12px!important;font-weight:400!important}.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover>.ant-dropdown-menu-item-active{color:var(--blue-500)!important}li.ant-dropdown-menu-item>span.anticon svg,li.ant-dropdown-menu-item>span>span.anticon svg{margin-right:8px}.ant-dropdown-menu-item>.anticon svg path,li.ant-dropdown-menu-item>span.anticon svg path,li.ant-dropdown-menu-item>span>span.anticon svg path{fill:#000000d9!important}.ant-dropdown-menu-item:hover>.anticon svg path,li.ant-dropdown-menu-item:hover>span.anticon svg path,li.ant-dropdown-menu-item:hover>span>span.anticon svg path{transition:.3s;fill:var(--blue-500)!important}.ant-dropdown-menu-item-disabled:hover>.anticon svg path,li.ant-dropdown-menu-item-disabled:hover>span.anticon svg path,li.ant-dropdown-menu-item-disabled:hover>span>span.anticon svg path,.ant-dropdown-menu-item-disabled>.anticon svg path,li.ant-dropdown-menu-item-disabled>span.anticon svg path,li.ant-dropdown-menu-item-disabled>span>span.anticon svg path{fill:#00000040!important}.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover{color:#00000040!important}.ant-dropdown-menu-item-group-list{margin:0!important}.ant-menu-submenu-selected svg{fill:var(--blue-500)!important}li.ant-menu-item{display:flex;align-items:center}.mcl-subject-dropdown-menu{overflow:scroll!important}li.ant-menu-submenu.ant-menu-submenu-vertical.ant-menu-submenu-selected{border-right:2px solid var(--blue-500)!important}ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline,.ant-layout-sider-children{overflow:auto}.ant-layout-sider{z-index:1!important}.ant-menu-sub.ant-menu-inline{background:#f5f5f5!important}.ant-btn{font-weight:500!important}.ant-modal-header{padding:18px 16px!important;border-bottom:1px solid var(--silver-300);border-radius:var(--border-radius) var(--border-radius) 0 0!important;margin-bottom:0!important}.ant-modal-body{padding:32px 16px}.ant-modal-title{font-size:18px!important;font-weight:500!important;line-height:28px!important;color:var(--gray-100)!important}.ant-modal-footer{padding:16px!important;margin:0!important;background:var(--silver-100)!important;border-top:1px solid var(--silver-300)!important;border-radius:0 0 var(--border-radius) var(--border-radius)!important}.ant-modal-close-x{top:19px!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}.ant-modal-content,.ant-modal-confirm .ant-modal-body{padding:0!important}.ant-modal-confirm-body .ant-modal-confirm-content{font-weight:400!important;color:var(--gray-100)!important}.ant-modal-confirm-body{border-bottom:1px solid var(--silver-300);padding:16px}.ant-modal-confirm .ant-modal-confirm-btns{background-color:var(--silver-100);width:100%;margin:0;margin-top:0!important;padding:16px;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);display:flex;justify-content:flex-end}.ant-modal-confirm .ant-modal-confirm-btns{margin-top:0!important}.ant-modal-confirm .ant-modal-confirm-body>.anticon{margin-top:-2px;font-size:32px!important;margin-right:16px}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn{display:flex;align-items:center}.ant-modal-confirm-content{margin-top:0!important}.ant-modal-confirm-body .ant-modal-confirm-title,.ant-popover-message-title{font-weight:700!important;line-height:20px!important;color:var(--gray-700)!important}.ant-popover-inner-content{padding:16px}.ant-popover-message{padding:0 0 12px;font-size:12px!important}.ant-drawer-title{color:var(--gray-100)!important;font-size:18px!important;line-height:28px!important;width:100%!important;font-weight:500!important}.ant-drawer-header-title{width:100%;flex-direction:row-reverse}.popover-status-admin .ant-popover-inner-content{background:var(--gray-500);border:1px solid var(--gray-600);border-radius:var(--border-radius);padding:4px 1rem;width:-webkit-max-content;width:max-content;max-width:500px;white-space:pre-wrap;text-align:center;color:var(--white)}.popover-status-admin .ant-popover-arrow-content{background-color:var(--gray-500)!important}.popover-status-admin .ant-popover-arrow-content:before{background:#363c4d!important}.vonder-pop-confirm .ant-popover-inner-content{padding:0;border-radius:var(--border-radius)}.ant-form-item-explain-error{color:var(--red-500)!important;margin-top:.5rem!important;font-weight:400}.vonder-steps .ant-steps-item{flex:initial}.vonder-steps .ant-steps-item-title{margin-left:.25rem!important}.vonder-steps .ant-steps-item-subtitle{margin-left:.75rem!important}.vonder-steps .ant-steps-item-wait .ant-steps-item-icon{background:var(--silver-300);border-color:var(--silver-400)}.vonder-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:var(--gray-100)}.vonder-steps .ant-steps-icon,.vonder-steps .ant-steps-item-title{font-size:14px;font-weight:500;line-height:20px}.ant-select-dropdown{padding:8px 0!important}.ant-select-item{padding:6px 12px!important}.ant-select.ant-select-in-form-item.ant-select-status-error>.ant-select-selector{border-color:var(--red-500)!important}.ant-select-selector{border:1px solid var(--silver-400)!important}.ant-select-selection-placeholder{color:var(--silver-700)!important}.ant-select-item.ant-select-item-option{font-size:14px;font-weight:400;color:var(--gray-700)}.ant-select-item-option-content .extra-text,.ant-select-selection-item .extra-text{color:var(--silver-700)}.ant-select-item-option{background-color:#fff!important}.ant-select-item-option-active>.ant-select-item-option-content,.ant-select-item-option-active>.ant-select-item-option-content .ant-typography,.ant-select-item-option-active>.ant-select-item-option-content .extra-text{color:var(--blue-500)!important}.ant-select-item-option-selected,.ant-select-item.ant-select-item-option-active{background-color:var(--blue-hover)!important}.ant-select-item-option-selected>.ant-select-item-option-content,.ant-select-item-option-selected>.ant-select-item-option-content .ant-typography,.ant-select-item-option-selected>.ant-select-item-option-content .extra-text{color:var(--blue-500)!important}.ant-select-arrow>.anticon.arrow-down{pointer-events:none!important;font-size:20px!important}.ant-select-single.ant-select-show-arrow .ant-select-arrow>.anticon{-webkit-transform:rotate(0deg);transform:rotate(0);transition:all .3}.ant-select-single.ant-select-show-arrow.ant-select-open .ant-select-arrow>.anticon.arrow-down{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.ant-select-item.ant-select-item-option.ant-select-item-option-disabled{color:#00000040!important}.dropdown-upload-profile .ant-dropdown-menu-item.ant-dropdown-menu-item-active #icon-add-menu:hover{background-color:var(--blue-500)}.ant-picker{border-radius:var(--border-radius)!important;border:1px solid var(--silver-400)!important}.ant-picker ::-webkit-input-placeholder{color:var(--silver-700)!important}.ant-picker ::placeholder{color:var(--silver-700)!important}.ant-picker.ant-picker-status-error{border-color:var(--red-500)!important}.start-period .ant-picker-panel-container{width:100%!important}.start-period .ant-picker-date-panel{width:318px!important}.start-period .ant-picker-date-panel .ant-picker-content{width:100%}#insert-textarea{border:1px solid var(--silver-400)!important;border-radius:0 0 var(--border-radius) var(--border-radius);min-height:100px;transition:all .2s}#insert-textarea::-webkit-input-placeholder{color:var(--silver-700)}#insert-textarea::placeholder{color:var(--silver-700)}#insert-textarea:focus,#insert-textarea:hover{border:1px solid #40a9ff!important;box-shadow:0 0 0 2px #1890ff33}#vonder-sidebar-profile-box{border-bottom:none!important;position:fixed!important;bottom:0!important;left:0!important;background-color:var(--white)!important;transition:width .2s!important;box-shadow:0 -4px 36px #24293814!important;width:200px!important;z-index:10!important;padding:0!important;-webkit-transform:none!important;transform:none!important}#vonder-sidebar-profile-box.collapsed{width:80px!important}.ant-skeleton-element .ant-skeleton-button{border-radius:var(--border-radius)!important}.ant-ribbon{top:16px!important;border-radius:0px var(--border-radius) var(--border-radius) var(--border-radius);padding:2px 10px!important;height:auto!important;height:initial!important}.ant-ribbon.ant-ribbon-placement-start{border-radius:0px var(--border-radius) var(--border-radius) var(--border-radius)}.ant-ribbon-corner{top:-6px!important}.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{border-color:transparent currentColor currentColor transparent!important}.ant-ribbon-text{font-weight:700}.ant-tooltip.vonder-tooltip-dark .ant-tooltip-arrow-content,.ant-tooltip.vonder-tooltip-dark .ant-tooltip-inner{background-color:var(--gray-500)!important;--antd-arrow-background-color: none}.ant-tooltip.vonder-tooltip-light .ant-tooltip-arrow-content,.ant-tooltip.vonder-tooltip-light .ant-tooltip-inner{background-color:var(--white)!important;--antd-arrow-background-color: none}.ant-tooltip-content{display:flex}.ant-tooltip.vonder-tooltip-dark .ant-tooltip-inner,.ant-tooltip.vonder-tooltip-light .ant-tooltip-inner{display:flex;justify-content:center;align-items:center;padding:4px 16px;width:-webkit-max-content;width:max-content;max-width:500px;white-space:pre-wrap;text-align:center}.ant-tag-has-color{border-color:none!important}.ant-notification-notice-icon{margin-left:0!important}.ant-notification-notice-message{margin-bottom:0!important;margin-left:42px!important}.ant-notification-notice-description{margin-left:42px!important}.ant-modal-confirm-title{padding-right:2rem;margin-right:0}.ant-modal-confirm-btns button>.anticon{display:flex;align-items:center}.ant-spin-blur{opacity:.8!important}.ant-input-wrapper.ant-input-group .ant-input-group-addon{font-weight:500;font-size:14px;color:var(--gray-100);border-color:var(--silver-400);background:var(--silver-200)}.ant-input-group-wrapper-status-error .ant-input-group-addon{border-color:var(--red-500)!important}.ant-input-wrapper.ant-input-group input.ant-input{border-radius:0 var(--border-radius) var(--border-radius) 0!important;border-color:var(--silver-400)}.ant-input-group.ant-input-group-compact>input.ant-input{border-radius:var(--border-radius) 0 0 var(--border-radius)!important;font-weight:500;font-size:14px;color:var(--gray-100);border-color:var(--silver-400);background:var(--silver-200)}.image-media-preview-analytic .ant-image-preview-img{min-width:100%;min-height:100%}.ant-switch .ant-switch-handle{top:2px!important}.ant-popover.ant-avatar-group-popover.ant-popover-placement-top{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:50%}.ant-popover.ant-avatar-group-popover.ant-popover-placement-top .ant-popover-inner-content{display:flex;flex-wrap:wrap;gap:8px;padding:0!important}.ant-popover.ant-avatar-group-popover.ant-popover-placement-top .ant-popover-inner-content>span{width:auto!important;height:auto!important}.ant-avatar .ant-avatar-string{position:static;position:initial}.ant-avatar-group-popover .ant-avatar+.ant-avatar{-webkit-margin-start:0px!important;margin-inline-start:0px!important}.hide-year-picker .ant-picker-header-super-prev-btn,.hide-year-picker .ant-picker-header-super-next-btn{display:none!important}textarea.ant-input.reply-input{border-radius:var(--border-radius) var(--border-radius) 0 0!important}.date-no-today .ant-picker-footer{display:none!important}td.ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last{background-color:#fff!important}.ant-input-outlined.ant-input-status-error{border-color:#ff4d4f!important}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}