.noti-email[data-v-0f468a31]{cursor:pointer}.noti-email.seen[data-v-0f468a31]{--tw-bg-opacity:1;background-color:rgb(240 240 240/var(--tw-bg-opacity,1))}.notification-item[data-v-0f468a31]{--tw-border-opacity:1;border-top:1px rgb(229 229 229/var(--tw-border-opacity,1));border-style:solid}.notification-item[data-v-0f468a31]:first-child{border-top-width:0}.notification-item .item[data-v-0f468a31]{padding:.75rem}.noti-storage-red[data-v-0f468a31]{--tw-bg-opacity:1;background-color:rgb(255 238 235/var(--tw-bg-opacity,1))}.noti-storage-yellow[data-v-0f468a31]{--tw-bg-opacity:1;background-color:rgb(254 251 230/var(--tw-bg-opacity,1))}.avatar[data-v-0f468a31]{height:1.5rem;width:1.5rem}.mail-detail[data-v-0f468a31]{width:100%}.ant-notification-notice{padding:16px}.ant-notification-notice .ant-notification-notice-message{border-bottom:1px solid #eef0f2;color:#000;font-size:16px;margin-bottom:12px;padding-bottom:12px}.ant-notification-notice-close{right:16px}.heading[data-v-903d8095]{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:12px}.heading .title[data-v-903d8095]{font-size:16px;font-weight:500}.load-more-btn[data-v-903d8095]{background-color:#ebf2f9;border-radius:0 0 8px 8px;color:#3d7cc9;height:auto;padding:9px 0;width:100%}.noti-btn[data-v-903d8095]{background-color:#ebf2f9;border-radius:100%;height:32px;padding:0;text-align:center;width:32px}.noti-count-no[data-v-903d8095]{margin-right:20px}.noti-block[data-v-903d8095]{width:auto}@media (min-width:576px){.noti-block[data-v-903d8095]{width:380px}}.noti-count-no .ant-scroll-number-only-unit{font-size:10px}.user-avatar-wrap[data-v-01aeb428]{cursor:pointer;display:flex;justify-content:flex-end}.user-name[data-v-01aeb428]{font-size:.875rem;line-height:1.25rem;margin-left:.75rem;width:140px}.user-name[data-v-01aeb428],.user-role[data-v-01aeb428]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-01aeb428]{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.dropdown-wrap[data-v-01aeb428]{border:1px solid #f6f6f6;box-shadow:1px 2px 3px 1px #00000014;max-height:500px;overflow:auto;position:relative;width:320px}.dropdown-wrap[data-v-01aeb428]:after{border-bottom:12px solid #f6f6f6;border-left:12px solid transparent;border-right:12px solid transparent;content:"";height:0;position:absolute;right:10px;top:-12px;width:0}.dropdown-wrap .user-avatar-wrap[data-v-01aeb428]{display:flex;justify-content:flex-start;--tw-border-opacity:1;border-bottom:1px rgb(246 246 246/var(--tw-border-opacity,1));border-style:solid;padding-bottom:.5rem;padding-top:.5rem}.user-status[data-v-01aeb428]{border-radius:9999px;display:flex;height:-moz-fit-content;height:fit-content;margin-left:5px;white-space:nowrap;width:auto;--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1));font-size:12px;padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(32 77 10/var(--tw-text-opacity,1))}.user-status .icon[data-v-01aeb428]{margin-right:5px}.user-status.current[data-v-01aeb428]{--tw-bg-opacity:1;background-color:rgb(236 251 228/var(--tw-bg-opacity,1))}.logout-btn-wrap[data-v-01aeb428]{background-color:#fff;bottom:-5px;left:-5px;padding:5px;position:sticky}.logout-btn[data-v-01aeb428],.logout-btn[data-v-01aeb428]:hover{align-items:center;border-radius:.25rem;border-style:solid;border-width:1px;display:flex;justify-content:center;width:100%;--tw-border-opacity:1;border-color:rgb(254 59 31/var(--tw-border-opacity,1));text-align:center;--tw-text-opacity:1;color:rgb(254 59 31/var(--tw-text-opacity,1))}.logout-btn .icon[data-v-01aeb428]{margin-right:.5rem;width:1rem}@media (max-width:576px){.user-name[data-v-01aeb428]{width:unset}}.ant-modal.response-status-modal{background-color:transparent;height:-moz-fit-content;height:fit-content;margin-right:0;padding:0;top:0;width:520px}.ant-modal.response-status-modal .ant-modal-content{background-color:transparent;box-shadow:unset}.ant-alert-success{background-color:#fff;border:0;box-shadow:0 2px 8px #00000026}.btn[data-v-df2529c2]{border:1px solid #d9d9d9}.header-wrap[data-v-6eb07b7b]{display:flex;justify-content:space-between;padding:15px;vertical-align:middle}@media (min-width:768px){.header-wrap[data-v-6eb07b7b]{padding:13px 24px}}.hamburger-menu[data-v-6eb07b7b]{font-size:1.125rem;line-height:1.75rem;text-align:center}@media (min-width:0px){.hamburger-menu[data-v-6eb07b7b]{margin-right:0}}@media (min-width:576px){.hamburger-menu[data-v-6eb07b7b]{margin-right:0}}@media (min-width:768px){.hamburger-menu[data-v-6eb07b7b]{margin-right:1.25rem}}.header-left[data-v-6eb07b7b]{display:flex}@media (min-width:0px){.header-left[data-v-6eb07b7b]{align-items:center}}@media (min-width:576px){.header-left[data-v-6eb07b7b]{align-items:center}}.noti[data-v-6eb07b7b]{font-size:1.5rem;line-height:2rem;margin-right:1rem;--tw-text-opacity:1;color:rgb(46 60 138/var(--tw-text-opacity,1))}.fixed-header[data-v-6eb07b7b]{position:fixed;top:0;width:100%;z-index:999;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.font-page[data-v-a038d636]{font-family:IBM Plex Sans Thai!important;font-size:16px}.bg{background-color:#f5f5f5;font-family:IBM Plex Sans Thai!important}