@charset "UTF-8";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container-login-page{width:100%;max-width:560px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.container-login-page .login-btn-section{background:#fff;box-shadow:#63636333 0 2px 8px;border-radius:32px;width:100%}.container-login-page .login-btn-section .top-header{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;padding:1.5rem 0;border-radius:32px 32px 0 0}.container-login-page .login-btn-section .top-header p:nth-child(1){color:#fff;font-family:Noto Sans Thai;font-size:24px;font-weight:800}.container-login-page .login-btn-section .top-header p:nth-child(2){color:#ffffffb3;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-login-page .login-btn-section .body-login-btn-section{padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0 0 32px 32px;background:#fff;box-shadow:#63636333 0 2px 8px;gap:1rem}.container-login-page .login-btn-section .body-login-btn-section .btn-login{display:flex;align-items:center;justify-content:start;width:100%;max-width:307px;height:68px;border-radius:60px;border:1px solid rgba(0,0,0,.4);background:#fff;box-shadow:1px 1px 5px #0000001a;cursor:pointer;gap:.5rem}.container-login-page .login-btn-section .body-login-btn-section .logo-type-login{width:28px;height:28px;margin-left:15%}.container-login-page .login-btn-section .body-login-btn-section .txt-btn-login{font-family:Noto Sans Thai;font-size:18px;font-weight:400;margin:0;color:#000}.container-login-page .login-btn-section .body-login-btn-section .logo-powerby{height:auto;width:120px;align-self:center}.container-login-page img.logo-themall{width:130px;height:auto;justify-content:center;align-items:center;margin-top:4rem}@media only screen and (max-width: 500px){.container-login-page{max-width:90%}.container-login-page .login-btn-section{border-radius:26px;background:#fff;box-shadow:#63636333 0 2px 8px;width:100%}.container-login-page .login-btn-section .top-header{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;padding:1rem 0;border-radius:32px 32px 0 0}.container-login-page .login-btn-section .top-header p:nth-child(1){color:#fff;font-family:Noto Sans Thai;font-size:22px;font-weight:800}.container-login-page .login-btn-section .top-header p:nth-child(2){color:#ffffffb3;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-login-page .login-btn-section .body-login-btn-section{padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0 0 32px 32px;background:#fff;box-shadow:#63636333 0 2px 8px;gap:1rem}.container-login-page .login-btn-section .body-login-btn-section .btn-login{display:flex;align-items:center;justify-content:start;width:100%;max-width:307px;height:60px;border-radius:60px;border:1px solid rgba(0,0,0,.4);background:#fff;box-shadow:1px 1px 5px #0000001a;cursor:pointer;gap:.5rem}.container-login-page .login-btn-section .body-login-btn-section .logo-type-login{width:28px;height:28px;margin-left:12%}.container-login-page .login-btn-section .body-login-btn-section .txt-btn-login{font-family:Noto Sans Thai;font-size:18px;font-weight:400;margin:0;color:#000}.container-login-page .login-btn-section .body-login-btn-section .logo-powerby{height:auto;width:120px;align-self:center}.container-login-page img.logo-themall{width:80px;margin-top:3rem}}.container-feed-page{display:flex;flex-direction:column;width:100%;height:auto;gap:1rem}.container-feed-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:1.5rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:2rem}@media (max-width: 767px){.container-feed-page{display:flex;flex-direction:column;width:100%;height:auto;gap:1rem}.container-feed-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:1.5rem;border-radius:24px;background:#fff;padding:1rem}}@media (min-width: 768px) and (max-width: 1024px){.container-feed-page{display:flex;flex-direction:column;width:100%;height:auto;gap:1rem}.container-feed-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:1.5rem;border-radius:24px;background:#fff;padding:1rem}}.side-bar{width:100%;max-width:350px;height:auto;min-height:calc(100dvh - 4rem);border-radius:16px;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:#63636333 0 2px 8px;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;position:relative}.side-bar button.menu{width:100%;height:58px;border-radius:20px;border:none;background-color:#fff;display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer}.side-bar button.menu p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.side-bar button.menu img{width:32px;height:32px}.side-bar button.menu img.right{margin-left:auto}.side-bar button.menu.active{border:1px solid rgba(0,0,0,.1);background-color:#000}.side-bar button.menu.active p{color:#fff}.side-bar button.menu:hover{background-color:#e9e9e9}.side-bar button.menu:hover p{color:#000}.side-bar button.menu.active:hover{border:1px solid rgba(0,0,0,.1);background-color:#000}.side-bar button.menu.active:hover p{color:#fff}.side-bar .horizontal-line{width:100%;border-bottom:1px solid #d7d7d7}.side-bar .container-top-sidebar{width:100%;display:flex;align-items:center}.side-bar .container-top-sidebar img.logo-themall{width:64px;align-self:flex-start}.side-bar .container-top-sidebar svg{margin-left:auto;cursor:pointer}.side-bar.hide{display:flex;width:fit-content;padding:1rem;border-radius:16px;border:1px solid rgba(0,0,0,.05);background:#fff;position:relative}.side-bar.hide img.logo-themall{width:64px;align-self:flex-start}.side-bar.hide .container-svg{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:100px;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:0 0 15px #00000026;position:absolute;top:1.7rem;right:-13px;cursor:pointer}.side-bar.hide .icon-container{display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:transparent;transition:background-color .3s}.side-bar.hide .icon-container img{width:32px;height:32px;cursor:pointer}.side-bar.hide .icon-container.active{width:65px;background-color:#000;box-shadow:0 4px 8px #00000080}.side-bar.hide .icon-container:hover{width:65px;background-color:#e9e9e9}.selection-list{width:100%;display:flex;flex-direction:column;align-items:start;align-self:self-start;gap:.5rem;position:relative;margin-left:1.5rem}.list-item{width:calc(100% - 1.5rem);display:flex;align-items:center;cursor:pointer;padding-left:2rem}.list-item:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background-color:#ddd;z-index:0}.list-item.selected .status-indicator{opacity:1;background-color:#000}.status-indicator{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin-right:10px;position:absolute;left:6px;z-index:1;opacity:0}.btn-status{width:100%;min-height:42px;height:auto;border-radius:12px;display:flex;align-items:center;padding:.5rem 1rem}.btn-status p.item-name{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;flex:1;z-index:2;text-wrap:wrap}.btn-status p.item-value{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;margin-left:auto;z-index:2}.btn-status.selected{width:100%;min-height:42px;height:auto;border-radius:12px;background:#4d4d51;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem}.btn-status.selected p.item-name,.btn-status.selected p.item-value{color:#fff;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.btn-status:hover{background:#e9e9e9}.btn-status.selected:hover{background:#4d4d51}@media only screen and (max-width: 1024px){.side-bar{max-width:200px}.side-bar button.menu{width:180px;height:58px;border-radius:20px;border:none;background-color:#fff;display:flex;align-items:center;gap:.5rem;padding:1rem .7rem;cursor:pointer}.side-bar button.menu p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.side-bar button.menu img{width:32px;height:32px}.side-bar button.menu img.right{margin-left:auto}.selection-list{margin-left:.5rem}.list-item{width:calc(100% - .5rem);padding-left:1.5rem}}.side-bar-mobile{width:100%;height:auto;min-height:calc(100dvh - 6rem);border-radius:32px;border:1px solid rgba(0,0,0,.05);box-shadow:2px 2px 8px 2px #0000001a;background:#fff;box-shadow:#63636333 0 2px 8px;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.side-bar-mobile img.logo-themall{width:78px;margin-bottom:.5rem}.side-bar-mobile button.menu{width:100%;height:58px;border-radius:20px;border:none;background-color:#fff;display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer}.side-bar-mobile button.menu p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.side-bar-mobile button.menu img{width:32px;height:32px}.side-bar-mobile button.menu img.right{margin-left:auto}.side-bar-mobile button.menu.active{border:1px solid rgba(0,0,0,.1);background-color:#000}.side-bar-mobile button.menu.active p{color:#fff}.side-bar-mobile .horizontal-line{width:100%;border-bottom:1px solid #d7d7d7}.side-bar.hide{display:flex;width:fit-content;padding:1rem;border-radius:16px;border:1px solid rgba(0,0,0,.05);background:#fff}.side-bar.hide .icon-container{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:8px;background-color:transparent;transition:background-color .3s}.side-bar.hide .icon-container img{width:32px;height:32px}.side-bar.hide .icon-container.active{background-color:#000;box-shadow:0 4px 8px #00000080}.container-header-section{display:flex;align-items:center;width:100%;height:auto;padding:1rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;gap:1rem}.container-header-section svg.noti{margin-left:auto;cursor:pointer}.container-header-section img.myPhoto{width:42px;height:42px;border-radius:100%;cursor:pointer;position:relative}.container-header-section .list-myInfo{width:fit-content;height:auto;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.1);background-color:#fff;box-shadow:0 0 10px 1px #00000026;border-radius:12px;position:absolute;top:100%;right:0;transform:translateY(4px);z-index:2}.container-header-section .list-myInfo .container-myinfo{width:100%;height:auto;display:flex;align-items:center;padding:.5rem 0}.container-header-section .list-myInfo .container-myinfo p.name{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-header-section .list-myInfo .container-myinfo p.email{word-wrap:break-word;color:#0000004d;font-family:Noto Sans Thai;font-size:14px;font-weight:400;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-header-section .list-myInfo .container-myinfo img.myPhoto{width:40x;height:40px;margin-right:.5rem}.container-header-section .list-myInfo .container-myinfo button.editProfile{display:flex;align-items:center;justify-content:center;height:32px;width:100px;border-radius:80px;border:1px solid rgba(0,0,0,.3);background:#fff;gap:.2rem;cursor:pointer;margin-left:auto}.container-header-section .list-myInfo .container-myinfo button.editProfile svg{width:16px;height:16px}.container-header-section .list-myInfo .container-myinfo button.editProfile p{color:#000;font-family:Noto Sans Thai;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-wrap:nowrap}.container-header-section .list-myInfo .btn{width:100%;height:58px;border-radius:20px;border:none;background-color:#fff;display:flex;align-items:center;gap:1rem;padding:1rem 0;cursor:pointer}.container-header-section .list-myInfo .btn img{width:32px;height:32px}.container-header-section .list-myInfo .btn p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-header-section .list-myInfo .btn:hover{background-color:#e9e9e9}@media (max-width: 767px){.container-header-section{display:flex;align-items:center;width:100%;height:auto;padding:0;border-radius:24px;box-shadow:none}.container-header-section svg.noti{margin-left:auto;cursor:pointer}.container-header-section img.myPhoto{width:46px;height:46px;border-radius:100%;cursor:pointer;position:relative}}.dropdown-container{position:relative;display:inline-block;width:fit-content;height:48px;width:100%}.dropdown-container .dropdown-header-filter-selectOrg{cursor:pointer;display:flex;align-items:center;padding:.5rem 1rem;width:25dvw;height:47px;border-radius:16px;background-color:#f4f4f4!important;border:none;box-shadow:none}.dropdown-container .dropdown-header-filter-selectOrg img{width:30px;height:30px;margin-right:.5rem}.dropdown-container .dropdown-header-filter-selectOrg p{margin:0;font-family:Noto Sans Thai;font-weight:400;font-size:18px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-container .dropdown-header-filter-selectOrg svg{margin-left:auto}.dropdown-container .dropdown-header-filter-selectOrg.open{background-color:#fff!important;box-shadow:0 0 15px #0000001a;border:1px solid rgba(0,0,0,.1);border-radius:16px 16px 0 0}.dropdown-container .dropdown-list{position:absolute;top:100%;left:0;display:none;width:25dvw;margin:0;max-height:400px;overflow-y:auto;padding:8px 16px;list-style:none;border-radius:16px;background:#f4f4f4;border-top:none;z-index:1}.dropdown-container .dropdown-list span{display:flex;flex-direction:column}.dropdown-container .dropdown-list span p:nth-child(1){color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.dropdown-container .dropdown-list span p:nth-child(2){color:#00000080;font-family:Noto Sans Thai;font-size:12px;font-weight:400}.dropdown-container .dropdown-list p{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-size:18px;display:flex;align-items:center;color:#000;margin:0;text-wrap:wrap}.dropdown-container .dropdown-list .dropdown-option{cursor:pointer;padding:.5rem;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.dropdown-container .dropdown-list .dropdown-option:hover p:nth-child(1){font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-size:18px;display:flex;align-items:center;margin:0}.dropdown-container .dropdown-list .logo-dropdown{width:32px;height:32px}.dropdown-container .dropdown-list .joinOrgMenu{border-top:1px solid #d7d7d7;padding-top:.5rem;width:100%}.dropdown-container .dropdown-list .joinOrgMenu .btn{width:100%;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #000;background:#fff;gap:1rem;cursor:pointer}.dropdown-container .dropdown-list .joinOrgMenu .btn img{width:32px;height:32px}.dropdown-container .dropdown-list .joinOrgMenu .btn p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.dropdown-container .dropdown-list.open{display:block;border-radius:0 0 16px 16px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 15px #0000001a;margin-top:-2.5px}@media (max-width: 767px){.dropdown-container .dropdown-header-filter-selectOrg{width:100%!important}.dropdown-container .dropdown-header-filter-selectOrg p{max-width:140px}.dropdown-container .dropdown-header-filter-selectOrg svg{margin-left:auto}.dropdown-container .dropdown-list{width:100%!important}.dropdown-container .dropdown-list .joinOrgMenu{border-top:1px solid #d7d7d7;padding-top:.5rem;width:100%}.dropdown-container .dropdown-list .joinOrgMenu .btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #000;background:#fff;gap:1rem}.dropdown-container .dropdown-list .joinOrgMenu .btn img{width:28px;height:28px}.dropdown-container .dropdown-list .joinOrgMenu .btn p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}}@media (min-width: 768px) and (max-width: 1023px){.dropdown-container .dropdown-header-filter-selectOrg{width:85%!important}.dropdown-container .dropdown-header-filter-selectOrg svg{margin-left:auto}.dropdown-container .dropdown-list{width:85%!important}}.dropdown-container-filter{position:relative;display:inline-block;width:fit-content;height:47px;width:100%}.dropdown-container-filter .dropdown-header-filter{width:100%;height:47px;display:flex;align-items:center;border-radius:12px;background:#f4f4f4!important;padding:1rem;cursor:pointer}.dropdown-container-filter .dropdown-header-filter p{margin:0;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-container-filter .dropdown-header-filter svg{margin-left:auto}.dropdown-container-filter .dropdown-header-filter2{width:100%;height:47px;display:flex;align-items:center;border-radius:12px;border:1px solid rgba(0,0,0,.2);background:#fff;padding:1rem;cursor:pointer}.dropdown-container-filter .dropdown-header-filter2 p{margin:0;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-container-filter .dropdown-header-filter2 svg{margin-left:auto}.dropdown-container-filter .dropdown-header-filter2.open,.dropdown-container-filter .dropdown-header-filter.open{background-color:#fff!important;box-shadow:0 0 15px #0000001a;border:1px solid rgba(0,0,0,.1);border-radius:12px 12px 0 0}.dropdown-container-filter .dropdown-list{position:absolute;top:100%;left:0;display:none;width:100%;margin:0;max-height:400px;overflow-y:auto;padding:8px 16px;list-style:none;border-radius:12px;background:#f4f4f4;border-top:none;z-index:2}.dropdown-container-filter .dropdown-list p{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-size:18px;display:flex;align-items:center;color:#000;margin:0;text-wrap:wrap}.dropdown-container-filter .dropdown-list .dropdown-option{cursor:pointer;padding:1rem .5rem;white-space:nowrap;display:flex;gap:.5rem;border-bottom:1px solid #d1d5db}.dropdown-container-filter .dropdown-list .dropdown-option:hover p{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-size:18px;display:flex;align-items:center;margin:0}.dropdown-container-filter .dropdown-list.open{display:block;border-radius:0 0 12px 12px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 15px #0000001a;margin-top:-2.5px}.container-DropdownProblemTypeCreateQR{position:relative;display:inline-block;width:fit-content;height:47px;width:100%}.container-DropdownProblemTypeCreateQR .dropdown-header-filter{width:100%;height:47px;display:flex;align-items:center;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff!important;box-shadow:0 0 8px #00000014;padding:1rem;cursor:pointer}.container-DropdownProblemTypeCreateQR .dropdown-header-filter p{margin:0;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-DropdownProblemTypeCreateQR .dropdown-header-filter svg{margin-left:auto}.container-DropdownProblemTypeCreateQR .dropdown-header-filter.open{background-color:#fff!important;box-shadow:0 0 15px #0000001a;border:1px solid rgba(0,0,0,.1);border-radius:12px 12px 0 0}.container-DropdownProblemTypeCreateQR .dropdown-list{position:absolute;top:100%;left:0;display:none;width:100%;margin:0;max-height:200px;overflow-y:auto;padding:8px 16px;list-style:none;border-radius:12px;background:#fff;border-top:none;z-index:1}.container-DropdownProblemTypeCreateQR .dropdown-list p{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-size:18px;display:flex;align-items:center;color:#000;margin:0;text-wrap:wrap}.container-DropdownProblemTypeCreateQR .dropdown-list .dropdown-option{cursor:pointer;padding:1rem .5rem;white-space:nowrap;display:flex;gap:.5rem;border-bottom:1px solid #d1d5db}.container-DropdownProblemTypeCreateQR .dropdown-list .dropdown-option:hover p{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-size:18px;display:flex;align-items:center;margin:0}.container-DropdownProblemTypeCreateQR .dropdown-list.open{display:block;border-radius:0 0 12px 12px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 15px #0000001a;margin-top:-2.5px}.ant-picker{height:47px;width:100%;background-color:#f4f4f4;color:#000;border-radius:12px;border:none;position:relative;cursor:pointer}.ant-picker:hover{background-color:#f4f4f4}.ant-picker-input>input{height:47px;width:100%;font-size:18px!important;font-family:Noto Sans Thai!important}.ant-picker-input>input::placeholder{color:#000!important;font-family:Noto Sans Thai!important}.ant-picker-input>input::-webkit-input-placeholder{color:#000!important;font-family:Noto Sans Thai!important}.ant-picker-input>input::-moz-placeholder{color:#000!important;font-family:Noto Sans Thai!important;opacity:1}.ant-picker-input>input:-ms-input-placeholder{color:#000!important;font-family:Noto Sans Thai!important}.ant-picker-input>input::-ms-input-placeholder{color:#000!important;font-family:Noto Sans Thai!important}.date-picker-section{display:flex;align-items:end;gap:1rem;z-index:1;margin-left:auto}.date-picker-section .css-z3c6am-MuiFormControl-root-MuiTextField-root{background-color:#fff;border:none;width:20dvw}.date-picker-section input[type=text]{height:46px}@media (max-width: 767px){.date-picker-section{width:100%}.css-z3c6am-MuiFormControl-root-MuiTextField-root{background-color:#fff;border:none;width:100%!important}}@media (min-width: 766px) and (max-width: 1023px){.css-z3c6am-MuiFormControl-root-MuiTextField-root{background-color:#fff;border:none;width:30dvw!important}}.dropdown-container-role{position:relative;display:inline-block;height:42px;align-self:center}.dropdown-header-role{cursor:pointer;display:flex;flex-direction:row;align-items:center;padding:.5rem 1rem;gap:10px;width:fit-content;height:42px;border-radius:8px;border:1px solid rgba(0,0,0,.3);background:#fff}.dropdown-header-role img{width:28px;height:28px;margin-left:auto}.dropdown-header-role p{margin:0;font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-size:16px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-header-role.open{border:2px solid #000}.dropdown-list-role{position:absolute;top:100%;right:0%!important;display:none;min-width:100%;margin:0;max-height:400px;width:150px!important;overflow-y:auto;padding:0!important;list-style:none;border:2px solid #000;border-radius:16px;background:#fff;box-shadow:0 2px 5px #0000001a;border-top:none}.dropdown-list-role.open{border:2px solid #000;display:block;background:#fff;margin-top:.5rem;z-index:2}.dropdown-option-role{cursor:pointer;padding:1rem .5rem;white-space:nowrap;display:flex;gap:.5rem;border-bottom:1px solid #d1d5db}.dropdown-option-role:hover{cursor:pointer;padding:1rem .5rem;white-space:nowrap;display:flex;gap:.5rem;border:1px solid rgba(0,0,0,.1);background:#0000001a}.logo-dropdown{width:24px;height:24px}.dropdown-list-role p{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-size:16px;display:flex;align-items:center;color:#000;text-wrap:wrap;margin:0 0 0 8px}.dropdown-option-role:hover p{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-size:16px;display:flex;align-items:center;margin:0 0 0 8px}.container-switch-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.container-switch-title p{color:#000;font-size:18px;font-family:Noto Sans Thai;font-style:normal;font-weight:400;line-height:normal;max-width:600px}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:6px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#46bc00}input:focus+.slider{box-shadow:0 0 1px #46bc00}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.container-ModalRequestJoinOrg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.modalRequestJoinOrg-content{width:30vw;height:auto;position:relative;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 10px 1px #00000026;padding:1rem 3rem;display:flex;flex-direction:column;align-items:center}.modalRequestJoinOrg-content .org-logo{width:auto;height:60px;margin-bottom:1rem}.modalRequestJoinOrg-content .org-name{color:#000;font-family:Noto Sans Thai;font-size:24px;font-weight:700;margin-bottom:8px}.modalRequestJoinOrg-content .text-title-content{display:flex;width:100%;justify-content:flex-start;margin-bottom:6px}.modalRequestJoinOrg-content .text-title{color:#1a1a1a;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.modalRequestJoinOrg-content .errorMsg{color:red;font-family:Noto Sans Thai;font-size:18px;font-weight:700;margin-left:1rem}.modalRequestJoinOrg-content textarea{width:100%;height:50px;padding:12px 24px;border-radius:16px;border:1px solid rgba(0,0,0,.2);background:#fff;margin-bottom:54px}.modalRequestJoinOrg-content textarea::placeholder{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:flex}.modalRequestJoinOrg-content textarea[type=text]{color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modalRequestJoinOrg-content .text-help-content{display:flex;margin-bottom:16px;gap:.2rem}.modalRequestJoinOrg-content .text-help-content .text-normal{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.modalRequestJoinOrg-content .text-help-content .text-underline{color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline}.modalRequestJoinOrg-content .container-btn{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:.5rem;width:100%}.modalRequestJoinOrg-content .container-btn .btn-cancel{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:14px;background:#fff;cursor:pointer}.modalRequestJoinOrg-content .container-btn .btn-cancel p{color:#00000080;font-family:Noto Sans Thai;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.modalRequestJoinOrg-content .container-btn .btn-ok{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:14px;background:#000;cursor:pointer}.modalRequestJoinOrg-content .container-btn .btn-ok p{color:#fff;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.modalRequestJoinOrg-content input.fillPassword{width:100%;height:42px;padding:1rem;border-radius:16px;border:1px solid rgba(0,0,0,.2);background:#fff;margin-bottom:.5rem}.modalRequestJoinOrg-content div[disabled]{pointer-events:none;opacity:.4}@media (max-width: 1000px){.modalRequestJoinOrg-content{max-width:100vw;width:65vw;padding:2rem}}@media (max-width: 767px){.modalRequestJoinOrg-content{max-width:100vw;width:95vw;padding:2rem}}.modal-alert-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.modal-alert-content{width:25vw;height:auto;position:relative;border-radius:16px;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#fff}.modal-alert-content .detail-txt{color:#000;font-family:Noto Sans Thai;font-size:22px;font-weight:700;text-align:center}.modal-alert-content .sub-detail-txt{color:#000;text-align:center;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.modal-alert-content img{width:80px;height:80px}.modal-alert-content .button{display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:.5rem 1rem;border-radius:12px;cursor:pointer}.modal-alert-content .button.success{display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:.5rem 1rem;border-radius:12px;background:#31d888;cursor:pointer}.modal-alert-content .button.error{display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:.5rem 1rem;border-radius:12px;background:#f74850;cursor:pointer}.modal-alert-content .button p{color:#fff;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.modal-alert-content.success{border:1px solid #31d888;box-shadow:0 0 8px 1px #2dd68533}.modal-alert-content.warn{border:2px solid #cfa519;box-shadow:0 0 8px 1px #cfa519}.modal-alert-content.error{border:1px solid #f74850;box-shadow:0 0 8px 1px #f74850}input.confirmDelete{width:100%;height:42px;border-radius:4px;border:1px solid rgba(0,0,0,.5)}p.confirmTxt{color:#000;font-family:Noto Sans Thai;font-style:normal;font-weight:400}input.confirmDelete.error{width:100%;height:42px;border-radius:4px;border:2px solid red}.container-btn{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1rem;width:100%}.container-btn .btn-cancel{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:14px;background:#fff;cursor:pointer}.container-btn .btn-cancel p{color:#00000080;font-family:Noto Sans Thai;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.container-btn .btn-ok{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:14px;background:#000;cursor:pointer}.container-btn .btn-ok p{color:#fff;font-family:Noto Sans Thai;font-size:18px;font-weight:400;text-wrap:nowrap}@media (max-width: 767px){.modal-alert-content{width:90vw}}@media (min-width: 767px) and (max-width: 1023px){.modal-alert-content{width:50vw}}.container-ModalEditCreateQR{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.modalEditCreateQR-content{width:40vw;height:auto;position:relative;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 10px 1px #00000026;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center}.modalEditCreateQR-content p.title{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:600}.modalEditCreateQR-content .container-fill-form{margin-top:1rem;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.modalEditCreateQR-content .container-fill-form .container-title-input{width:100%;height:auto;display:flex;flex-direction:column;align-items:start;gap:.2rem}.modalEditCreateQR-content .container-fill-form .container-title-input p.title{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.modalEditCreateQR-content .container-fill-form .container-title-input input{width:100%;height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 8px #00000014}.modalEditCreateQR-content .container-btn{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1rem;width:100%}.modalEditCreateQR-content .container-btn .btn-cancel{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:14px;background:#fff;cursor:pointer}.modalEditCreateQR-content .container-btn .btn-cancel p{color:#00000080;font-family:Noto Sans Thai;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.modalEditCreateQR-content .container-btn .btn-ok{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:14px;background:#000;cursor:pointer}.modalEditCreateQR-content .container-btn .btn-ok p{color:#fff;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.modalEditCreateQR-content input.fillPassword{width:100%;height:42px;padding:1rem;border-radius:16px;border:1px solid rgba(0,0,0,.2);background:#fff;margin-bottom:.5rem}.modalEditCreateQR-content div[disabled]{pointer-events:none;opacity:.4}input[type=text]::placeholder{color:#0006!important}p.errormsg{color:red;font-family:Noto Sans Thai;font-size:18px;font-weight:400;margin-top:1rem}@media (max-width: 767px){.modalEditCreateQR-content{width:95vw;padding:1rem}}@media (min-width: 767px) and (max-width: 1023px){.modalEditCreateQR-content{width:60vw;padding:2rem}}.modal-content{max-width:75%;max-height:100vh;height:auto;position:relative}.modal-content .zoom-img{width:100%;height:100%;border:.766544px solid rgba(0,0,0,.1);box-shadow:0 3.06618px 15.3309px #00000026;border-radius:8px}.modal-content .div-close-img{width:30px;height:30px;border-radius:50%;background-color:#fff;position:absolute;top:1rem;right:1rem;cursor:pointer}.modal-content .div-close-img img.iconX{width:30px;height:30px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.modal-content-qrzoom{max-width:282px;max-height:100vh;height:auto;position:relative;padding:1rem;background-color:#fff;border-radius:8px}p.nameQR{margin-top:1rem;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:600}p.floorQR,p.roomQR{color:#000000b3;font-family:Noto Sans Thai;font-size:16px;font-weight:600}.modal-content-qrzoom .zoom-img{width:250px;height:auto;border:.766544px solid rgba(0,0,0,.1);box-shadow:0 3.06618px 15.3309px #00000026;border-radius:8px}.modal-content-qrzoom .div-close-img-qrcode{width:24px;height:24px;border-radius:50%;background-color:#fff;position:absolute;top:-10%;right:-10%;cursor:pointer}.modal-content-qrzoom .div-close-img-qrcode img.iconX{width:24px;height:24px}.container-ModalChangeState{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:auto;min-height:-webkit-fill-available;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;overflow-y:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.container-ModalChangeState .ModalChangeState-content{width:30vw;height:auto;position:relative;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 10px 1px #00000026;padding:1rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.container-ModalChangeState .ModalChangeState-content p.ticket_id{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:700}.container-ModalChangeState .ModalChangeState-content .container-fill-form{margin-top:1rem;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-title-input{width:100%;height:auto;display:flex;flex-direction:column;align-items:start;gap:.2rem}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-title-input textarea[type=text]{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;padding:.5rem;border-radius:12px;border:1px solid rgba(0,0,0,.2);background:#fff;width:100%}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-title-input textarea[type=text].error{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;padding:.5rem;border-radius:12px;border:1px solid red;background:#fff;width:100%}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-title-input p.title{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-title-input p.errTxt{color:red;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-title-input input{width:100%;height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.2);background:#fff}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-img{width:200px;height:200px;border-radius:12px;border:.918px solid rgba(0,0,0,.1);background:#f6f6f6;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-img p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:500}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-img p.errorMsgImg{color:red;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-img img.img-report{width:198px;height:198px;position:absolute;top:0;left:0;z-index:1;border-radius:12px}.container-ModalChangeState .ModalChangeState-content .container-fill-form .container-img.error{width:200px;height:200px;border-radius:12px;border:.918px solid red;background:#f6f6f6;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.container-ModalChangeState .ModalChangeState-content .container-btn-changeState{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;width:100%}.container-ModalChangeState .ModalChangeState-content .container-btn-changeState .btn-cancel{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:8px;background:#fff;cursor:pointer}.container-ModalChangeState .ModalChangeState-content .container-btn-changeState .btn-cancel p{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.container-ModalChangeState .ModalChangeState-content .container-btn-changeState .btn-ok{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:8px;background:#000;cursor:pointer}.container-ModalChangeState .ModalChangeState-content .container-btn-changeState .btn-ok p{color:#fff;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-ModalChangeState .line-horizontal{width:100%;border-bottom:1px solid #d7d7d7}.container-problemType{display:flex;flex-direction:column;padding:1rem;width:100%;height:auto;border-radius:16px;border:1px solid rgba(0,0,0,.2);background:#fff;box-shadow:0 0 15px #00000026}.container-problemType .container-searchBox{width:100%;height:48px;display:flex;align-items:center;border:none;border-bottom:1px solid #cfcfcf;background:#fff;padding:.5rem;color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:400}.container-problemType .container-searchBox input{width:100%;height:46px;border:none}.container-problemType .container-list-problemType{display:flex;flex-direction:column;width:100%;height:auto;max-height:200px;overflow-x:auto;gap:1rem;margin-top:1rem}.container-problemType .container-list-problemType .custom-checkbox{display:flex;cursor:pointer}.container-problemType .container-list-problemType .custom-checkbox .checkbox-label{flex:1;font-family:Noto Sans Thai;align-items:center;font-size:18px;font-weight:400;color:#00000080}.container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin-right:1rem;border-radius:100%!important;cursor:pointer;border-radius:4px;border:1px solid rgba(0,0,0,.2);background:#fff}.container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]:checked{border:2px solid rgb(11,111,255);border-radius:100%}.container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]:checked:after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#0b6fff;margin:2px}.container-problemType .container-list-problemType .custom-checkbox-circle{display:flex;align-items:center;font-size:18px;font-weight:400;color:#00000080;cursor:pointer}.container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;margin-right:.5em;cursor:pointer;background-color:#fff;border:2px solid rgba(0,0,0,.5);border-radius:50%}.container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]:checked{border:2px solid rgba(0,0,0,.5)}.container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]:checked:after{content:" ";background-color:#00000080;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(17%,17%);display:block}@media (max-width: 767px){.ModalChangeState-content{width:90vw!important;max-height:90dvh}}@media (min-width: 767px) and (max-width: 1023px){.ModalChangeState-content{width:50vw!important}}.jobTypeContainer{display:flex;gap:1.5rem;align-items:center}.custom-radio-check{display:flex;align-items:center;cursor:pointer;font-size:18px;font-family:Noto Sans Thai;-webkit-user-select:none;user-select:none;position:relative}.custom-radio-check input{display:none}.custom-radio-check .radio-btn{width:20px;height:20px;border:2px solid #555;border-radius:4px;margin-right:8px;position:relative;transition:all .2s ease}.custom-radio-check input:checked+.radio-btn:after{content:"";position:absolute;left:4px;top:0;width:6px;height:12px;border:solid #28a745;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-radio-check:hover .radio-btn{border-color:#28a745}.container-ModalChangeProblemTypePost{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content{width:40vw;height:auto;position:relative;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 10px 1px #00000026;padding:1rem;display:flex;flex-direction:column;align-items:center}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content p.ticket_id{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:700}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType{display:flex;flex-direction:column;padding:1rem;width:100%;height:auto;border-radius:16px;border:1px solid rgba(0,0,0,.2);background:#fff;box-shadow:0 0 15px #00000026;margin-top:1rem}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-searchBox{width:100%;height:48px;display:flex;align-items:center;border-bottom:1px solid #cfcfcf;background:#fff;padding:.5rem;color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:400}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-searchBox input{width:100%;height:46px;border:none}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType{display:flex;flex-direction:column;width:100%;height:auto;max-height:200px;overflow-x:auto;gap:1rem;margin-top:1rem}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox{display:flex;cursor:pointer}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox .checkbox-label{flex:1;font-family:Noto Sans Thai;align-items:center;font-size:18px;font-weight:400;color:#00000080}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin-right:1rem;border-radius:100%!important;cursor:pointer;border-radius:4px;border:1px solid rgba(0,0,0,.2);background:#fff}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]:checked{border:2px solid rgb(11,111,255);border-radius:100%}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]:checked:after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#0b6fff;margin:2px}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox-circle{display:flex;align-items:center;font-size:18px;font-weight:400;color:#00000080;cursor:pointer}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;margin-right:.5em;cursor:pointer;background-color:#fff;border:2px solid rgba(0,0,0,.5);border-radius:50%}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]:checked{border:2px solid rgba(0,0,0,.5)}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]:checked:after{content:" ";background-color:#00000080;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(17%,17%);display:block}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-btn-changeProblemTypePost{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;width:100%}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-btn-changeProblemTypePost .btn-cancel{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:8px;background:#fff;cursor:pointer}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-btn-changeProblemTypePost .btn-cancel p{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-btn-changeProblemTypePost .btn-ok{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:8px;background:#000;cursor:pointer}.container-ModalChangeProblemTypePost .ModalChangeProblemTypePost-content .container-btn-changeProblemTypePost .btn-ok p{color:#fff;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-ModalChangeProblemTypePost .line-horizontal{width:100%;border-bottom:1px solid #d7d7d7}@media (max-width: 767px){.ModalChangeProblemTypePost-content{width:90vw!important}}@media (min-width: 767px) and (max-width: 1023px){.ModalChangeProblemTypePost-content{width:50vw!important}}.container-ModalInvitePost{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.container-ModalInvitePost .ModalInvitePost-content{width:40vw;height:auto;position:relative;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 10px 1px #00000026;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center}.container-ModalInvitePost .ModalInvitePost-content p.txtwarn{color:#f90000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;text-decoration-line:underline;margin-top:.5rem;text-align:center}.container-ModalInvitePost .ModalInvitePost-content p.ticket_id{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:700}.container-ModalInvitePost .ModalInvitePost-content span{margin-top:1rem;display:flex;align-items:center;gap:.5rem;width:100%;flex-wrap:wrap}.container-ModalInvitePost .ModalInvitePost-content span p.title{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:700}.container-ModalInvitePost .ModalInvitePost-content span p.chip-nameOrg{display:flex;align-items:center;justify-content:center;height:32px;padding:0rem .5rem;border-radius:80px;border:1px solid rgba(0,0,0,.3);background:#fff;cursor:pointer;color:#000;font-family:Noto Sans Thai;font-size:15px;font-weight:400}.container-ModalInvitePost .ModalInvitePost-content .container-problemType{display:flex;flex-direction:column;padding:1rem;width:100%;height:auto;border-radius:16px;border:1px solid rgba(0,0,0,.2);background:#fff;box-shadow:0 0 15px #00000026;margin-top:1rem}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-searchBox{width:100%;height:48px;display:flex;align-items:center;border-bottom:1px solid #cfcfcf;background:#fff;padding:.5rem;color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:400}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-searchBox input{width:100%;height:46px;border:none}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType{display:flex;flex-direction:column;width:100%;height:auto;max-height:200px;overflow-x:auto;gap:1rem;margin-top:1rem}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox{display:flex;cursor:pointer}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox .checkbox-label{flex:1;font-family:Noto Sans Thai;font-size:18px;font-weight:400;color:#00000080;margin:0}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin-right:1rem;cursor:pointer;border-radius:4px;border:1px solid rgba(0,0,0,.2);background:#fff}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]:checked{border:2px solid rgba(0,0,0,.3)}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox input[type=checkbox]:checked:after{content:"✔";color:#00000080;margin:2px;font-size:15px;line-height:1}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox-circle{display:flex;align-items:center;font-size:18px;font-weight:400;color:#00000080;cursor:pointer}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;margin-right:.5em;cursor:pointer;background-color:#fff;border:2px solid rgba(0,0,0,.5);border-radius:50%}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]:checked{border:2px solid rgba(0,0,0,.5)}.container-ModalInvitePost .ModalInvitePost-content .container-problemType .container-list-problemType .custom-checkbox-circle input[type=checkbox]:checked:after{content:" ";background-color:#00000080;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(17%,17%);display:block}.container-ModalInvitePost .ModalInvitePost-content .container-btn-inviteToPost{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;width:100%}.container-ModalInvitePost .ModalInvitePost-content .container-btn-inviteToPost .btn-cancel{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:8px;background:#fff;cursor:pointer}.container-ModalInvitePost .ModalInvitePost-content .container-btn-inviteToPost .btn-cancel p{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.container-ModalInvitePost .ModalInvitePost-content .container-btn-inviteToPost .btn-ok{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem 1rem;border-radius:8px;background:#000;cursor:pointer}.container-ModalInvitePost .ModalInvitePost-content .container-btn-inviteToPost .btn-ok p{color:#fff;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-ModalInvitePost .line-horizontal{width:100%;border-bottom:1px solid #d7d7d7}@media (max-width: 767px){.ModalInvitePost-content{width:90vw!important}}@media (min-width: 767px) and (max-width: 1023px){.ModalInvitePost-content{width:50vw!important}}.container-ModalTalkWithReporter{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.container-ModalTalkWithReporter .ModalTalkWithReporter-content{width:30vw;height:auto;position:relative;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 0 10px 1px #00000026;padding:1rem;display:flex;flex-direction:column}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .title-talkWithReporter{display:flex;align-items:center}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .title-talkWithReporter svg{cursor:pointer}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .title-talkWithReporter p.title{flex:1;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:600;text-align:center}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container{width:100%;min-height:40dvh;max-height:40dvh;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container p.username-left{display:flex;justify-content:flex-start;color:#00000080;font-family:Noto Sans Thai;font-size:14px;font-weight:600}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container p.username-right{display:flex;justify-content:flex-end;color:#00000080;font-family:Noto Sans Thai;font-size:14px;font-weight:600}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chip_date{display:flex;align-items:center;border-radius:133px;background:#00000080;color:#fff;font-family:Noto Sans Thai;font-size:12px;font-weight:400;width:fit-content;padding:.2rem .5rem;margin:0 auto;margin-bottom:.5rem}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chat-and-time{display:flex;align-items:center}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chat-and-time .timestamp{color:#00000080;font-family:Noto Sans Thai;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chat-and-time .chat-message{border-radius:20px;padding:4px 12px}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chat-and-time .chat-message.right{background:#000;color:#fff;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;max-width:70%;margin-left:.5rem}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chat-and-time .chat-message.left{border:.5px solid #000;background:#fff;color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;max-width:70%;margin-right:.5rem}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chat-and-time.right{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .chat-container .chat-and-time.left{display:flex;align-items:center;justify-content:flex-start}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .container-messagebox-btn{display:flex;gap:1rem;align-items:center;margin-top:1rem}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .container-messagebox-btn input{width:100%;height:42px;border-radius:8px;background:#f0f0f0;border:none}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .container-messagebox-btn input.error{border:2px solid red}.container-ModalTalkWithReporter .ModalTalkWithReporter-content .container-messagebox-btn button{width:fit-content;height:42px;padding:0 1rem;cursor:pointer;border:none;border-radius:8px;background:#000;color:#fff;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-ModalTalkWithReporter .line-horizontal{width:100%;border-bottom:1px solid #d7d7d7;margin:1rem 0}@media (max-width: 767px){.ModalTalkWithReporter-content{width:90vw!important}}@media (min-width: 767px) and (max-width: 1023px){.ModalTalkWithReporter-content{width:50vw!important}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.modal-content-editProfile{width:350px;height:auto;position:relative;background-color:#fff;box-shadow:0 0 8px #00000026;border-radius:12px;display:flex;flex-direction:column;align-items:center}.modal-content-editProfile .container-img{width:120px;height:120px;position:relative;border-radius:100%;background-color:#fff;margin-top:3rem;cursor:pointer}.modal-content-editProfile .container-img img{position:absolute;width:120px;height:120px;border-radius:100%}.modal-content-editProfile .container-img .chipEdit{padding:.5rem;border-radius:100%;background:#000;position:absolute;bottom:0;right:-.2rem;z-index:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-content-editProfile input{text-align:center;margin-top:1rem;width:fit-content;height:42px;border-top:none;border-left:none;border-right:none}.modal-content-editProfile input.error{text-align:center;margin-top:1rem;width:fit-content;height:42px;border-top:none;border-left:none;border-right:none;border-color:red}.modal-content-editProfile p.errorMsg{color:red;font-family:Noto Sans Thai;font-size:18px;font-weight:400;margin-top:.5rem}.modal-content-editProfile button.acceptEdit{width:fit-content;height:42px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;font-family:Noto Sans Thai;font-size:18px;font-weight:400;border-radius:8px;border:none;margin:1rem 0 1.5rem;cursor:pointer}.modal-content-editProfile .div-close-img{width:24px;height:24px;border-radius:50%;background-color:#fff;position:absolute;top:2%;right:2%;cursor:pointer}.modal-content-editProfile .div-close-img img.iconX{width:24px;height:24px}.container-filter-section{width:100%;display:flex;gap:1rem}.container-filter-section img.ic_more_filter{width:32px;height:32px;cursor:pointer;margin-left:auto}.container-filter-section .container-title-filter{display:flex;flex-direction:column;width:17dvw}.container-filter-section .container-title-filter p.title{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-filter-section .container-title-filter .container-searchBox{width:100%;height:47px;display:flex;align-items:center;border-radius:12px;background:#f4f4f4;padding:1rem;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-filter-section .container-title-filter .container-searchBox input{width:100%;height:46px;border:none;background-color:transparent;padding:0 .5rem}.container-filter-section .container-title-filter .container-searchBox input::placeholder{color:#000}@media (max-width: 1023px){.container-title-filter{width:100%!important}}.container-card-feed{position:relative;border-radius:24px;background:#fff;box-shadow:0 0 8px #00000026;display:flex;flex-direction:row;width:100%;height:auto;padding:1rem 1rem 1rem 2rem;overflow:hidden;cursor:pointer}.container-card-feed .color-state{width:10px;height:100%;position:absolute;left:0;top:0}.container-card-feed .container-feed-content{padding-right:16px;width:100%}.container-card-feed .container-feed-content p.content{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:80px}.container-card-feed .container-feed-content .line{width:100%;height:.5px;background:#d7d7d7;margin-top:12px;margin-bottom:12px}.container-card-feed .container-feed-content .container-address{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.container-card-feed .container-feed-content .container-address img{width:20px;height:24px}.container-card-feed .container-feed-content .container-address p{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container-card-feed .container-feed-content .container-time{display:flex;flex-direction:row;gap:8px;margin-bottom:.5rem}.container-card-feed .container-feed-content .container-time .time-status{display:flex;align-items:center;height:24px}.container-card-feed .container-feed-content .container-time .time-status .ic{width:20px;height:20px;margin-right:8px;filter:grayscale(100%) opacity(50%)}.container-card-feed .container-feed-content .container-time .time-status p.time-stauts{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-card-feed .container-feed-content .container-time .last-update-status{display:flex;align-items:center;height:24px}.container-card-feed .container-feed-content .container-time .last-update-status .ic{width:20px;height:20px;margin-right:8px;filter:grayscale(100%) opacity(50%)}.container-card-feed .container-feed-content .container-time .last-update-status p.time-stauts{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-card-feed .container-feed-content .show-star-reportPost{display:flex;align-items:center;gap:.2rem}.container-card-feed .container-feed-content .show-star-reportPost p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status{display:flex;flex-direction:row}.container-card-feed .container-feed-content .container-feed-status .category-status{display:flex;align-items:center}.container-card-feed .container-feed-content .container-feed-status .category-status p.state-type{display:flex;height:26px;padding:0 8px;justify-content:center;align-items:center;border-radius:20px;color:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical-middle{width:1px;height:22px;background-color:#0006;margin-left:8px}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .category-status p.problem-type{margin-left:8px;display:flex;height:26px;padding:6px 12px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #000;background:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .other-status{display:flex;align-items:center;height:26px}.container-card-feed .container-feed-content .container-feed-status .other-status .line-vertical-front{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .other-status p.problem-id{color:#000;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .other-status .ic-files{width:16px;height:16px;margin-left:4px;cursor:copy}.container-card-feed .container-feed-content .container-feed-status .other-status .ic-files-copied{width:16px;height:16px;margin-left:4px;transform:scale(1.2)}.container-card-feed .container-feed-content .container-feed-status .other-status .ic-calendar{width:16px;height:16px;margin-right:4px}.container-card-feed .container-feed-content .container-feed-status .star-status{display:flex;align-items:center;height:26px}.container-card-feed .container-feed-content .container-feed-status .star-status .line-vertical-front{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .img{display:flex;justify-content:flex-end;align-items:center}.container-card-feed .img .feed-image{width:150px;height:150px;border-radius:14px}.container-card-feed .line-vertical{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .container-star{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}.container-card-feed .container-star .line-vertical-2{width:1px;height:22px;background-color:#0006}@media (max-width: 767px){.container-card-feed{position:relative;border-radius:24px;background:#fff;box-shadow:0 0 8px #00000026;display:flex;flex-direction:column;width:100%;height:auto;padding:1rem 1rem 1rem 2rem;overflow:hidden}.container-card-feed .color-state{width:10px;height:100%;position:absolute;left:0;top:0}.container-card-feed .container-feed-content{padding-right:0}.container-card-feed .container-feed-content p.content{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:80px}.container-card-feed .container-feed-content .line{width:100%;height:.5px;background:#d7d7d7;margin-top:12px;margin-bottom:12px}.container-card-feed .container-feed-content .container-address{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.container-card-feed .container-feed-content .container-address img{width:20px;height:24px}.container-card-feed .container-feed-content .container-address p{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container-card-feed .container-feed-content .container-time{display:flex;flex-direction:column;gap:8px;margin-bottom:.5rem}.container-card-feed .container-feed-content .container-time .time-status{display:flex;align-items:center;height:24px}.container-card-feed .container-feed-content .container-time .time-status .ic{width:20px;height:20px;margin-right:8px;filter:grayscale(100%) opacity(50%)}.container-card-feed .container-feed-content .container-time .time-status p.time-stauts{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-card-feed .container-feed-content .container-time .last-update-status{display:flex;align-items:center;height:24px}.container-card-feed .container-feed-content .container-time .last-update-status .ic{width:20px;height:20px;margin-right:8px;filter:grayscale(100%) opacity(50%)}.container-card-feed .container-feed-content .container-time .last-update-status p.time-stauts{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status{display:flex;flex-direction:column}.container-card-feed .container-feed-content .container-feed-status .category-status{display:flex;align-items:center;margin-bottom:8px;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;gap:4px}.container-card-feed .container-feed-content .container-feed-status .category-status p.state-type{display:flex;height:26px;padding:0 8px;justify-content:center;align-items:center;border-radius:20px;color:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical-middle{width:1px;height:22px;background-color:#0006;position:relative;margin-left:8px}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical-middle:after{content:"";position:absolute;top:0;bottom:0;width:1px;height:22px;background-color:#0006;position:relative;margin-left:8px}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .category-status p.problem-type{display:flex;height:26px;padding:6px 12px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #000;background:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .category-status::-webkit-scrollbar{display:none}.container-card-feed .container-feed-content .container-feed-status .other-status{display:flex;align-items:center;height:26px;margin-bottom:4px}.container-card-feed .container-feed-content .container-feed-status .other-status .line-vertical-front{width:1px;height:22px;background-color:#0006;margin-left:0;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .other-status p.problem-id{color:#000;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .other-status .ic-files{width:16px;height:16px;margin-left:4px}.container-card-feed .container-feed-content .container-feed-status .other-status .line-vertical{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .other-status .ic-calendar{width:16px;height:16px;margin-right:4px}.container-card-feed .container-feed-content .container-feed-status .star-status{display:flex;align-items:center;height:26px}.container-card-feed .container-feed-content .container-feed-status .star-status .line-vertical-front{width:1px;height:22px;background-color:#0006;margin-left:0;margin-right:8px}.container-card-feed .img{display:flex;justify-content:flex-start;align-items:center}.container-card-feed .img .feed-image{width:150px;height:150px;border-radius:14px;margin-top:8px}}@media (min-width: 767px) and (max-width: 1023px){.container-card-feed{position:relative;border-radius:24px;background:#fff;box-shadow:0 0 8px #00000026;display:flex;flex-direction:column;width:100%;height:auto;padding:1rem 1rem 1rem 2rem;overflow:hidden}.container-card-feed .color-state{width:10px;height:100%;position:absolute;left:0;top:0}.container-card-feed .container-feed-content{padding-right:0}.container-card-feed .container-feed-content p.content{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:80px}.container-card-feed .container-feed-content .line{width:100%;height:.5px;background:#d7d7d7;margin-top:12px;margin-bottom:12px}.container-card-feed .container-feed-content .container-address{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.container-card-feed .container-feed-content .container-address img{width:20px;height:24px}.container-card-feed .container-feed-content .container-address p{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container-card-feed .container-feed-content .container-time{display:flex;gap:8px;margin-bottom:.5rem}.container-card-feed .container-feed-content .container-time .time-status{display:flex;align-items:center;height:24px}.container-card-feed .container-feed-content .container-time .time-status .ic{width:20px;height:20px;margin-right:8px;filter:grayscale(100%) opacity(50%)}.container-card-feed .container-feed-content .container-time .time-status p.time-stauts{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-card-feed .container-feed-content .container-time .last-update-status{display:flex;align-items:center;height:24px}.container-card-feed .container-feed-content .container-time .last-update-status .ic{width:20px;height:20px;margin-right:8px;filter:grayscale(100%) opacity(50%)}.container-card-feed .container-feed-content .container-time .last-update-status p.time-stauts{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status{display:flex;flex-direction:column}.container-card-feed .container-feed-content .container-feed-status .category-status{display:flex;align-items:center;margin-bottom:8px;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;gap:4px}.container-card-feed .container-feed-content .container-feed-status .category-status p.state-type{display:flex;height:26px;padding:0 8px;justify-content:center;align-items:center;border-radius:20px;color:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical-middle{width:1px;height:22px;background-color:#0006;position:relative;margin-left:8px}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical-middle:after{content:"";position:absolute;top:0;bottom:0;width:1px;height:22px;background-color:#0006;position:relative;margin-left:8px}.container-card-feed .container-feed-content .container-feed-status .category-status .line-vertical{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .category-status p.problem-type{display:flex;height:26px;padding:6px 12px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #000;background:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .category-status::-webkit-scrollbar{display:none}.container-card-feed .container-feed-content .container-feed-status .other-status{display:flex;align-items:center;height:26px;margin-bottom:4px}.container-card-feed .container-feed-content .container-feed-status .other-status .line-vertical-front{width:1px;height:22px;background-color:#0006;margin-left:0;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .other-status p.problem-id{color:#000;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-card-feed .container-feed-content .container-feed-status .other-status .ic-files{width:16px;height:16px;margin-left:4px}.container-card-feed .container-feed-content .container-feed-status .other-status .line-vertical{width:1px;height:22px;background-color:#0006;margin-left:8px;margin-right:8px}.container-card-feed .container-feed-content .container-feed-status .other-status .ic-calendar{width:16px;height:16px;margin-right:4px}.container-card-feed .container-feed-content .container-feed-status .star-status{display:flex;align-items:center;height:26px}.container-card-feed .container-feed-content .container-feed-status .star-status .line-vertical-front{width:1px;height:22px;background-color:#0006;margin-left:0;margin-right:8px}.container-card-feed .img{display:flex;justify-content:flex-start;align-items:center}.container-card-feed .img .feed-image{width:150px;height:150px;border-radius:14px;margin-top:8px}}.images-container{display:flex;overflow-x:auto;gap:.3rem;margin-top:1rem;max-width:100%;overflow:auto}.images-container img{max-width:90px;height:auto;border-radius:8px;background:#fff;box-shadow:0 2.455px 3.068px 1.227px #0000000d;border:1px solid rgba(0,0,0,.1);cursor:pointer}.container-bar-chart{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;width:calc(100% - 144px);height:100px;flex:none;order:0;align-self:stretch;flex-grow:0}.total-box{display:flex;align-items:center;justify-content:center;min-width:130px;height:100px;border-radius:16px;background:#000;padding:1rem}.total-box .span{display:flex;gap:.5rem;align-items:baseline}.total-box .txt-bottom-chart{position:absolute;height:26px;left:0;top:165px;line-height:26px;display:flex;align-items:center;color:#fff}.total-box .txt-in-chart{color:#fff;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.total-box .txt-value{color:#fff;font-family:Noto Sans Thai;font-size:22px;font-style:normal;font-weight:700;line-height:normal}.total-box .txt-unit{color:#fff;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.total-box .container-txt-in-chart{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;position:absolute;width:fit-content!important}.container-each-box-barchart{height:100px;min-width:10%;display:flex;align-items:center;position:relative;cursor:pointer}.container-each-box-barchart.first{border-top-left-radius:16px;border-bottom-left-radius:16px}.container-each-box-barchart.last{border-top-right-radius:16px;border-bottom-right-radius:16px}.span{display:flex;gap:.5rem;align-items:baseline}.txt-bottom-chart{position:absolute;height:26px;left:0;top:165px;line-height:26px;display:flex;align-items:center;color:#000}.txt-in-chart{color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.txt-value{color:#000;font-family:Noto Sans Thai;font-size:22px;font-style:normal;font-weight:700;line-height:normal}.txt-unit{color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.container-txt-in-chart{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;position:absolute;width:100%}.container-chartMobile{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.container-chartMobile .container-box{width:100%;display:flex;align-items:center;gap:.5rem}.container-chartMobile .box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;padding:.5rem;border-radius:16px;background-color:#0ff;cursor:pointer}.container-chartMobile .box p.state{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:600;text-align:center;cursor:pointer}.container-chartMobile .box span{display:flex;align-items:baseline;gap:.5rem;cursor:pointer}.container-chartMobile .box span p.count{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:700;cursor:pointer}.container-chartMobile .box span p.unit{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;cursor:pointer}@media (min-width: 1024px){.container-chartMobile{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}}.styled-table{width:100%;background:#fff;border-collapse:collapse;margin-bottom:2rem;border-radius:16px;box-shadow:0 0 10px #0000001a}.table-row{display:flex;border-bottom:1px solid #e1e1e1}.table-row:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.table-row:nth-child(odd){background-color:#f5f5f5}.table-row:nth-child(2n){background-color:#fff}.header{border-bottom:2px solid #000;background:#fff!important;font-weight:700;font-size:20px;color:#000;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 0 10px #0000001a}.cell .issue-type{font-weight:400;width:100px;text-wrap:wrap;cursor:pointer}.progress-bars{display:flex;width:70%;align-items:center}.progress-bars .progress-bar{height:30px;min-width:5%;display:flex;align-items:center}.progress-bars .progress-bar p{margin-left:.5rem;font-size:16px;font-weight:400}.progress-bars .progress-bar:first-child{border-radius:8px 0 0 8px}.progress-bars .progress-bar:last-child{border-radius:0 8px 8px 0}@media (max-width: 767px){.cell{flex-direction:column}.progress-bars{display:flex;flex-direction:column;width:70%;align-items:start;margin-top:.5rem;gap:.5rem}.progress-bars .progress-bar{height:26px;min-width:1%;display:flex;align-items:center;border-radius:4px!important}.progress-bars .progress-bar p{margin-left:.5rem;font-size:16px;font-weight:400}}@media (min-width: 767px) and (max-width: 1023px){.progress-bars{display:flex;width:70%;align-items:center}.progress-bars .progress-bar{height:26px;min-width:10%;display:flex;align-items:center}.progress-bars .progress-bar p{margin-left:.5rem;font-size:16px;font-weight:400}}.container-star-chart{display:flex;flex-direction:column;gap:1rem;width:100%}.container-star-chart .count{display:flex;align-items:center;gap:3rem}.container-star-chart .count p:nth-child(1){color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:600}.container-star-chart .count p:nth-child(2){color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-star-chart .main-star-chart{display:flex;flex-direction:column;gap:2rem}.container-star-chart .main-star-chart span{display:flex;align-items:normal}.container-star-chart .main-star-chart span p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-star-chart .main-star-chart .progressbar-star{width:auto;height:24px;border-radius:8px;background:#fde358;color:#00000080;text-align:left;font-family:Noto Sans Thai;font-size:16px;font-weight:400;padding-left:.5rem}.styled-table-star{width:100%;background:#fff;border-collapse:collapse;margin-bottom:2rem;border-radius:16px;border:1px solid rgba(0,0,0,.1);overflow:hidden}.table-row-star{display:flex;border-bottom:1px solid #e1e1e1}.table-row-star:nth-child(odd){background-color:#fff}.table-row-star:nth-child(2n){background-color:#fff}.cell{display:flex;position:relative;flex-grow:1;padding:1rem;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:600}.cell .issue-type{font-weight:400;width:120px;text-wrap:wrap;cursor:pointer}.progress-bars-star{display:flex;width:100%;align-items:center}.progress-bars-star .progress-bar-star{height:30px;min-width:0%;display:flex;align-items:center;background-color:#fde358;border-radius:8px}.progress-bars-star .progress-bar-star p{margin-left:.5rem;font-size:16px;font-weight:400;text-wrap:nowrap}.total{display:flex;align-items:center;justify-content:center;width:80px;border-left:1px solid #e1e1e1;flex-grow:0;flex-shrink:0;border-left:1.5px solid #000!important}@media (max-width: 767px){.progress-bars-star{align-items:start}}.container-top10-member-hardwork{display:flex;flex-direction:column;width:100%;height:auto;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;border:1px solid rgba(99,99,99,.2);overflow:hidden}.container-top10-member-hardwork .container-one-data{width:100%;height:auto;display:flex;align-items:center;padding:1rem;gap:1rem;overflow:hidden}.container-top10-member-hardwork .container-one-data .badge{width:24px;height:24px;border-radius:50%;color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center}.container-top10-member-hardwork .container-one-data .badge img.ic_place{width:35px;height:auto}.container-top10-member-hardwork .container-one-data img.member-img{width:40px;height:40px;border-radius:100%}.container-top10-member-hardwork .container-one-data p.name{color:#000;font-family:Noto Sans Thai;font-size:18px}.container-top10-member-hardwork .container-one-data span{display:flex;align-items:center;margin-left:auto}.container-top10-member-hardwork .container-one-data span p.count{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:700}.container-top10-member-hardwork .container-one-data span p.unit{margin-left:.2rem;color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-top10-member-hardwork .container-one-data:nth-child(odd){background-color:#f5f5f5}.containerData-skeleton{display:flex;flex-direction:column;width:100%;height:auto;border-radius:24px;border:3px solid rgba(0,0,0,0);box-shadow:0 0 8px #00000026;position:relative;overflow:hidden}.div_img_and_detail-skeleton{display:flex;width:100%;height:auto}.empty-box-skeleton{display:flex;width:80%;height:20px}.img_post-skeleton{width:157px;height:157px;border-radius:8px}.top-render-skel{display:flex;width:100%;height:auto;position:relative;padding:1rem;justify-content:space-between}.top-render-skel .render-detail-skel{display:flex;flex-direction:column;width:100%;height:auto}.bottom-render-skel{display:flex;width:100%;height:43px;padding:.5rem 1rem;gap:.5rem;align-items:center}.container-joinOrg-page{display:flex;flex-direction:column;width:100%;gap:1rem}.container-joinOrg-page img.logo_themall{width:120px;height:auto;align-self:center}.container-joinOrg-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:3rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:2rem}.container-joinOrg-page .container-main .container-searchOrg{display:flex;flex-direction:column;gap:1rem}.container-joinOrg-page .container-main .container-searchOrg span{display:flex;align-items:center;gap:.2rem}.container-joinOrg-page .container-main .container-searchOrg span p:nth-child(1){color:#000;font-family:Noto Sans Thai;font-size:24px;font-weight:700}.container-joinOrg-page .container-main .container-searchOrg span p:nth-child(2){color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:400}.container-joinOrg-page .container-main .container-searchOrg .container-searchBox{width:100%;height:48px;display:flex;align-items:center;border-radius:12px;border:1px solid #cfcfcf;box-shadow:0 0 15px #0000001a;background:#fff;padding:1rem;color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:400}.container-joinOrg-page .container-main .container-searchOrg .container-searchBox input{width:100%;height:46px;border:none}.container-joinOrg-page .container-main .container-searchOrg .container-searchBox.list{border-radius:20px 20px 0 0}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult{width:100%;height:auto;max-height:420px;overflow-y:auto;padding:1rem 3rem;display:flex;flex-direction:column;gap:1rem;border:1px solid #cfcfcf;box-shadow:0 0 15px #0000001a;background:#fff;margin-top:-1rem;border-radius:0 0 20px 20px}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name{display:flex;align-items:center;gap:1rem}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name .img{width:40px;height:40px;background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name .img img{width:50px;height:34px;object-fit:contain}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name .container-name-role{display:flex;flex-direction:column;align-items:start;flex:1}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name .container-name-role p.nameOrg{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name .container-name-role p.role{color:#00000080;font-family:Noto Sans Thai;font-size:12px;font-weight:400}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name button.join{display:flex;align-items:center;justify-content:center;width:fit-content;height:38px;padding:1rem;border-radius:12px;border:1px solid #cfcfcf;background:#fff;color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;margin-left:auto;cursor:pointer}.container-joinOrg-page .container-main .container-searchOrg .listSearchResult .container-icon-name button.join:hover{background:#f9f9f9}.container-joinOrg-page .container-main .container-list-org-responsible{display:grid;grid-template-columns:repeat(4,auto);gap:1rem}.container-joinOrg-page .container-main .container-list-org-responsible .container-one-org{border-radius:16px;border:1px solid rgba(0,0,0,.1);width:100%;height:auto;display:flex;align-items:center;gap:.5rem;padding:1rem;cursor:pointer}.container-joinOrg-page .container-main .container-list-org-responsible .container-one-org p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-joinOrg-page .img{width:40px;height:40px;background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}.container-joinOrg-page .img img{width:50px;height:34px;object-fit:contain}.container-joinOrg-page .line-horizontal{border-bottom:1px solid #d7d7d7}@media (max-width: 1024px){.container-list-org-responsible{display:grid;grid-template-columns:repeat(2,auto)!important;gap:1rem}.container-searchOrg span{display:flex;flex-direction:column;align-items:center}.container-searchOrg .listSearchResult{padding:1rem!important}.container-searchOrg .listSearchResult .container-icon-name{gap:.5rem}}@media (max-width: 767px){.container-joinOrg-page .container-main{padding:1rem}.container-joinOrg-page .container-main .container-searchOrg span{display:flex;flex-direction:column;align-items:center}.container-joinOrg-page .container-main .container-searchOrg span p:nth-child(1){color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:700}.container-joinOrg-page .container-main .container-searchOrg span p:nth-child(2){color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:700}.container-joinOrg-page .line-horizontal{border-bottom:1px solid #d7d7d7}.container-joinOrg-page .container-list-org-responsible{display:grid;grid-template-columns:repeat(1,auto)!important;gap:1rem}}.container-detailTimeline-page{display:flex;flex-direction:column;width:100%;height:auto;gap:1rem}.container-detailTimeline-page .container-main{width:100%;height:auto;display:flex;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:1.5rem}.container-detailTimeline-page .container-main .container-detail{width:100%;height:auto;display:flex;flex-direction:column}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage{width:100%;height:auto;display:flex;align-items:center}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage .container-ticket-copy{width:100%;display:flex;align-items:center;gap:.5rem}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage .container-ticket-copy p.ticket_id{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;text-wrap:nowrap}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage .container-ticket-copy img.copy{width:20px;height:20px;cursor:pointer;margin-right:1rem}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage .container-button{width:100%;display:flex;align-items:center;gap:.5rem;margin-left:auto}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage .container-button button{width:fit-content;height:40px;padding:1rem .5rem;border-radius:8px;border:1.5px solid #000;background:#fff;display:flex;align-items:center;justify-content:center;gap:.2rem;cursor:pointer}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage .container-button button img{width:16px;height:16px}.container-detailTimeline-page .container-main .container-detail .container-ticket-buttonManage .container-button button p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;width:100%;white-space:nowrap}.container-detailTimeline-page .container-main .container-detail .container-main-detail{width:100%;height:auto;display:flex;flex-direction:column;margin-top:1rem}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row{width:100%;display:flex;align-items:center;margin-top:.5rem}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state{width:fit-content;height:26px;padding:0 .5rem;display:flex;align-items:center;background:#f8b600;justify-content:center;border-radius:20px;color:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400;margin-right:12px}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state.start,.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state.report{background:#d61300}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state.inprogress,.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state.invite{background:#f8b600}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state.finish{background:#5bbb0b}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state.forward{background:#4d68e4}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.state.irrelevant{background:#4a5260}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row img{width:20px;height:20px;margin-right:4px}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.update_on{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;margin-right:12px}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row p.count-time{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row-address{width:100%;display:flex;margin-top:1rem}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row-address img{width:20px;height:20px;margin-right:4px}.container-detailTimeline-page .container-main .container-detail .container-main-detail .flex-row-address p.address{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400;line-height:1.1}.container-detailTimeline-page .container-main .container-detail .container-main-detail .container-list-org{display:flex;align-items:center;margin-top:1rem;flex-wrap:wrap}.container-detailTimeline-page .container-main .container-detail .container-main-detail .container-list-org p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-detailTimeline-page .container-main .container-detail .container-main-detail .container-list-org p.org-name{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-detailTimeline-page .container-main .container-detail .container-main-detail .container-list-org p.org-name:not(:last-child):after{content:",";margin-right:.5rem}.container-detailTimeline-page .container-main .container-detail .container-main-detail .container-chip-problemType{display:flex;align-items:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.container-detailTimeline-page .container-main .container-detail .container-main-detail .container-chip-problemType .chip-problemType{display:flex;height:26px;padding:6px 12px;justify-content:center;align-items:center;border-radius:100px;border:1px solid rgba(0,0,0,.4);background:#fff;color:#000;font-family:Noto Sans Thai;font-size:14px;font-weight:400}.container-detailTimeline-page .container-main .container-detail .container-main-detail p.detail-post{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;margin-top:2rem}.container-detailTimeline-page .container-main .container-img-post{width:420px;padding-left:1rem;cursor:pointer}.container-detailTimeline-page .container-main .container-img-post .container-img-before-after{display:flex;gap:1rem}.container-detailTimeline-page .container-main .container-img-post .container-img-before-after .container-img{width:192px;height:192px;border:1px solid #000;border-radius:12px;position:relative;overflow:hidden}.container-detailTimeline-page .container-main .container-img-post .container-img-before-after .container-img img{width:190px;height:190px;border-radius:12px}.container-detailTimeline-page .container-main .container-img-post .container-img-before-after .censor-tab{background:#000;z-index:1;width:100%;height:30px;color:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400;position:absolute;bottom:0;display:flex;align-items:center;justify-content:center}.container-detailTimeline-page .div-timeline-main{width:100%;height:auto;display:flex;flex-direction:column;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:1.5rem}.container-detailTimeline-page .div-timeline-main .d-flex{display:flex}.container-detailTimeline-page .div-timeline-main p.title-main-timeline{color:#000;font-family:Noto Sans Thai;font-size:20px;font-weight:700;margin-bottom:1rem}.container-detailTimeline-page .div-timeline-main .photoTimeline{width:178.818px;height:178.818px;border-radius:8px;margin-bottom:2rem;cursor:pointer}.container-detailTimeline-page .div-timeline-main .timeline-box{margin-left:3%;border-left:2px solid rgba(88,84,143,.2);max-height:100%}.container-detailTimeline-page .div-timeline-main .timeline-box.last{margin-left:3%;max-height:100%}.container-detailTimeline-page .div-timeline-main .timeline-status{color:#000;font-size:18px;font-family:Noto Sans Thai;font-style:normal;font-weight:500;line-height:normal;text-align:end}.container-detailTimeline-page .div-timeline-main .timeline-status.last{font-size:18px;font-weight:500;text-align:end}.container-detailTimeline-page .div-timeline-main .start,.container-detailTimeline-page .div-timeline-main .report{color:#e11a00}.container-detailTimeline-page .div-timeline-main .inprogress,.container-detailTimeline-page .div-timeline-main .invite,.container-detailTimeline-page .div-timeline-main .follow{color:#ffb800}.container-detailTimeline-page .div-timeline-main .finish{color:#46bc00}.container-detailTimeline-page .div-timeline-main .forward{color:#4665e4}.container-detailTimeline-page .div-timeline-main .timeline-detail-time{color:#00000080;font-size:16px;font-family:Noto Sans Thai;font-style:normal;font-weight:400;line-height:normal;max-width:600px}.container-detailTimeline-page .div-timeline-main .timeline-detail-time.last{color:#000;font-size:18px;font-family:Noto Sans Thai;font-style:normal;font-weight:700;line-height:normal}.container-detailTimeline-page .div-timeline-main .timeline-note{color:#00000080;font-size:16px;font-family:Noto Sans Thai;font-style:normal;font-weight:400;line-height:normal;margin-top:1rem}.container-detailTimeline-page .div-timeline-main .timeline-photo{width:100%;max-height:300px!important;min-height:10px!important;border-radius:3%}.container-detailTimeline-page .div-timeline-main .timeline-container{padding-bottom:3rem;width:200px;display:flex;flex-direction:column;align-items:end}.container-detailTimeline-page .div-timeline-main .timeline-container-width{padding-bottom:3rem;width:270px;display:flex;flex-direction:column;align-items:end}.container-detailTimeline-page .div-timeline-main .timeline-step-icon{margin-left:-6px;margin-top:.5rem}.container-detailTimeline-page .div-timeline-main .timeline-step-name{font-size:1.3rem;font-weight:700}.container-detailTimeline-page .div-timeline-main .color-state-{background-color:#f8b600;border-radius:100%;width:10px;height:10px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.container-detailTimeline-page .div-timeline-main .color-state-start,.container-detailTimeline-page .div-timeline-main .color-state-report{background-color:#d61300;border-radius:100%;width:10px;height:10px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.container-detailTimeline-page .div-timeline-main .color-state-inprogress{background-color:#f8b600;border-radius:100%;width:10px;height:10px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.container-detailTimeline-page .div-timeline-main .color-state-finish{background-color:#5bbb0b;border-radius:100%;width:10px;height:10px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.container-detailTimeline-page .div-timeline-main .color-state-irrelevant{background-color:#4a5260;border-radius:100%;width:10px;height:10px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.container-detailTimeline-page .div-timeline-main .color-state-forward{background-color:#4d68e4;border-radius:100%;width:10px;height:10px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.container-detailTimeline-page .div-timeline-main .color-state-invite,.container-detailTimeline-page .div-timeline-main .color-state-follow{background-color:#f8b600;border-radius:100%;width:10px;height:10px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.container-detailTimeline-page .show-star-reportPost{display:flex;align-items:center;gap:.5rem}.container-detailTimeline-page .show-star-reportPost p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;margin-top:.7rem}.container-detailTimeline-page .show-star-reportPost .star-mt{margin-top:.7rem}@media (max-width: 767px){.container-main{flex-direction:column}.container-main .show-star-reportPost{display:flex;flex-direction:column;align-items:start;gap:0}.container-main .show-star-reportPost p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-main .show-star-reportPost .star-mt{margin-top:0rem}.container-main .container-ticket-buttonManage{flex-wrap:wrap;gap:.5rem}.container-main .container-ticket-buttonManage .container-button{flex-wrap:wrap}.container-main .flex-row{flex-wrap:wrap;gap:.2rem}.container-main .container-img-post{margin-top:1rem;width:100%!important;max-width:480px!important;padding:0!important}.container-main .container-img-post .container-img-before-after{display:flex;gap:.5rem!important}.container-main .container-img-post .container-img-before-after .container-img{width:100%!important;height:100%!important;aspect-ratio:1/1}.container-main .container-img-post .container-img-before-after .container-img img{width:100%!important;height:auto!important;aspect-ratio:1/1;border-radius:12px}.container-main .container-img-post .container-img-before-after .censor-tab{background:#000;z-index:1;width:100%;height:30px;color:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400;position:absolute;bottom:0;display:flex;align-items:center;justify-content:center}}@media (min-width: 768px) and (max-width: 1023px){.container-main{flex-direction:column}.container-main .container-ticket-buttonManage{flex-wrap:wrap;gap:.5rem}.container-main .container-img-post{margin-top:1rem;width:100%!important;max-width:480px!important;padding:0!important}.container-main .container-img-post .container-img-before-after{display:flex;gap:1rem}.container-main .container-img-post .container-img-before-after .container-img{width:100%!important;height:auto!important;aspect-ratio:1/1;border:1px solid #000;border-radius:12px;position:relative;overflow:hidden}.container-main .container-img-post .container-img-before-after .container-img img{width:100%!important;height:auto!important;aspect-ratio:1/1;border-radius:12px}.container-main .container-img-post .container-img-before-after .censor-tab{background:#000;z-index:1;width:100%;height:30px;color:#fff;font-family:Noto Sans Thai;font-size:14px;font-weight:400;position:absolute;bottom:0;display:flex;align-items:center;justify-content:center}}.container-detailTimeline-page.skeleton{height:500px;width:100%;border-radius:12px}.container-qrcode-page{display:flex;flex-direction:column;width:100%;gap:1rem}.container-qrcode-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:2rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:1rem}.container-qrcode-page .container-main .container-searchBox{width:100%;height:47px;display:flex;align-items:center;border-radius:12px;border:1px solid #cfcfcf;background:#fff;padding:1rem;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-qrcode-page .container-main .container-searchBox input{width:100%;height:46px;border:none;background-color:transparent;padding:0 .5rem}.container-qrcode-page .container-main .container-searchBox input::placeholder{color:#000}.container-qrcode-page .container-main button.createQR{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;border:1px solid #cfcfcf;background:#fff;width:fit-content;height:46px;padding:.5rem;cursor:pointer}.container-qrcode-page .container-main button.createQR p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;text-wrap:nowrap}.container-qrcode-page .container-main .container-all-qr{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem;grid-row-gap:1rem}.container-qrcode-page .container-main .container-all-qr .container-qr-onlyOne{display:flex;flex-direction:column;width:100%;min-width:200px;height:auto;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:1rem 2rem;position:relative}.container-qrcode-page .container-main .container-all-qr .container-qr-onlyOne img.img_qr{width:80px;height:80px;align-self:center;cursor:pointer}.container-qrcode-page .container-main .container-all-qr .container-qr-onlyOne p.title_qr{font-family:Noto Sans Thai;font-size:18px;font-weight:600;margin-top:1rem;padding-bottom:.2rem;border-bottom:1px solid #e6e6e6;word-wrap:break-word}.container-qrcode-page .container-main .container-all-qr .container-qr-onlyOne p.detail_qr{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400;margin-top:.5rem;word-wrap:break-word}.container-qrcode-page .container-main .container-all-qr .container-qr-onlyOne p.probType_qr{color:#0009;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-qrcode-page .container-main .container-all-qr .container-delete-edit-icon{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}.container-qrcode-page .container-main .container-all-qr .container-delete-edit-icon svg{cursor:pointer}@media (max-width: 767px){.container-all-qr{width:100%;height:auto;display:grid;grid-template-columns:repeat(1,1fr)!important;gap:1rem}}@media (min-width: 767px) and (max-width: 1023px){.container-all-qr{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr)!important;gap:1rem}.container-all-qr .container-delete-edit-icon{flex-direction:column!important}}.container-stat-page{display:flex;flex-direction:column;width:100%;gap:1rem}.container-stat-page .container-title-explainState{width:100%;display:flex;align-items:center}.container-stat-page p.title{color:#000;font-family:Noto Sans Thai;font-size:20px!important;font-weight:700!important;width:100%}.container-stat-page img.btn_export{height:38px;cursor:pointer;border-radius:8px}.container-stat-page .container-main-filter-stat{display:flex;align-items:end}.container-stat-page .state-color{width:20px;height:20px;border-radius:100%;background-color:#ff6f6f}.container-stat-page p.state-name{color:#000c;font-family:Noto Sans Thai;font-size:16px;font-weight:400;text-wrap:nowrap;margin-right:8px}.container-stat-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:1rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:1.5rem 1rem}.container-stat-page .container-main .title-filter{display:flex;align-items:baseline}.container-stat-page .container-main .title-filter p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-stat-page .container-main .filter-sec{display:flex;align-items:end;margin-left:auto;gap:.5rem;margin-top:1rem}.container-stat-page .container-main .filter-sec p{text-wrap:nowrap;margin-left:auto;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-stat-page .container-main .container-flex-starChart{width:100%;display:flex;gap:3rem}@media (max-width: 767px){.container-stat-page .container-main{padding:1rem!important}.container-main-filter-stat{display:flex;flex-direction:column;align-items:start!important}.container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:1rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:1.5rem 1rem}.container-main .title-filter{display:flex;align-items:baseline}.container-main .title-filter p{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-main .filter-sec{display:flex;flex-direction:column;align-items:start!important;margin-left:auto;gap:.5rem;width:100%;margin-top:1rem}.container-main .filter-sec p{text-wrap:nowrap;margin-left:0!important;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400}.container-main .container-flex-starChart{width:100%;display:flex;flex-direction:column;gap:0rem!important}.container-explain-state-mobile{width:100%;margin-left:auto;display:flex;gap:1rem;margin-top:1rem}.container-state{display:flex;align-items:center;gap:.2rem}.container-state .state-color{width:20px;height:20px;border-radius:100%;background-color:#ff6f6f}.container-state p.state-name{color:#000c;font-family:Noto Sans Thai;font-size:16px;font-weight:400;text-wrap:nowrap}}@media (min-width: 766px) and (max-width: 1023px){.container-stat-page .container-title-explainState{width:100%;display:flex;flex-direction:column;align-items:start}.container-stat-page .container-explain-state{margin-left:0!important;display:flex;gap:1rem;margin-top:.5rem}.container-flex-starChart{width:100%;display:flex;flex-direction:column;gap:0rem!important}}.container-notification-page{display:flex;flex-direction:column;width:100%;gap:1rem}.container-notification-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:3rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:2rem}.container-notification-page .container-main p.title{font-family:Noto Sans Thai;font-size:18px}.container-notification-page .container-main .button-receive-notification-line{width:fit-content;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:4px;background-color:#48c721;padding:1rem;cursor:pointer}.container-notification-page .container-main .button-receive-notification-line p{font-family:Noto Sans Thai;font-weight:400;font-size:16px;color:#fff}.container-notification-page .container-main .button-receive-notification-line img{width:26px;height:26px}.container-manageMember-page{display:flex;flex-direction:column;width:100%;gap:1rem}.container-manageMember-page p{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-manageMember-page p.title{color:#000;font-family:Noto Sans Thai;font-size:20px!important;font-weight:700!important}.container-manageMember-page .container-main{width:100%;height:auto;display:flex;flex-direction:column;gap:1rem;border-radius:24px;background:#fff;box-shadow:#63636333 0 2px 8px;padding:2rem 1rem}.container-manageMember-page .container-main .button-receive-notification-line{width:fit-content;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:4px;background-color:#48c721;padding:1rem;cursor:pointer;margin-bottom:1rem}.container-manageMember-page .container-main .button-receive-notification-line p{font-family:Noto Sans Thai;font-weight:400;font-size:16px;color:#fff}.container-manageMember-page .container-main .button-receive-notification-line img{width:26px;height:26px}.container-manageMember-page .container-main .button-cancel-notification-line{width:fit-content;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:4px;background-color:#fff;border:1px solid #000;padding:1rem;cursor:pointer;margin-bottom:1rem}.container-manageMember-page .container-main .button-cancel-notification-line p{font-family:Noto Sans Thai;font-weight:400;font-size:16px;color:#000}.container-manageMember-page .container-main .button-cancel-notification-line img{width:26px;height:26px}.container-manageMember-page .container-main .container-searchBox{width:100%;height:47px;display:flex;align-items:center;border-radius:12px;border:1px solid #cfcfcf;background:#fff;padding:1rem;color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:400;box-shadow:#63636333 0 2px 8px}.container-manageMember-page .container-main .container-searchBox input{width:100%;height:46px;border:none;background-color:transparent;padding:0 .5rem}.container-manageMember-page .container-main .container-searchBox input::placeholder{color:#000}.container-manageMember-page .container-main .container-list-member{width:100%;border-collapse:collapse;border-radius:16px;background-color:#fff;box-shadow:#63636333 0 2px 8px}.container-manageMember-page .container-main .container-list-member tr{width:100%;height:50px;border:none}.container-manageMember-page .container-main .container-list-member th,.container-manageMember-page .container-main .container-list-member td{border-top:1px solid #dddddd;padding:1rem}.container-manageMember-page .container-main .container-list-member th.title{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:700!important;text-align:start;border:none}.container-manageMember-page .container-main .container-list-member .container-detail-member{display:flex;align-items:center}.container-manageMember-page .container-main .container-list-member .container-detail-member img{width:50px;height:50px;border-radius:50%;margin-right:10px}.container-manageMember-page .container-main .container-list-member .container-detail-member .container-name-email p.name{color:#000;font-family:Noto Sans Thai;font-size:18px;font-weight:500}.container-manageMember-page .container-main .container-list-member .container-detail-member .container-name-email p.email{color:#00000080;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-manageMember-page .container-main .container-list-member .container-detail-member .container-role{color:#000;font-family:Noto Sans Thai;font-size:16px;font-weight:400}.container-manageMember-page .container-main .delete{background-color:#f44336;color:#fff;border:none;padding:8px 16px;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;border-radius:4px;position:relative}.container-manageMember-page .container-main .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.container-manageMember-page .container-main .dropdown .dropdown-content{display:block}@media (max-width: 767px){.container-main{padding:2rem .5rem!important}th,td:first-child{padding:1rem 0 1rem 1rem!important}}p{font-family:Noto Sans Thai}.auto-width{width:auto}.fit-content{width:fit-content}.container-all{width:100%;margin:0 auto;padding:0;height:auto;background-color:#f8f8f8;display:flex;gap:1.2rem;padding:2rem 4rem}.inside-body{display:flex;flex-direction:column;width:100%}button[disabled],div[disabled]{pointer-events:none;opacity:.4}.noti-logo{vertical-align:middle;width:42px;height:42px;margin:0 1rem 0 0;border-radius:50%}.button-receive-notification-line{width:fit-content;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:4px;background-color:#48c721;padding:1rem;cursor:pointer}.button-receive-notification-line p{font-family:Noto Sans Thai;font-weight:400;font-size:16px;color:#fff}.button-receive-notification-line img{width:26px;height:26px}@media (max-width: 767px){.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels{display:flex;flex-direction:column;animation:none}.ant-picker-dropdown{top:40%!important;left:15!important;transform:none!important}}@media (min-width: 767px) and (max-width: 1023px){.container-all{padding:1rem}}@media (min-width: 1023px) and (max-width: 1600px){.container-all{padding:2rem}}.ant-picker{position:relative}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels{display:flex;animation:none}.fc-event{padding:4px 6px;border-radius:6px;font-size:13px;font-weight:500;color:#000;border:1px solid #e8e8e8;background-color:#faebd7}.event-pending{background:gray}.event-done{background:green}.event-progress{background:#4a90e2}*{margin:0;padding:0;box-sizing:border-box}.container-all-mobile{width:100%;margin:0 auto;padding:0;height:auto;background-color:#f4f4f4;display:flex;flex-direction:column;padding:1rem .5rem}.container-burger-myinfo{width:100%;height:auto;border-radius:16px;background:#fff;display:flex;align-items:center;gap:1rem;padding:1rem .5rem}.container-burger-myinfo svg.burger{min-width:2.2em;min-height:2.2em}.container-headerBar-body{width:100%;display:flex;flex-direction:column;gap:1rem}.inside-body-mobile{display:flex;width:100%;border-radius:none;background:none;min-height:calc(100dvh - 6rem);margin-top:1rem;justify-content:center}.input::-webkit-input-placeholder{font-family:Noto Sans Thai;font-weight:400;font-size:18px}.input:-ms-input-placeholder{font-family:Noto Sans Thai;font-weight:400;font-size:18px}.input:-moz-placeholder{font-family:Noto Sans Thai;font-weight:400;font-size:18px}.input::-moz-placeholder{font-family:Noto Sans Thai;font-weight:400;font-size:18px}input[type=text]{font-family:Noto Sans Thai;font-weight:400;font-size:18px;padding:0 1rem}.skeleton{opacity:.2;animation:skeleton-loading 1s linear infinite alternate}.div_column_skeleton_detail{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.button-receive-notification-line-mobile{width:fit-content;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:4px;background-color:#48c721;padding:1rem;cursor:pointer;margin-left:auto;margin-bottom:1rem}.button-receive-notification-line-mobile p{font-family:Noto Sans Thai;font-weight:400;font-size:16px;color:#fff}.button-receive-notification-line-mobile img{width:26px;height:26px}@keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}.loading-container{display:flex;align-items:center;justify-content:center;height:30vh}.loading-container p{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-size:20px;color:#000;margin:0}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px;margin-right:1rem}.container-img-title-noti{display:flex;align-items:center}.noti-title-font{font-family:Noto Sans Thai;font-size:medium;font-weight:700}.noti-logo{vertical-align:middle;width:50px;height:50px;margin:0 1rem 0 0;border-radius:50%}.noti-body-font{font-size:medium;color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal;margin-top:.5rem}.txt{color:#000;font-family:Noto Sans Thai;font-size:16px;font-style:normal}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}img.img_noData{width:300px;height:300px;align-self:center}