@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.text-style{color:#4d4d4d}.dont-break-out{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.titleAISuggestion{font-size:18px}@media (max-width:743px){.titleAISuggestion{font-size:16px}}@media print{.footer,.header,.no-print,button,nav{display:none!important}.flex-container{flex-direction:column!important}.left-side{margin-left:1rem!important}}@font-face{font-family:NotoSansThai-Bold;src:url(/static/media/NotoSansThai-Bold.0192a351.ttf)}@font-face{font-family:NotoSansThai-ExtraBold;src:url(/static/media/NotoSansThai-ExtraBold.a48297a2.ttf)}@font-face{font-family:NotoSansThai-ExtraLight;src:url(/static/media/NotoSansThai-ExtraLight.9be389dd.ttf)}@font-face{font-family:NotoSansThai-Light;src:url(/static/media/NotoSansThai-Light.540e4cdb.ttf)}@font-face{font-family:NotoSansThai-Medium;src:url(/static/media/NotoSansThai-Medium.fcb354ad.ttf)}@font-face{font-family:NotoSansThai-Regular;src:url(/static/media/NotoSansThai-Regular.cbc159af.ttf)}@font-face{font-family:NotoSansThai-SemiBold;src:url(/static/media/NotoSansThai-SemiBold.743c8f79.ttf)}@font-face{font-family:NotoSansThai-Thin;src:url(/static/media/NotoSansThai-Thin.784b1512.ttf)}@font-face{font-family:Sarabun-Regular;src:url(/static/media/Sarabun-Regular.e4a771fc.ttf)}.App{text-align:center}input.form-control-lg{height:47px!important}.noti-logo{vertical-align:middle;width:60px;height:60px;border-radius:50%}.noti-title-font{font-size:medium;font-weight:700}.noti-body-font{font-size:medium}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.text-green{color:#2e7d32!important}.text-red{color:#d32f2f!important}.text-gray{color:#a9a9a9!important}.circle{border-radius:50%;width:48px;height:48px;text-align:center;border:1px solid #000}.center{display:block;margin:auto;width:auto}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fondue-btn-color{background-color:#724827;border-color:#714727;color:#fff}.fondue-btn-color:hover{background-color:#4b2c15;color:#fff}.container-img{position:relative;width:100%;max-width:140px}.container-img img{width:100%;height:auto}.container-img .btn{position:absolute;top:80%;left:80%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);color:#fff;font-size:16px;border:none;cursor:pointer;border-radius:50%;height:47px;width:47px;text-align:center}.container-img .btn,.state-upload-img .btn:hover{background-color:#000}.state-upload-img{position:relative;width:50%;max-width:300px;min-width:175px;min-height:175px}.state-upload-img img{width:100%;height:auto}.state-upload-img .btn{top:55%;background-color:rgba(209,148,109,.3);border:none;cursor:pointer}.state-upload-img .btn,.state-upload-img .text{position:absolute;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);color:#000;font-size:16px;text-align:center}.state-upload-img .text{top:35%}.state-upload-img .btn:hover{background-color:#d1946d}.org-create-success-text{font-size:80}.avatar{width:75px;height:75px}.avatar,.avatar-org{vertical-align:middle;object-fit:cover}.avatar-org{width:50px;height:50px}.fondue-btn-state-color-start{background-color:#d32f2f;border-color:#d32f2f;color:#fff}.fondue-btn-state-color-start:hover{background-color:#811c1c;border-color:#811c1c;color:#fff}.fondue-btn-state-color-inprogress{background-color:#fbc02d;border-color:#fbc02d;color:#000}.fondue-btn-state-color-inprogress:hover{background-color:#99751b;border-color:#99751b;color:#000}.fondue-btn-state-color-finish{background-color:#2e7d32;border-color:#2e7d32;color:#fff}.fondue-btn-state-color-finish:hover{background-color:#1b491e;border-color:#1b491e;color:#fff}.fondue-btn-state-color-irrelevant{background-color:#148adb;border-color:#148adb;color:#fff}.fondue-btn-state-color-irrelevant:hover{background-color:#0c4f7c;border-color:#0c4f7c;color:#fff}.fondue-btn-state-color-default{background-color:#148adb;border-color:#148adb;color:#148adb}.fondue-btn-state-color-default:hover{background-color:#0c4f7c;border-color:#0c4f7c;color:#0c4f7c}p{font-size:1rem}.menu-border-link{border-bottom:1px solid #7a7a7a}.menu-nav{background-color:var(--bgcolor);border-color:var(--bgcolor);padding-left:2px;padding-right:2px;margin-left:2px;margin-right:2px}.menu-nav:hover{background-color:#e9e9e9;border-color:#e9e9e9}.btn-logout{border-bottom:1px solid #7a7a7a}.btn-state{border-bottom:1px solid;border-bottom-color:var(--bs-blue);color:var(--bs-blue)}.btn-state-none{border-bottom:0!important;color:var(--bs-blue)}span.material-icons-size{font-size:18px!important}.material-icons{font-size:35px!important}.org-badge-card{width:950px;height:auto}.scrolling-wrapper{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.scrolling-wrapper-card{display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{background:#dfdfdf;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#b1b1b1}.tooltip.show{opacity:1}.tooltip-inner{background-color:#fff!important;box-shadow:0 0 2px #000;opacity:1!important;color:#000;max-width:100%}.tooltip.bs-tooltip-top .tooltip-arrow:before{border-top-color:transparent}.tooltip.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:transparent}.tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:transparent}.tooltip.bs-tooltip-end .tooltip-arrow:before{border-right-color:transparent}.vertical-center{margin:0;position:absolute;top:50%;transform:translateY(-50%)}.nav-footer{margin-bottom:95px}.nav-footer-btn{margin-bottom:112px}.problem-icon{vertical-align:middle;width:46px;height:46px;border-radius:50%;background-color:#000;background:#811c1c}.container-btn-change-problemtype{position:relative}.btn-change-problemtype{background-color:#eee;border-color:#eee;position:absolute;bottom:0;margin-left:5px}.text-brown-fondue{color:#613310;bottom:0;position:absolute}.selected-icon{width:46px;height:46px;border-radius:50%;background-color:#18923f}.chat-bubble-container.left{flex-direction:row}.chat-bubble-container.left,.chat-bubble-container.right{display:flex;align-items:center;margin-bottom:16px;justify-content:flex-start}.chat-bubble-container.right{flex-direction:row-reverse}.chat-bubble-right{background-color:#007bff}.chat-bubble-left,.chat-bubble-right{display:flex;flex-direction:column;border-radius:15px;padding:10px;margin-right:10px;max-width:70%}.chat-bubble-left{background-color:#f0f0f0}.user-info{display:flex;flex-direction:row;align-items:center;margin-bottom:5px}.user-info-img{width:46px;height:46px;border-radius:50%;margin-right:10px}.user-info .user-name{font-weight:700;margin-right:5px}.user-info .timestamp{font-size:12px;margin-left:auto}.my-custom-scrollbar{position:relative;height:400px;overflow:auto}.btn-dialog{color:#fff;background-color:#32ba7c;border-color:#00da76;padding-left:16px;padding-right:16px;font-family:NotoSansThai-SemiBold;font-size:18px}.btn-dialog-close{background-color:#fc8185;min-width:96px}.btn-dialog-agree,.btn-dialog-close{display:flex;align-items:center;justify-content:center;color:#fff;height:48px;padding:16px;font-family:NotoSansThai-SemiBold;font-size:18px}.btn-dialog-agree{background-color:#32ba7c;border-color:#00da76}.font-header-alert{font-family:NotoSansThai-SemiBold;font-size:24px}.font-description-alert{font-family:NotoSansThai-Regular;font-size:20px}.icon-alert{width:60px;height:60px}.photo-problemType{width:46px;height:46px;border-radius:50%;background-color:#000}.post-photo-box,.post-photo-box-content{background-color:#fff}.text-timestamp{color:#888;margin-left:55px;margin-bottom:20px}.post-photo{max-width:450px!important;max-height:450px!important;margin:10px;cursor:pointer}.back-btn-color{background-color:#fff;border-color:#fff;padding:10px}.back-btn-color:hover{background-color:#f0f2f5}.post-ticket{font-size:larger}.timeline-box{background-color:#fff}.timeline-box-content{margin-left:84px}.post-detail,.post-state-section{margin-left:15px;margin-right:15px}.post-state-section{margin-top:15px}.post-timeline-section{margin-top:15px;margin-left:0;margin-right:15px}.btn-state-change{text-align:left}.img-hover-box-pc{display:inline-block}.img-hover-box-mobile{display:none}.back-btn{padding-right:15px}.btn-invite{width:86px!important}.invite-box{height:400px}.bg-official-group{background-color:#fff}.text-official-group{color:#113d80}.text-official-group,.text-unofficial-group{font-size:1rem;display:inline-block;max-height:4.5em;overflow-x:auto;overflow-y:auto;white-space:pre-wrap}.text-unofficial-group{color:rgba(0,0,0,.5019607843137255)}.text-suggestion-group{color:#000;font-size:1rem;display:inline-block;max-height:3em;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;margin-top:8px}.invite-org-name{padding-left:10px;padding-right:5px}.post-alert-box{width:300px}.post-alert-icon{font-size:60px!important}@media screen and (max-width:768px){.post-photo{max-width:100%!important;max-height:100%!important;margin:0;padding:10px}.post-ticket{font-size:smaller}.post-photo-box{background-color:hsla(0,0%,100%,0);margin-top:10px}.post-photo-box-content{background-color:#fff}.timeline-box{background-color:hsla(0,0%,100%,0);margin-top:10px}.timeline-box-content{margin-left:30px}.post-detail,.post-state-section,.post-timeline-section{margin-left:5px;margin-right:5px}.btn-state-change{text-align:left}.btn-state-position{position:absolute;right:0;bottom:0;margin-right:25px;margin-bottom:25px}.card-height{max-width:100%}.post-pin.material-icons{font-size:56!important}.img-hover-box-pc{display:none}.img-hover-box-mobile{display:inline-block}.back-btn{padding-right:8px}.invite-org-name{padding-left:30px;padding-right:15px}}#content{padding-left:80px}.timeline{border-left:1px solid #4b2c15;border-bottom-right-radius:2px;border-top-right-radius:2px;color:#333;letter-spacing:.5px;position:relative;line-height:1.4em;padding-left:30px;list-style:none;text-align:left;margin-left:-50px}.timeline h1,.timeline h2,.timeline h3{font-size:1.4em}.timeline .event{border-bottom:1px solid hsla(0,0%,62.7%,.2);padding-bottom:20px;padding-top:15px;margin-bottom:5px;margin-left:15px;position:relative;max-width:200%}.timeline .event:last-of-type{padding-bottom:20px;margin-bottom:0;border:none}.timeline .event:after,.timeline .event:before{position:absolute;display:block;top:0}.timeline .event:before{left:-195px;color:#212121;content:attr(data-date);text-align:right;top:23px;font-size:1rem;min-width:120px}.timeline .event:after{box-shadow:0 0 0 8px #f0f2f5;box-shadow:0 0 0 8px #fff;left:-70px;background:#fff;background-image:var(--photo);background-position:50%;background-size:cover;border-radius:50%;height:50px;width:50px;content:"";top:-10px}.timeline-box{margin-left:8px}.post-photo-position{justify-content:left}@media (max-width:945px){.timeline .event:before{left:15px;top:10px;min-width:0;font-size:13px}.timeline h6{padding-top:20px}section.lab h6.card-title{padding:5px;font-size:16px}}@media (max-width:768px){.timeline .event:before{left:6px;top:-3px;min-width:0;font-size:13px}.timeline-box{margin-left:0;margin-top:10px}.post-photo-position{justify-content:center;padding:10px}}.timeline-photo{max-width:200px!important;max-height:150px!important}.timeline-date{margin-left:-100px;background-color:#fff;padding:20px 20px 15px}.timeline-time-diff{font-size:smaller;font-weight:lighter}.timeline-user{margin-left:-120px;background-color:#fff}.timeline-avatar{vertical-align:middle;width:65px;height:65px;border-radius:50%}#content{text-align:center}h1.header{font-size:50px;line-height:70px}.state{border-left:1px solid #000;border-bottom-right-radius:2px;border-top-right-radius:2px;color:#333;letter-spacing:.5px;position:relative;line-height:1.4em;padding:20px;list-style:none;text-align:left;margin-left:-20px}.state h1,.state h2,.state h3{font-size:1.4em}.state .event{border-bottom:1px solid hsla(0,0%,62.7%,.2);padding-bottom:15px;margin-bottom:20px;padding-top:15px;padding-left:15px;position:relative}.state .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.state .event:after,.state .event:before{position:absolute;display:block;top:0}.state .event:before{left:-177.5px;color:#212121;content:attr(data-date);text-align:right;font-size:16px;min-width:120px}.state .event:after{left:-33px;border-radius:50%;height:25px;width:25px;content:"";top:12px;background-position:50%;background-size:cover;background-image:var(--photo)}a.portfolio-link{margin:0 auto;display:block;text-align:center}.dot-in-state{margin-left:-52.8px;margin-top:-45px}.dot-in-state-size{font-size:40px}.timeline-disable-text{color:rgba(0,0,0,.25)!important}.timeline-disable-dot{color:rgba(0,0,0,.15)!important}.rounded-4{border-radius:1rem!important}.table-header{background-color:#fff}.mytable tr:hover{background-color:#f0f2f5}.mytable td{vertical-align:top}.text-comment{line-height:1.5em;height:3em;overflow:hidden}.post-photo-table{width:100px;max-height:100%}.btn-state{text-align:center}.text-header-ticket{padding-left:20px}.text-header{display:none;word-wrap:break-word}.text-break-line{word-break:break-word}.btn-go-to-manage,.text-header-location,.text-state{display:none}.table-row{padding-top:10px;padding-bottom:5px}@media screen and (max-width:768px){table.mobile-optimised{word-wrap:break-word}table.mobile-optimised thead{position:absolute;left:-999em;top:-999em}table.mobile-optimised td{display:block;float:left;width:100%;clear:both;box-sizing:border-box;padding-left:20px;padding-right:20px}table.mobile-optimised tbody,table.mobile-optimised tr{display:block}.mobile-optimised td:before{content:attr(data-th);display:block;font-weight:700;color:#000}.mobile-optimised tbody tr{float:left;width:100%;margin-bottom:10px;margin-top:5px;box-shadow:1px 1px 1px #ccc}.post-photo-table{width:320px;height:337px;object-fit:cover}.btn-state{text-align:center}.text-header,.text-header-location{display:inline-block;font-weight:700}.btn-state-table{display:none}.btn-go-to-manage,.text-state{display:inline-block}.table-row{padding-top:1px;padding-bottom:0}.text-header-ticket{padding-top:15px}.td-border-gray{border:#c0c7cd!important}}.org-logo{vertical-align:middle;width:50px;height:50px;border-radius:50%}org-logo:hover{cursor:pointer}.org-logo-in-list{vertical-align:middle;width:30px;height:30px;border-radius:50%;margin-top:4px}.org-list{background-color:#fffefe;inline-size:300px;word-break:break-all;padding:10px}.org-list:hover{background-color:#f0f2f5;cursor:pointer}.org-text{word-wrap:break-word}.org-text:hover{cursor:pointer}.org-text-in-list{word-wrap:break-word}.org-text-in-list:hover{cursor:pointer}.dropdown-org{overflow:hidden;overflow-y:auto;max-height:480px}@media screen and (max-width:768px){.org-text{overflow:hidden;max-width:180px}.org-list{background-color:#fffefe;inline-size:270px;word-break:break-all;padding:10px}}.post-table{table-layout:fixed;word-wrap:break-word}.fab-container{position:fixed;bottom:30px;right:30px;z-index:1050;opacity:1;transform:scale(1);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fab-container.fab-hidden{opacity:0;transform:scale(.5);pointer-events:none}.comment-truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.image-container-relative{position:relative;display:inline-block}.status-overlay,.type-overlay{position:absolute;background-color:rgba(0,0,0,.65);color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.status-overlay{top:5px;right:5px}.type-overlay{bottom:5px;right:5px}.luxury-fab{display:flex;align-items:center;grid-gap:.5em;gap:.5em;background:#fff;color:#5c3131;border:2px solid #5c3131;border-radius:28px;box-shadow:0 2px 8px rgba(92,49,49,.1);padding:.5em 1.1em .5em .8em;font-size:.98rem;font-weight:600;cursor:pointer;transition:box-shadow .18s,transform .18s,background .22s;position:relative;min-width:40px;min-height:40px;z-index:1100;margin-bottom:18px}.luxury-fab:focus,.luxury-fab:hover{background:#f5f5f5;box-shadow:0 4px 16px rgba(92,49,49,.13);outline:none;transform:translateY(-1px) scale(1.03)}.luxury-fab:active{background:#f0ece9;box-shadow:0 1px 4px rgba(92,49,49,.1);transform:scale(.97)}.fab-icon{font-size:1.3rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));margin-right:.1em;color:#5c3131}.fab-label{font-size:.98rem;font-weight:500;letter-spacing:.01em;margin-right:.3em;color:#5c3131}.fab-count{background:#5c3131;color:#fff;border-radius:50%;padding:.15em .55em;font-size:.95rem;font-weight:700;margin-left:.05em;box-shadow:0 1px 3px rgba(92,49,49,.1)}@media (max-width:600px){.fab-container{right:10px;bottom:10px}.luxury-fab{font-size:.92rem;padding:.45em .8em .45em .7em;min-width:34px;min-height:34px;margin-bottom:10px}.fab-icon{font-size:1.1rem}.fab-label{display:none}}
/*!
 * Bootstrap Docs (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under the Creative Commons Attribution 3.0 Unported License.
 * For details, see https://creativecommons.org/licenses/by/3.0/.
 */.bd-navbar{padding:.625rem 0;background-color:#7952b3}@media (max-width:991.98px){.bd-navbar .navbar-nav-scroll{width:100%}.bd-navbar .navbar-nav-scroll .navbar-nav{margin:-.5rem 0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.bd-navbar .navbar-nav .nav-link{color:hsla(0,0%,100%,.85)}.bd-navbar .navbar-nav .nav-link:focus,.bd-navbar .navbar-nav .nav-link:hover{color:#fff}.bd-navbar .navbar-nav .nav-link.active{font-weight:600;color:#fff}.bd-navbar .navbar-nav-svg{width:1rem;height:1rem}.bd-subnavbar{position:relative;z-index:1020;background-color:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.15)}.bd-subnavbar .dropdown-menu{font-size:.875rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.05)}.bd-subnavbar .dropdown-item.current{font-weight:600;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem top .6rem;background-size:.75rem .75rem}@media (min-width:768px){.bd-subnavbar{position:-webkit-sticky;position:sticky;top:0}}@media (max-width:767.98px){.bd-search{width:100%}}.bd-search .form-control:focus{border-color:#7952b3;box-shadow:0 0 0 3px rgba(121,82,179,.25)}.bd-masthead{padding:3rem 0;background:linear-gradient(165deg,#f7f5fb 50%,#fff 0)}@media (min-width:576px){.bd-masthead{padding:5rem 0}}.bd-masthead h1{font-size:calc(1.525rem + 3.3vw);line-height:1}@media (min-width:1200px){.bd-masthead h1{font-size:4rem}}.bd-masthead p:not(.lead){color:#495057}.bd-masthead .btn{padding:.8rem 2rem;font-weight:600}.bd-masthead .lead{font-size:calc(1.275rem + .3vw);font-weight:400;color:#495057}@media (min-width:1200px){.bd-masthead .lead{font-size:1.5rem}}@media (min-width:768px){.mw-md-75{max-width:75%}}.masthead-followup-icon{padding:.75rem;background-image:linear-gradient(to bottom right,hsla(0,0%,100%,.2),hsla(0,0%,100%,.01));border-radius:.75rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.masthead-followup-svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.125))}#carbonads{position:static;display:block;max-width:400px;padding:15px 15px 15px 160px;margin:2rem 0;overflow:hidden;font-size:.8125rem;line-height:1.4;text-align:left;background-color:rgba(0,0,0,.05)}#carbonads a{color:#343a40;text-decoration:none}@media (min-width:576px){#carbonads{max-width:330px;border-radius:4px}}.carbon-img{float:left;margin-left:-145px}.carbon-poweredby{display:block;margin-top:.75rem;color:#495057!important}@media (min-width:768px){.bd-content>[id]{scroll-margin-top:4rem}}.bd-content>h2:not(:first-child){margin-top:3rem}.bd-content>h3{margin-top:2rem}.bd-content>ol li,.bd-content>ul li{margin-bottom:.25rem}.bd-content>.table{max-width:100%;margin-bottom:1.5rem;font-size:.875rem}@media (max-width:991.98px){.bd-content>.table{display:block;overflow-x:auto}.bd-content>.table.table-bordered{border:0}}.bd-content>.table td:first-child,.bd-content>.table th:first-child{padding-left:0}.bd-content>.table td:not(:last-child),.bd-content>.table th:not(:last-child){padding-right:1.5rem}.bd-content>.table td:first-child>code{white-space:nowrap}.bd-title{font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.bd-title{font-size:3rem}}.bd-lead{font-size:calc(1.275rem + .3vw);font-weight:300}@media (min-width:1200px){.bd-lead{font-size:1.5rem}}.bd-text-purple-bright{color:#7952b3}.bd-bg-purple-bright{background-color:#7952b3}.skippy{position:fixed;top:.5rem;left:.5rem;z-index:1030;padding:.5rem;background-color:#563d7c}.skippy,.skippy:hover{color:#fff}.bd-links{font-weight:600}@media (min-width:768px){.bd-links{position:-webkit-sticky;position:sticky;top:5rem;display:block!important;height:calc(100vh - 7rem);padding-left:.25rem;margin-left:-.25rem;overflow-y:auto}}.bd-links a{padding:.1875rem .5rem;margin-top:.125rem;color:rgba(0,0,0,.65);text-decoration:none}.bd-links a:focus,.bd-links a:hover{color:rgba(0,0,0,.85);background-color:rgba(121,82,179,.1)}.bd-links a:only-child{margin-left:1.25rem}.bd-links a:not(:only-child):before{width:1.25em;line-height:0;content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='none' stroke='rgba(0,0,0,.5)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3E%3C/svg%3E");transition:transform .35s ease;transform-origin:.5em 50%}@media (prefers-reduced-motion:reduce){.bd-links a:not(:only-child):before{transition:none}}.bd-links a:not(:only-child):not(.collapsed){color:rgba(0,0,0,.85)}.bd-links a:not(:only-child):not(.collapsed):before{transform:rotate(90deg)}.bd-links a+ul{font-size:.875rem}.bd-links .active{font-weight:600;color:rgba(0,0,0,.85)}@media (min-width:768px){.bd-layout{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-areas:"sidebar intro" "sidebar toc" "sidebar content";grid-template-columns:1fr 3fr;grid-template-rows:auto auto 1fr}}@media (min-width:992px){.bd-layout{grid-template-areas:"sidebar intro toc" "sidebar content toc";grid-template-columns:1fr 4fr 1fr;grid-template-rows:auto 1fr}}.bd-sidebar{grid-area:sidebar}.bd-intro{grid-area:intro}.bd-toc{grid-area:toc}.bd-content{grid-area:content;min-width:1px}@media (min-width:992px){.bd-toc{position:-webkit-sticky;position:sticky;top:5rem;right:0;z-index:2;height:calc(100vh - 7rem);overflow-y:auto}}.bd-toc nav{font-size:.875rem}.bd-toc nav ul{padding-left:0;list-style:none}.bd-toc nav ul ul{padding-left:1rem;margin-top:.25rem}.bd-toc nav li{margin-bottom:.25rem}.bd-toc nav a{color:inherit}.bd-toc nav a:not(:hover){text-decoration:none}.bd-toc nav a code{font:inherit}.bd-footer{font-size:.875rem;color:#63707c}.bd-footer a{font-weight:600;color:#495057}.bd-footer a:focus,.bd-footer a:hover{color:#0d6efd}.bd-example-row .row>.col,.bd-example-row .row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(39,41,43,.03);border:1px solid rgba(39,41,43,.1)}.bd-example-row .row+.row{margin-top:1rem}.bd-example-row-flex-cols .row{min-height:10rem;background-color:rgba(255,0,0,.1)}.bd-highlight{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.15)}.example-container{width:800px;width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}.example-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex:1 0 100%;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y)*-1);margin-right:calc(var(--bs-gutter-x)/-2);margin-left:calc(var(--bs-gutter-x)/-2)}.example-content-main{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/2);padding-left:calc(var(--bs-gutter-x)/2);margin-top:var(--bs-gutter-y)}@media (min-width:576px){.example-content-main{flex:0 0 auto;width:50%}}@media (min-width:992px){.example-content-main{flex:0 0 auto;width:66.666667%}}.example-content-secondary{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/2);padding-left:calc(var(--bs-gutter-x)/2);margin-top:var(--bs-gutter-y)}@media (min-width:576px){.example-content-secondary{flex:0 0 auto;width:50%}}@media (min-width:992px){.example-content-secondary{flex:0 0 auto;width:33.333333%}}.bd-example{position:relative;padding:1rem;margin:1rem -.75rem 0;border:solid #dee2e6;border-width:1px 0 0}.bd-example:after{display:block;clear:both;content:""}@media (min-width:576px){.bd-example{padding:1.5rem;margin-right:0;margin-left:0;border-width:1px;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bd-example+.bd-clipboard+.highlight{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}}.bd-example+p{margin-top:2rem}.bd-example>.form-control+.form-control{margin-top:.5rem}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.navbar+.navbar,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu{position:static;display:block}.bd-example>:last-child{margin-bottom:0}.bd-example>img+img,.bd-example>svg+svg{margin-left:.5rem}.bd-example>.btn,.bd-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.bd-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.bd-example>.list-group{max-width:400px}.bd-example>[class*=list-group-horizontal]{max-width:100%}.bd-example .fixed-top,.bd-example .sticky-top{position:static;margin:-1rem -1rem 1rem}.bd-example .fixed-bottom{position:static;margin:1rem -1rem -1rem}@media (min-width:576px){.bd-example .fixed-top,.bd-example .sticky-top{margin:-1.5rem -1.5rem 1rem}.bd-example .fixed-bottom{margin:1rem -1.5rem -1.5rem}}.bd-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.bd-example-modal{background-color:#fafafa}.bd-example-modal .modal{position:static;display:block}.tooltip-demo a{white-space:nowrap}.scrollspy-example{position:relative;height:200px;margin-top:.5rem;overflow:auto}.scrollspy-example-2{position:relative;height:350px;overflow:auto}.bd-example-border-utils [class^=border]{display:inline-block;width:5rem;height:5rem;margin:.25rem;background-color:#f5f5f5}.bd-example-border-utils-0 [class^=border]{border:1px solid #dee2e6}.bd-example-rounded-utils [class*=rounded]{margin:.25rem}.highlight{padding:1rem;margin-bottom:1rem;background-color:#f8f9fa;-ms-overflow-style:-ms-autohiding-scrollbar}@media (min-width:576px){.highlight{padding:1rem 1.5rem}}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#212529}.bd-content .highlight{margin-right:-.75rem;margin-left:-.75rem}@media (min-width:576px){.bd-content .highlight{margin-right:0;margin-left:0}}.btn-bd-primary{font-weight:600;color:#fff;background-color:#7952b3;border-color:#7952b3}.btn-bd-primary:active,.btn-bd-primary:hover{color:#fff;background-color:#614092;border-color:#614092}.btn-bd-primary:focus{box-shadow:0 0 0 3px rgba(121,82,179,.25)}.btn-bd-danger{font-weight:600;color:#fff;background-color:#e83e8c;border-color:#e83e8c}.btn-bd-danger:active,.btn-bd-danger:hover{color:#fff;background-color:#6f1b45;border-color:#6f1b45}.btn-bd-danger:focus{box-shadow:0 0 0 3px rgba(121,82,179,.25)}.btn-bd-orange{font-weight:600;color:#fff;background-color:#fd7e14;border-color:#fd7e14}.btn-bd-orange:active,.btn-bd-orange:hover{color:#fff;background-color:#bd5315;border-color:#bd5315}.btn-bd-orange:focus{box-shadow:0 0 0 3px rgba(121,82,179,.25)}.btn-bd-ff{font-weight:600;color:#fff;background-color:#5ac998;border-color:#5ac998}.btn-bd-ff:active,.btn-bd-ff:hover{color:#fff;background-color:#348360;border-color:#348360}.btn-bd-ff:focus{box-shadow:0 0 0 3px rgba(121,82,179,.25)}.btn-bd-download{font-weight:600;color:#ffe484;border-color:#ffe484}.btn-bd-download:active,.btn-bd-download:hover{color:#2a2730;background-color:#ffe484;border-color:#ffe484}.btn-bd-download:focus{box-shadow:0 0 0 3px rgba(255,228,132,.25)}.btn-bd-light{color:#6c757d;border-color:#dee2e6}.btn-bd-light:active,.btn-bd-light:hover,.show>.btn-bd-light{color:#7952b3;background-color:#fff;border-color:#7952b3}.btn-bd-light:focus{box-shadow:0 0 0 3px rgba(121,82,179,.25)}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #e9ecef;border-left-width:.25rem;border-radius:.25rem}.bd-callout h4{margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout code{border-radius:.25rem}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}.bd-brand-logos{color:#563d7c}.bd-brand-logos .inverse{color:#fff;background-color:#563d7c}.bd-brand-item{padding:4rem 1rem}.bd-brand-item+.bd-brand-item{border-top:1px solid #fff}@media (min-width:768px){.bd-brand-item+.bd-brand-item{border-top:0;border-left:1px solid #fff}}.color-swatches{margin:0 -5px}.color-swatches .bd-purple{background-color:#563d7c}.color-swatches .bd-purple-light{background-color:#cbbde2}.color-swatches .bd-purple-lighter{background-color:#e5e1ea}.color-swatches .bd-gray{background-color:#f9f9f9}.color-swatch{width:4rem;height:4rem}@media (min-width:768px){.color-swatch{width:6rem;height:6rem}}.swatch-blue{color:#fff;background-color:#0d6efd}.swatch-blue:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"4.50" "\a" "4.50" "\a" "4.66";background-color:#0d6efd;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-indigo{color:#fff;background-color:#6610f2}.swatch-indigo:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"7.18" "\a" "7.18" "\a" "2.92";background-color:#6610f2;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-purple{color:#fff;background-color:#6f42c1}.swatch-purple:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"6.51" "\a" "6.51" "\a" "3.22";background-color:#6f42c1;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-pink{color:#fff;background-color:#d63384}.swatch-pink:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"4.50" "\a" "4.50" "\a" "4.66";background-color:#d63384;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-red{color:#fff;background-color:#dc3545}.swatch-red:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"4.52" "\a" "4.52" "\a" "4.63";background-color:#dc3545;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-orange{color:#212529;background-color:#fd7e14}.swatch-orange:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"6.00" "\a" "2.57" "\a" "8.17";background-color:#fd7e14;background-image:linear-gradient(180deg,transparent .25rem,#212529 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-yellow{color:#212529;background-color:#ffc107}.swatch-yellow:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"9.46" "\a" "1.63" "\a" "12.8";background-color:#ffc107;background-image:linear-gradient(180deg,transparent .25rem,#212529 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-green{color:#fff;background-color:#28a745}.swatch-green:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"3.13" "\a" "3.13" "\a" "6.70";background-color:#28a745;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-teal{color:#212529;background-color:#20c997}.swatch-teal:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"7.24" "\a" "2.12" "\a" "9.86";background-color:#20c997;background-image:linear-gradient(180deg,transparent .25rem,#212529 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-cyan{color:#fff;background-color:#17a2b8}.swatch-cyan:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"3.04" "\a" "3.04" "\a" "6.89";background-color:#17a2b8;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-white{color:#212529;background-color:#fff}.swatch-white:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"15.4" "\a" "1" "\a" "21";background-color:#fff;background-image:linear-gradient(180deg,transparent .25rem,#212529 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-gray{color:#fff;background-color:#6c757d}.swatch-gray:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"4.68" "\a" "4.68" "\a" "4.47";background-color:#6c757d;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-gray-dark{color:#fff;background-color:#343a40}.swatch-gray-dark:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"11.5" "\a" "11.5" "\a" "1.82";background-color:#343a40;background-image:linear-gradient(180deg,transparent .25rem,#fff 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-gray-500{color:#212529;background-color:#adb5bd}.swatch-gray-500:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"7.43" "\a" "2.07" "\a" "10.1";background-color:#adb5bd;background-image:linear-gradient(180deg,transparent .25rem,#212529 0 .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.bd-blue-100{color:#212529;background-color:#a8cbfe}.bd-blue-200{color:#212529;background-color:#81b4fe}.bd-blue-300{color:#212529;background-color:#5a9cfe}.bd-blue-400{color:#fff;background-color:#3485fd}.bd-blue-500{color:#fff;background-color:#0d6efd}.bd-blue-600{color:#fff;background-color:#0b5cd5}.bd-blue-700{color:#fff;background-color:#094bac}.bd-blue-800{color:#fff;background-color:#073984}.bd-blue-900{color:#fff;background-color:#05285b}.bd-indigo-100{color:#212529;background-color:#c8a9fa}.bd-indigo-200{color:#212529;background-color:#af83f8}.bd-indigo-300{color:#fff;background-color:#975cf6}.bd-indigo-400{color:#fff;background-color:#7e36f4}.bd-indigo-500{color:#fff;background-color:#6610f2}.bd-indigo-600{color:#fff;background-color:#560dcb}.bd-indigo-700{color:#fff;background-color:#450ba5}.bd-indigo-800{color:#fff;background-color:#35087e}.bd-indigo-900{color:#fff;background-color:#250657}.bd-purple-100{color:#212529;background-color:#cbbbe9}.bd-purple-200{color:#212529;background-color:#b49ddf}.bd-purple-300{color:#fff;background-color:#9d7ed5}.bd-purple-400{color:#fff;background-color:#8660cb}.bd-purple-500{color:#fff;background-color:#6f42c1}.bd-purple-600{color:#fff;background-color:#5d37a2}.bd-purple-700{color:#fff;background-color:#4b2d83}.bd-purple-800{color:#fff;background-color:#3a2264}.bd-purple-900{color:#fff;background-color:#281845}.bd-pink-100{color:#212529;background-color:#f0b6d3}.bd-pink-200{color:#212529;background-color:#ea95bf}.bd-pink-300{color:#212529;background-color:#e374ab}.bd-pink-400{color:#fff;background-color:#dd5498}.bd-pink-500{color:#fff;background-color:#d63384}.bd-pink-600{color:#fff;background-color:#b42b6f}.bd-pink-700{color:#fff;background-color:#92235a}.bd-pink-800{color:#fff;background-color:#6f1b45}.bd-pink-900{color:#fff;background-color:#4d1230}.bd-red-100{color:#212529;background-color:#f2b6bc}.bd-red-200{color:#212529;background-color:#ed969e}.bd-red-300{color:#212529;background-color:#e77681}.bd-red-400{color:#fff;background-color:#e25563}.bd-red-500{color:#fff;background-color:#dc3545}.bd-red-600{color:#fff;background-color:#b92d3a}.bd-red-700{color:#fff;background-color:#96242f}.bd-red-800{color:#fff;background-color:#721c24}.bd-red-900{color:#fff;background-color:#4f1319}.bd-orange-100{color:#212529;background-color:#fed1aa}.bd-orange-200{color:#212529;background-color:#febc85}.bd-orange-300{color:#212529;background-color:#fea75f}.bd-orange-400{color:#212529;background-color:#fd933a}.bd-orange-500{color:#212529;background-color:#fd7e14}.bd-orange-600{color:#fff;background-color:#d56a11}.bd-orange-700{color:#fff;background-color:#ac560e}.bd-orange-800{color:#fff;background-color:#84420a}.bd-orange-900{color:#fff;background-color:#5b2d07}.bd-yellow-100{color:#212529;background-color:#ffe9a6}.bd-yellow-200{color:#212529;background-color:#ffdf7e}.bd-yellow-300{color:#212529;background-color:#ffd556}.bd-yellow-400{color:#212529;background-color:#ffcb2f}.bd-yellow-500{color:#212529;background-color:#ffc107}.bd-yellow-600{color:#212529;background-color:#d6a206}.bd-yellow-700{color:#fff;background-color:#ad8305}.bd-yellow-800{color:#fff;background-color:#856404}.bd-yellow-900{color:#fff;background-color:#5c4503}.bd-green-100{color:#212529;background-color:#b2dfbc}.bd-green-200{color:#212529;background-color:#8fd19e}.bd-green-300{color:#212529;background-color:#6dc381}.bd-green-400{color:#212529;background-color:#4ab563}.bd-green-500{color:#fff;background-color:#28a745}.bd-green-600{color:#fff;background-color:#228c3a}.bd-green-700{color:#fff;background-color:#1b722f}.bd-green-800{color:#fff;background-color:#155724}.bd-green-900{color:#fff;background-color:#0e3c19}.bd-teal-100{color:#212529;background-color:#afecda}.bd-teal-200{color:#212529;background-color:#8be3c9}.bd-teal-300{color:#212529;background-color:#67dab8}.bd-teal-400{color:#212529;background-color:#44d2a8}.bd-teal-500{color:#212529;background-color:#20c997}.bd-teal-600{color:#212529;background-color:#1ba97f}.bd-teal-700{color:#fff;background-color:#168967}.bd-teal-800{color:#fff;background-color:#11694f}.bd-teal-900{color:#fff;background-color:#0c4836}.bd-cyan-100{color:#212529;background-color:#abdee5}.bd-cyan-200{color:#212529;background-color:#86cfda}.bd-cyan-300{color:#212529;background-color:#61c0cf}.bd-cyan-400{color:#212529;background-color:#3cb1c3}.bd-cyan-500{color:#fff;background-color:#17a2b8}.bd-cyan-600{color:#fff;background-color:#13889b}.bd-cyan-700{color:#fff;background-color:#106e7d}.bd-cyan-800{color:#fff;background-color:#0c5460}.bd-cyan-900{color:#fff;background-color:#083a42}.bd-gray-100{color:#212529;background-color:#f8f9fa}.bd-gray-200{color:#212529;background-color:#e9ecef}.bd-gray-300{color:#212529;background-color:#dee2e6}.bd-gray-400{color:#212529;background-color:#ced4da}.bd-gray-500{color:#212529;background-color:#adb5bd}.bd-gray-600{color:#fff;background-color:#6c757d}.bd-gray-700{color:#fff;background-color:#495057}.bd-gray-800{color:#fff;background-color:#343a40}.bd-gray-900{color:#fff;background-color:#212529}.bd-white{color:#212529;background-color:#fff}.bd-black{color:#fff;background-color:#000}.bd-clipboard{position:relative;display:none;float:right}.bd-clipboard+.highlight{margin-top:0}@media (min-width:768px){.bd-clipboard{display:block}}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:10;display:block;padding:.25rem .5rem;font-size:.75em;color:#343a40;background-color:transparent;border:0;border-radius:.25rem}.btn-clipboard:hover{color:#fff;background-color:#0d6efd}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bd-placeholder-img-lg{font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.bd-placeholder-img-lg{font-size:3.5rem}}.chroma .dl{color:#4070a0}.chroma .c,.chroma .c1{color:#727272}.chroma .ch{font-style:italic;color:#60a0b0}.chroma .cm{color:#727272}.chroma .cp{color:#008085}.chroma .cpf{color:#007020}.chroma .cs{color:#727272}.chroma .gd{background-color:#fcc;border:1px solid #c00}.chroma .ge{font-style:italic}.chroma .gh{color:#030}.chroma .gi{background-color:#cfc;border:1px solid #0c0}.chroma .gl{text-decoration:underline}.chroma .go{color:#aaa}.chroma .gp{color:#009}.chroma .gr{color:red}.chroma .gs{font-weight:700}.chroma .gt{color:#9c6}.chroma .gu{color:#030}.chroma .il{color:#c24f19}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#069}.chroma .kt{color:#078}.chroma .m,.chroma .mf{color:#c24f19}.chroma .mb{color:#40a070}.chroma .mh,.chroma .mi,.chroma .mo{color:#c24f19}.chroma .na{color:#006ee0}.chroma .nb{color:#366}.chroma .nc{color:#168174}.chroma .nd{color:#6b62de}.chroma .ne{color:#c00}.chroma .nf{color:#b715f4}.chroma .ni{color:#727272}.chroma .nl{color:#6b62de}.chroma .nn{color:#007ca5}.chroma .no{color:#360}.chroma .nt{color:#2f6f9f}.chroma .nv{color:#033}.chroma .o{color:#555}.chroma .ow{color:#000}.chroma .s{color:#d73038}.chroma .s1,.chroma .s2{color:#c30}.chroma .sa{color:#4070a0}.chroma .sb,.chroma .sc{color:#c30}.chroma .sd{font-style:italic;color:#c30}.chroma .se,.chroma .sh{color:#c30}.chroma .si{color:#a00}.chroma .sr{color:#337e7e}.chroma .ss{color:#fc3}.chroma .sx{color:#c30}.chroma .w{color:#bbb}.chroma .language-bash:before,.chroma .language-sh:before{color:#009;content:"$ ";-webkit-user-select:none;-ms-user-select:none;user-select:none}.chroma .language-bash .m,.chroma .language-sh .m{color:inherit}.chroma .language-powershell:before{color:#009;content:"PM> ";-webkit-user-select:none;-ms-user-select:none;user-select:none}.anchorjs-link{font-weight:400;color:rgba(13,110,253,.5);transition:color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.anchorjs-link{transition:none}}.anchorjs-link:hover{color:#0d6efd;text-decoration:none}.algolia-autocomplete{width:100%}.ds-dropdown-menu{width:100%;padding:.5rem 0;margin:.125rem 0 0;font-size:.875rem;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}@media (min-width:768px){.ds-dropdown-menu{width:400px}}.algolia-docsearch-suggestion--category-header{padding:.125rem 1rem;font-weight:600;color:#7952b3}:not(.algolia-docsearch-suggestion__main)>.algolia-docsearch-suggestion--category-header{display:none}.ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header{padding-top:.75rem;margin-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.algolia-docsearch-suggestion--content{padding:.25rem 1rem}.ds-cursor .algolia-docsearch-suggestion--content{background-color:rgba(203,189,226,.2)}.algolia-docsearch-suggestion{display:block;text-decoration:none}.algolia-docsearch-suggestion--subcategory-column{display:none}.algolia-docsearch-suggestion--subcategory-inline{display:inline;color:#495057}.algolia-docsearch-suggestion--subcategory-inline:after{padding:0 .25rem;content:"/"}.algolia-docsearch-suggestion--title{display:inline;font-weight:500;color:#343a40}.algolia-docsearch-suggestion--text{color:#343a40;font-size:.75rem}.algolia-docsearch-suggestion--highlight{color:#6f42c1;background-color:rgba(111,66,193,.1)}.algolia-docsearch-footer{padding:.5rem 1rem 0;margin-top:.625rem;font-size:.75rem;color:#6c757d;border-top:1px solid rgba(0,0,0,.1)}.algolia-docsearch-footer--logo{color:inherit}.org-not-found-content-box{margin-top:120px;margin-left:380px;margin-right:380px}.org-not-found-logo{width:400px}.org-not-found-btn-create-org{font-size:42px;color:#3f3844;border-bottom-color:#3f3844;border-width:5px;align-items:flex-start}.org-not-found-btn-create-org:hover{color:#0645ad;border-bottom-color:#0645ad}@media screen and (max-width:922px){.org-not-found-content-box{margin-top:50px;margin-left:20px;margin-right:20px}.org-not-found-btn-create-org{font-size:33px;color:#3f3844;border-bottom-color:#3f3844;border-width:5px;align-items:flex-start}.org-not-found-btn-create-org:hover{color:#0645ad;border-bottom-color:#0645ad}.org-not-found-logo{width:90%;margin-top:20px;vertical-align:top}}@media screen and (max-width:768px){.org-not-found-content-box{margin-top:20px;margin-left:10px;margin-right:10px}.org-not-found-btn-create-org{font-size:33px;color:#3f3844;border-bottom-color:#3f3844;border-width:5px;align-items:flex-start}.org-not-found-btn-create-org:hover{color:#0645ad;border-bottom-color:#0645ad}.org-not-found-logo{width:100%;margin-top:20px}}.state-box{margin-left:50px;border-left:1px solid #000;height:80px}.state-box:last-child{margin-left:50px;border-left:1px solid #fff;height:80px}.state-step-icon{margin-left:-19px}.opacity{opacity:.1}.state-step-name{margin-top:-36px;margin-left:25px}.state-step-details{margin-top:-20px;margin-left:25px}.timeline2-box{margin-left:70px;border-left:1px solid #000;max-height:100%}.timeline-photo2{max-width:200px!important;max-height:150px!important;min-height:10px!important;object-fit:cover}.timeline-video{max-width:320px;max-height:340px;min-height:150px;object-fit:cover;border-radius:8px;background-color:#000;text-align:left}.timeline-audio,.timeline-video{width:100%;display:block;margin:10px 0}.timeline-audio{max-width:300px;padding:0}@media (max-width:480px){.timeline-audio{max-width:90%;margin-left:0;margin-right:auto}}.audio-thumbnail,.video-thumbnail{cursor:pointer}.timeline-container{margin-top:-34px;margin-left:35px;margin-right:10px}.timeline2-box:last-child{margin-left:70px;border-left:1px solid #fff;max-height:100%}.timeline2-step-icon{margin-left:-19px}.timeline2-step-name{font-size:1rem;font-weight:700}.toggle-confiem-manageStatus{transform:scale(1.2)}@font-face{font-family:"Noto Sans Thai Modal";src:url(/static/media/NotoSansThai-Regular.cbc159af.ttf) format("truetype")}.select-org-logo-in-list{vertical-align:middle;width:100px;height:100px;border-radius:50%;object-fit:cover}.select-org-text{text-align:center}.select-org-search{width:70%;text-align:center}.select-org-pading{margin-right:1%;margin-left:1%}.logo-icon-official{width:60%}.logo-icon-member{vertical-align:middle;width:70px;object-fit:cover}.name-org{font-weight:700}.select-org-pading-bg{background-color:#dfd5cd;height:250px;border-radius:15px;cursor:pointer}.select-org-button{border:1px;border-color:#000;border-radius:2%}.modal-dialog,.modal-dialog-state{display:flex;align-items:center;justify-content:center;height:100vh}.modal-dialog-state{max-width:50%;min-width:425px;font-family:"Noto Sans Thai Modal"}.smallest{font-size:.8rem;color:grey}.smallest a{color:#1e90ff}.invite-tab{display:flex;height:32px;padding:8px 12px;justify-content:center;align-items:center;border-radius:12px;border:0 solid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;color:#000}.invite-tab-active-latest{border-radius:12px;border:2px solid #8f4619}.invite-tab-active-latest,.invite-tab-active-suggest{display:flex;height:32px;padding:8px 12px;justify-content:center;align-items:center;background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;font-weight:700}.invite-tab-active-suggest{border-radius:12px;border:2px solid #3e9712}@media (min-width:1400px){.modal-dialog-state{max-width:668px}}@media (max-width:850px){.modal-dialog-state{max-width:500px}}@media (max-width:576px){.modal-title-mobile{font-size:16px}.modal-dialog-state{max-width:500px;min-width:auto}.suggest-invite-height{min-height:150px;overflow:auto;grid-gap:8px;gap:8px;display:flex;flex-direction:row;flex-wrap:nowrap}}.create-org-text-color{background-color:#708090}.setting-container{width:860px}.container-fluid{padding:10px}.setting-item-box{padding:20px 10px 10px 20px}.shadow-bg{box-shadow:2px 2px 2px 2px #b8b8b8}.setting-subitem-box{padding-left:20px}.size-icon-announce{font-size:24px}.mytable{width:100%;margin:0 auto;max-width:100%;border-collapse:collapse}.icon{font-size:1.5em}.requestModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1}.requestModal-content{background-color:#fff;width:60%;margin:10% auto;padding:20px;border-radius:8px;position:relative;z-index:2}.requestModalClose{position:absolute;top:10px;right:15px;font-size:20px;font-weight:700;cursor:pointer;z-index:3}@media screen and (max-width:768px){.setting-box{width:350px}}.search-org-request-bg{background-color:#dfd5cd;height:400px;border-radius:15px;margin-bottom:15px}.logo-hierarchy{background-color:#818181;width:100px;height:100px;border-radius:100%;display:flex;align-items:center;justify-content:center}.logo-hierarchy img{width:70px}.col-list-org{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(5,1fr)}.search-org-request-bg-unofficial{background-color:#e3e3e3;height:400px;border-radius:15px;margin-bottom:15px;box-shadow:2px 2px 4px #888}.search-org-request-area-name{padding:2px;font-weight:700;font-size:large}.search-org-request-button-claim{background-color:#663f22}.search-org-request-button-claim,.search-org-request-button-claim-disable{box-shadow:1px 2px #888;color:#fff;font-weight:700;text-shadow:1px 2px 3px #000;border-radius:25px;width:120px;margin-top:2.5px;margin-bottom:2.5px}.search-org-request-button-claim-disable{background-color:#c4c4c4;opacity:.2}.logo-icon-official{vertical-align:middle;width:110px;object-fit:cover}.search-org-request-button-request-approve{background-color:#ceae95;border-radius:25px;width:120px;box-shadow:2px 3px #888;font-weight:700;text-shadow:1px 2px 3px #888;color:#401b00;margin-top:5px}.max-lines{display:block;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:6em;line-height:1em}.box{position:relative;border:1px solid #401b00;width:80%;padding-top:2.5px;padding-bottom:2.5px;border-radius:5px;display:flex}.border-logo-in-list,.box{align-items:center;justify-content:center}.border-logo-in-list{border:1px solid #b8855d;width:105px;height:105px;vertical-align:middle;border-radius:100%;object-fit:cover}.border-search-org-request-bg{border-radius:2%;border:1px dotted #401c00;position:relative;height:100%;padding-top:8px}.legendCon{font-size:10px;font-weight:500;position:absolute;width:35px;text-align:center;left:15px;top:calc(20% - 30px);background:#dfd5cd}.search-org-request-text-header{font-size:20px;font-weight:700}.search-org-request-btn-color{border:1px solid #663f22;color:#663f22}.h8{font-size:16px}@media (max-width:768px){.col-list-org{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(2,1fr)}.search-org-request-bg{border-radius:15px;background-color:#dfd5cd;height:400px;margin-bottom:15px}.search-org-request-bg-unofficial{background-color:#e3e3e3;height:400px;border-radius:15px;margin-bottom:15px}.search-org-request-area-name{padding:1px;font-weight:700;font-size:large}.search-org-request-button-claim{background-color:#663f22}.search-org-request-button-claim,.search-org-request-button-claim-disable{font-size:12px;color:#fff;border-radius:20px;width:90px;margin-top:2.5px;margin-bottom:2.5px}.search-org-request-button-claim-disable{background-color:#c4c4c4;box-shadow:1px 2px #888;text-shadow:1px 2px 3px #000;opacity:.2}.search-org-request-button-request-approve{background-color:#ceae95;border-radius:20px;width:90px;box-shadow:2px 3px #888;font-size:12px;text-shadow:1px 2px 3px #888;color:#401b00;margin-top:5px}.select-org-logo-in-list{vertical-align:middle;object-fit:cover;border-width:1px;border-color:#401c00}.logo-hierarchy,.select-org-logo-in-list{height:80px;width:80px;border-radius:100%}.logo-hierarchy{background-color:#818181;display:flex;align-items:center;justify-content:center}.logo-hierarchy img{width:55px}.logo-icon-official{vertical-align:middle;width:90px;object-fit:cover}.box{position:relative;border:1px solid #401b00;padding-top:2.5px;padding-bottom:2.5px;border-radius:5px;align-items:center;justify-content:center;display:flex}.h8{font-size:12px}}.login-page-box{height:100%;width:100%}.login-bg-first{background-color:#69594c}.login-bg-text{border-radius:25px;height:100%}.login-bg-second{background-color:#87542c}.login-shadow{text-shadow:1px 1px #000}.login-box-shadow{box-shadow:10px 10px}.login-text-size{font-size:18px}.h9{font-size:12px}.login-margin-bt-download{margin-top:120px}.login-bg-image{width:100%;background-image:url(https://storage.googleapis.com/traffy_public_bucket/traffy_logo/image_bg_city_data2.png)}.login-layout-bt-download{height:40px;width:140px}@media (max-width:768px){.login-bg-text{border-radius:25px;height:100%;width:340px}.login-bg-image{background-image:url(https://storage.googleapis.com/traffy_public_bucket/traffy_logo/image_bg_city_data2.png)}.login-layout-bt-download{height:30%;width:40%}.login-margin-bt-download{margin-top:20px}.login-text-size{font-size:14px}}.img-report .btn{background-color:rgba(22,22,22,.541)}.nav-tabs .nav-item .nav-link.active{color:#000;background-color:#fff}.nav-tabs .nav-item .nav-link{color:grey}.col-list-date,.col-list-stat{grid-gap:0;gap:0}.col-list-date{display:grid;grid-template-columns:repeat(3,1fr)}td.container{display:block;overflow:auto;width:100%;height:80px;overflow-y:auto;overflow-x:hidden}.noWarp{white-space:normal}@media (max-width:768px){.col-list-stat{grid-gap:0;gap:0;display:grid;grid-template-columns:repeat(2,1fr)}.col-list-date{grid-gap:0;gap:0;display:grid;grid-template-columns:repeat(1,1fr)}h1{font-size:36px}h2{font-size:30px}h3{font-size:26px}h4{font-size:22px}h5{font-size:18px}h6{font-size:14px}}.img-report .btn:hover{background-color:#000}.img-report{position:relative;width:50%;max-width:400px}.img-report img{width:100%;height:auto}.img-report .btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:rgba(33,31,31,.541);color:#fff;font-size:16px;border:none;cursor:pointer;text-align:center}.img-report .btn:hover{background-color:rgba(22,22,22,.541);color:#f0f8ff}.text-address-report{color:#777}.underline-text{border-bottom:1px solid #000}.button{box-shadow:2px 3px 4px #888;border-radius:7px;margin-bottom:15px}.radio-inline{margin-right:25px}.horizontal-line{border-top:1px solid #e3e3e3}.nav-link{color:grey}.nav-link.active{color:#000}.font-weight-bold{font-weight:700}.small-1{font-size:12px}.small-2{font-size:18px}.table-container{overflow-x:auto}.table-responsive{display:inline-block;overflow-x:auto;white-space:nowrap}.table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-picker-content thead tr th{background-color:#fff;padding:0;font-size:14px;text-align:center}.ant-picker-dropdown .ant-picker-cell{text-align:center}@media (max-width:1080px){.ant-picker-panel:last-child .ant-picker-date-panel{display:none!important}.ant-picker-panel:first-child .ant-picker-date-panel .ant-picker-header-next-btn,.ant-picker-panel:first-child .ant-picker-date-panel .ant-picker-header-super-next-btn{visibility:visible!important;visibility:initial!important}.ant-picker-panel.ant-picker-range-wrapper{min-width:288px!important}.ant-picker-presets{display:none!important}}a.disable-a-link:active,a.disable-a-link:hover,a.disable-a-link:link,a.disable-a-link:visited{text-decoration:none!important;box-shadow:none!important;color:#fff}a:active,a:hover,a:link,a:visited{text-decoration:none!important;box-shadow:none!important;color:#0e0e0e}.badge-state-start{color:var(--bs-warning);border:1px solid var(--bs-warning)}.badge-state-inprogress,.badge-state-start{background-color:transparent;padding:7.2px 9.8px}.badge-state-inprogress{color:#0884dc;border:1px solid #0884dc}.badge-state-finish{background-color:transparent;color:var(--bs-success);border:1px solid var(--bs-success);padding:7.2px 9.8px}.badge-download-csv{border:1px;padding:7.2px 9.8px;border-radius:50%}.badge-color-download-csv,.badge-download-csv{background-color:#1e1d4e}.badge-state-start-window{color:var(--bs-warning)}.badge-state-inprogress-window{color:#0884dc}.badge-state-finish-window{color:var(--bs-success)}.pill-problem-type,.pill-problem-type-select{background-color:var(--bg-color);margin-right:6px;margin-bottom:6px;padding:7.2px 9.8px;text-decoration:none}.pill-problem-type-select{border-color:var(--bg-color)!important;color:var(--color)!important}.pill-problem-type-normal{border-color:var(--bg-color)!important;color:var(--bg-color)!important;margin-right:6px;margin-bottom:6px;padding:7.2px 9.8px;text-decoration:none}.icon-check-problem-type{font-size:14.5px!important}.badge-state-space{margin-top:2px;margin-left:4px}.input-filter-space{margin-top:12px}.tab-space{margin-bottom:6px}.card-body-space{padding-left:0}.card-title-space{padding:0}.card-img-format{text-align:center}.card-text-timestamp{font-weight:700}.card-img-finish,.card-img-report{max-width:260px;max-height:190px;object-fit:contain}.card-img-finish{text-align:center}.icon-card-problemtype{padding:0;margin:0;width:35px}.card-div-img-report{height:190px;display:flex;justify-content:center;align-items:center}.card-report-display{display:flex;flex-direction:column}.block-relative{position:relative;display:inline-block}.problem-type-badge{position:absolute;right:70px;top:4px}.custom-card-report{max-width:30rem}.card-img-cover{object-fit:cover;height:240px;width:100%}.card-list-img-cover{object-fit:cover;height:130px;width:90px}.gm-style-iw{font-weight:400!important;font-size:13px}.space-body-infowindow{padding-left:45px}.float-state-infowindow,.float-state-list{float:right}.float-state-infowindow-text{padding-left:5px;float:left}@media screen and (max-width:768px){.space-body-infowindow{padding-left:5px}.float-state-infowindow{padding-left:45px;float:left}.float-state-infowindow-text{padding-left:25px;float:left}.float-state-list{float:left}.card-img-cover{object-fit:cover;height:100px;width:100%}}.color-title-filter{color:#495057}.accordion-button:not(.collapsed){background-color:#fff!important}.gm-style .gm-style-iw,.gm-style .gm-style-iw a,.gm-style .gm-style-iw div,.gm-style .gm-style-iw label,.gm-style .gm-style-iw span{max-height:3800px!important;overflow-y:visible;overflow-x:visible}.gm-style-iw div{overflow:visible!important}.gm-style-iw{overflow:hidden!important;line-height:1.35}.container-modal-zoomImg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.modal-content{max-width:85%;max-height:100vh;height:auto;position:relative;overflow:hidden;overflow-y:auto}.modal-content .zoom-img{width:100%;height:100%;border:.766544px solid rgba(0,0,0,.1);box-shadow:0 3.06618px 15.3309px rgba(0,0,0,.15);border-radius:8px}.modal-content-qr{max-width:40%;max-height:100vh;height:auto;position:relative}.modal-content-qr .zoom-img-qr{max-width:40vw;height:100%;border:.766544px solid rgba(0,0,0,.1);box-shadow:0 3.06618px 15.3309px rgba(0,0,0,.15);border-radius:8px}.modal-content-qr .div-close-img-modalZoomImg{width:30px;height:30px;border-radius:50%;background-color:#fff;position:absolute;top:2%;right:2%;cursor:pointer}.modal-content-qr .div-close-img-modalZoomImg img.iconX{width:30px;height:30px}.bg-fonduecolorbrown2{background-color:#6f4827}.bg-fonduecolorbrown3{background-color:#9e704d}.bg-fonduecolorgray2{background-color:#f2f2f2}.bg-fonduecolorgray3{background-color:#f5f5f5}.bg-fonduecolorgray4{background-color:#ededed}.nav-tabs .nav-item .nav-link-stat{color:rgba(0,0,0,.5019607843137255);background-color:#fff;font-weight:400}.nav-tabs .nav-item .nav-link-stat,.nav-tabs .nav-item .nav-link-stat.active{border-radius:12px 12px 0 0;height:40px;width:100%;font-size:18px;line-height:24.52px}.nav-tabs .nav-item .nav-link-stat.active{background-color:#9e704d;color:#fff;font-weight:700}.form-switch.form-switch-big{margin-bottom:0}.form-switch.form-switch-big .form-check-input{width:50px;height:24px;border-radius:3rem}@font-face{font-family:"NotoSansThai-Regular";src:url(/static/media/NotoSansThai-Regular.cbc159af.ttf) format("truetype")}@font-face{font-family:"Kanit-Regular";src:url(/static/media/Kanit-Regular.a9ef7708.ttf) format("truetype")}@font-face{font-family:"IBMPlexSansThai-Regular";src:url(/static/media/IBMPlexSansThai-Regular.3ce48848.ttf) format("truetype")}@font-face{font-family:"Anonymous";src:url(/static/media/Anonymous.b6f876b7.ttf) format("truetype")}.font-face-gm{font-family:"NotoSansThai-Regular"}.font-face-gm-kanit{font-family:"Kanit-Regular"}.font-face-gm-IBMP{font-family:"IBMPlexSansThai-Regular"}.font-face-gm-Anon{font-family:"Anonymous"}.stat-border{border:1px solid rgba(0,0,0,.1);box-shadow:2px 2px 15px rgba(0,0,0,.1);border-radius:12px}.stat-header1,.stat-header2{font-weight:600;font-size:24px;line-height:29.05px}.stat-sub-header1{font-weight:400;font-size:12px;line-height:14.52px}.stat-nav-tab-header{font-weight:600;font-size:12px;line-height:14.52px}.stat-date,.stat-date-show{font-weight:700;font-size:24px;line-height:32.69px;color:#000}.stat-date-show{display:flex}.stat-all-post-border{background-color:#fff;border-radius:14px;height:128px;border:1px solid rgba(0,0,0,.5)}.stat-all-post-border-bkk{height:128px}.stat-all-post-box{height:128px;justify-content:center;align-items:center;display:flex;cursor:pointer}.stat-all-post-box-bkk{height:128px}.stat-all-post-name{font-size:32px}.stat-all-post-name,.stat-all-post-name-bkk{font-weight:700;line-height:43.58px;color:#000}.stat-all-post-name-bkk{font-size:24px}.stat-all-post-post{font-size:52px}.stat-all-post-post,.stat-all-post-post-bkk{font-weight:600;line-height:70.82px;color:#000}.stat-all-post-post-bkk{font-size:34px}.stat-all-post-grid{justify-content:center;align-items:baseline;display:flex}.stat-all-post-grid-bkk{justify-content:start!important}.stat-all-post-grid-bkk2{display:flex;justify-content:end!important}.stat-all-post-seccess-border{background-color:#fff;border-radius:16px;height:80px;border:1px solid #d1cfcf;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;padding:10px;margin-right:16px}.text-success-topic{font-weight:400;font-size:18px;color:#000}.text-success-stat{font-weight:700;font-size:24px;color:#000}.stat-list-name{font-weight:700;font-size:22px;line-height:29.96px;color:#000}.stat-list-post{font-weight:600;font-size:32px;line-height:43.58px;color:#000}.stat-list-post-percent{line-height:21.79px}.stat-list-post-percent,.stat-list-underline{font-weight:400;font-size:16px;color:rgba(0,0,0,.5019607843137255)}.stat-list-underline{line-height:24px;text-decoration:underline}.stat-list-post-percent-after-underline{font-weight:400;font-size:16px;line-height:21.79px;color:rgba(0,0,0,.5019607843137255)}.stat-list-height{height:152px;cursor:pointer}.stat-sub-list-height{height:135px}.stat-list-gap{grid-row-gap:16px;row-gap:16px}.nav-tab-height{height:40px}.circle-start{background-color:#ffbbb2}.circle-inprogress,.circle-start{width:20px;height:20px;display:inline-block;border-radius:50%}.circle-inprogress{background-color:#ffe48c}.circle-finish{background-color:#a5f077}.circle-finish,.circle-forward{width:20px;height:20px;display:inline-block;border-radius:50%}.circle-forward{background-color:#c4d8ff}.circle-irrelevant{width:20px;height:20px;background-color:#b4edff;display:inline-block;border-radius:50%}.text-after-circle{font-weight:400;font-size:16px;line-height:19px;color:rgba(0,0,0,.8)}.text-before-toggle{justify-content:flex-end}.circle-direction,.text-before-toggle{align-items:center;display:flex}.stat-number-stat{font-weight:600;font-size:32px;line-height:38.73px}.stat-number-stat-header{font-weight:700;font-size:20px;line-height:27.24px;text-align:center}.stat-number-stat-body{font-weight:600;font-size:20px;line-height:24.2px}.stat-number-problem-type-rate{font-weight:700;font-size:20px;line-height:27.24px}.stat-staff-member-body{font-weight:600;font-size:20px;line-height:27.24px}.stat-staff-member-number{font-weight:600;font-size:32px;line-height:38.73px}.stat-staff-monthly{height:50px;justify-content:start;align-items:end;display:flex}.stat-staff-monthly-des{display:inline-flex;justify-content:right;align-items:end}.stat-staff-monthly-most{display:inline-flex;justify-content:left;align-items:center}.stat-average-header-bracket{font-weight:400;font-size:18px;line-height:24.52px}.stat-average-sub-header{font-size:16px;line-height:21.79px}.stat-average-des,.stat-average-sub-header{font-weight:400;color:rgba(0,0,0,.5019607843137255)}.stat-average-des{display:flex;justify-content:end;font-size:12px;line-height:16px}.stat-average-des-underline{text-decoration:underline}.stat-time-update{font-weight:400;font-size:18px;line-height:24.52px;color:rgba(0,0,0,.5019607843137255)}.stat-table-head{font-weight:700;border-bottom:1px solid #000}.stat-table-body,.stat-table-head{font-size:18px;line-height:24.52px;color:#000}.stat-table-body{font-weight:400}.all-time-btn{display:flex;justify-content:flex-start}.btn-box,.date-picker-box{display:flex;justify-content:flex-end}.col-fix-5,.col-lg-fix5{flex:0 0 auto;width:20%}@media (max-width:1424px){.text-success-topic{font-weight:400;font-size:16px;color:#000}.text-success-stat{font-weight:700;font-size:20px;color:#000}}@media (max-width:1024px) and (min-width:960px){.col-list-stat{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(5,1fr)}.stateboxes_height{height:150pt}h1{font-size:36px}h2{font-size:30px}h3{font-size:26px}h4{font-size:22px}h5{font-size:18px}h6{font-size:14px}.stat-all-post-grid-bkk2-mobile{display:flex;flex-direction:row;flex-wrap:wrap;padding:5px}.stat-all-post-grid-bkk,.stat-all-post-grid-bkk2-mobile{justify-content:center!important}}@media (max-width:960px){.col-list-stat{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(2,1fr)}.nav-tabs .nav-item .nav-link-stat{color:rgba(0,0,0,.5019607843137255);background-color:#fff;border-radius:12px 12px 0 0;height:40px;width:100%;font-weight:400;font-size:16px;line-height:16.34px}.nav-tabs .nav-item .nav-link-stat.active{background-color:#9e704d;color:#fff;border-radius:12px 12px 0 0;height:40px;width:100%;font-weight:600;font-size:16px;line-height:14.52px}.stat-header1{font-size:18px}.stat-header1,.stat-header2{font-weight:600;line-height:21.78px}.stat-header2{font-size:16px}.stat-sub-header1{font-weight:400;font-size:12px;line-height:14.52px}.stat-nav-tab-header{font-weight:600;font-size:12px;line-height:14.52px}.stat-date,.stat-date-show{font-weight:700;font-size:20px;line-height:27.24px;color:#000}.stat-date-show{display:flex;justify-content:center}.stat-all-post-border{background-color:#fff;border-radius:8px;height:78px;border:1px solid rgba(0,0,0,.5)}.stat-all-post-border-bkk{display:flex;align-items:center;justify-content:center;height:78px!important}.stat-all-post-border-bkk-mobile{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.stat-all-post-border-bkk-mobile,.stat-all-post-box{display:flex;align-items:center;justify-content:center}.stat-all-post-box{height:78px}.stat-all-post-box-bkk{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.stat-all-post-name,.stat-all-post-name-bkk{font-weight:600;font-size:18px;line-height:24.52px;color:#000}.stat-all-post-post,.stat-all-post-post-bkk{font-weight:600;font-size:24px;line-height:32.69px;color:#000}.stat-all-post-grid{align-items:baseline;display:flex;justify-content:flex-start}.stat-all-post-grid-bkk{justify-content:center!important}.stat-all-post-grid-bkk2,.stat-all-post-grid-bkk2-mobile{display:flex;justify-content:center!important}.stat-all-post-grid-bkk2-mobile{flex-direction:row;flex-wrap:wrap;padding:5px}.stat-all-post-seccess-border{background-color:#fff;border-radius:14px;height:50px;border:1px solid rgba(0,0,0,.5);margin-right:0}.text-success-topic{font-weight:400;font-size:18px;color:#000}.text-success-stat{font-weight:700;font-size:22px;color:#000}.stat-list-name{font-weight:700;font-size:17px;line-height:21.79px;color:#000}.stat-list-post{font-weight:600;font-size:24px;line-height:32.69px;color:#000}.stat-list-post-percent{font-weight:400;font-size:16px;line-height:16.34px;color:rgba(0,0,0,.5019607843137255)}.stat-list-underline{line-height:18px;text-decoration:underline}.stat-list-post-percent-after-underline,.stat-list-underline{font-weight:400;font-size:12px;color:rgba(0,0,0,.5019607843137255)}.stat-list-post-percent-after-underline{line-height:16.34px}.stat-list-height,.stat-sub-list-height{height:163px}.stat-list-gap{grid-row-gap:20px;row-gap:20px}.nav-tab-height{height:auto}.form-switch.form-switch-big{margin-bottom:10px}.form-switch.form-switch-big .form-check-input{width:60px;height:28px;border-radius:3rem}.circle-direction{display:flex;align-items:center;flex-direction:column}.text-before-toggle{align-items:center;display:flex;justify-content:center}.stat-number-stat{font-weight:600;font-size:20px;line-height:24.2px}.stat-number-stat-header{font-weight:700;font-size:20px;line-height:27.24px;text-align:start;margin-top:15px;margin-bottom:10px}.stat-number-stat-body{font-weight:600;font-size:18px;line-height:21.78px}.stat-number-problem-type-rate{font-weight:700;font-size:20px;line-height:27.24px}.stat-staff-member-number{font-weight:600;font-size:24px;line-height:29.05px}.stat-staff-monthly{height:50px;justify-content:left;align-items:end;display:flex}.stat-staff-monthly-des,.stat-staff-monthly-most{display:inline-flex;justify-content:center;align-items:center}.stat-staff-monthly-most{margin-top:10px;margin-bottom:10px}.stat-average-des{display:flex;justify-content:start;line-height:16px}.stat-average-des,.stat-time-update{font-weight:400;font-size:12px;color:rgba(0,0,0,.5019607843137255)}.stat-time-update{line-height:16.34px}.stat-table-head{line-height:16.34px;border-bottom:1px solid rgba(0,0,0,.5)}.stat-table-body,.stat-table-head{font-weight:400;font-size:12px;color:#000}.stat-table-body{line-height:13.62px}.all-time-btn{display:flex;justify-content:flex-start}.date-picker-box{display:flex;justify-content:flex-end}.btn-box{display:flex;justify-content:center}.col-fix-5{flex:0 0 auto;width:50%}}.normal-style,.yearly-conpare-style{width:100%;height:250px}.rate-style{width:100%;height:230px}.days-style{width:100%;height:250px}@media (max-width:960px){.normal-style{width:100%;height:600px}.yearly-conpare-style{width:100%;height:700px}.rate-style{width:100%;height:600px}.days-style{width:100%;height:800px}}.bg-fonduecolorbrown{background-color:#5c3131}.bg-fonduecolorgray{background-color:#c3c3c3}.bg-fonduecolorwhite{background-color:#fff}.text-fonduecolorbrown1{color:#5c3131}.text-fonduecolorbrown2{color:#8d6f6f}.text-fonduecolorwhite{color:#fff}.text-fonduecolorgray{color:#7e84a3}.text-fonduecolorblack{color:#000}.text-fonduediffpercentpositive{color:#3dd598}.text-fonduediffpercentnegative{color:#f0142f}.bg-calendarall{background-color:#5b5f97}.bg-calendaryear{background-color:#00487c}.bg-calendarquarter{background-color:#1481ba}.bg-calendarmonth{background-color:#11b5e4}.bg-volunteerreporter{background-color:#ffd159}.bg-volunteerreporterbarchart{background-color:#f0f0f0}.bg-volunteerreporterbg{background-color:#f8f8f8}.table-striped-table1>tbody>tr:nth-child(odd)>td,.table-striped-table1>tbody>tr:nth-child(odd)>th{background-color:rgba(255,178,89,.10196078431372549)}.table-striped-table2>tbody>tr:nth-child(odd)>td,.table-striped-table2>tbody>tr:nth-child(odd)>th{background-color:rgba(125,208,255,.10196078431372549)}.table-striped-table3>tbody>tr:nth-child(odd)>td,.table-striped-table3>tbody>tr:nth-child(odd)>th{background-color:rgba(194,196,255,.10196078431372549)}.table-striped-table4>tbody>tr:nth-child(odd)>td,.table-striped-table4>tbody>tr:nth-child(odd)>th{background-color:rgba(255,180,225,.10196078431372549)}.table .thead-table1 th{background-color:#ffb259!important}.table .thead-table2 th{background-color:#7dd0ff!important}.table .thead-table3 th{background-color:#c2c4ff!important}.table .thead-table4 th{background-color:#ffb4e1!important}.table .thead-table-career th{background-color:rgba(0,0,0,.10196078431372549)!important}.col-list-stat{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(5,1fr)}.stateboxes_height{height:160pt}@media (max-width:1024px){.col-list-stat{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.stateboxes_height{height:150pt}h1{font-size:36px}h2{font-size:30px}h3{font-size:26px}h4{font-size:22px}h5{font-size:18px}h6{font-size:14px}}@media (max-width:768px){.col-list-stat{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(2,1fr)}.stateboxes_height{height:150pt}h1{font-size:34px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}h6{font-size:12px}}@media (max-width:320px){.col-list-stat{grid-gap:10px;gap:10px;display:grid;grid-template-columns:repeat(1,1fr)}.stateboxes_height{height:135pt}h1{font-size:34px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}h6{font-size:12px}}.container-createOrgHierarchy{width:100%;display:flex;flex-direction:column}table.createOrgHierarchy{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.createOrgHierarchy thead{background-color:#f9fafb}.createOrgHierarchy td,.createOrgHierarchy th{border:1px solid #e5e7eb;padding:10px;text-align:left;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.createOrgHierarchy th{font-weight:600;color:#374151}.createOrgHierarchy input,.createOrgHierarchy select{width:100%;height:34px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:16px;box-sizing:border-box}.add-col-btn,.add-row-btn{height:36px;padding:.5rem}.add-col-btn,.add-row-btn,.create-hierarchy-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:2px solid #000;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;grid-gap:.5rem;gap:.5rem;justify-self:center;font-size:16px}.create-hierarchy-btn{height:40px;padding:1rem;font-weight:700}select.input-level{border-radius:32px;background-color:#e8e8e8;-webkit-appearance:none;appearance:none;padding-left:12px}.add-col-btn{margin-top:.3rem;margin-left:1rem}.input-name.invalid{border:1px solid #ea5757;background-color:rgba(234,87,87,.338)}@media (max-width:743px){.container-createOrgHierarchy{width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}table.createOrgHierarchy{width:100%;width:auto;min-width:-webkit-max-content;min-width:max-content;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.createOrgHierarchy thead{background-color:#f9fafb}.createOrgHierarchy td,.createOrgHierarchy th{border:1px solid #e5e7eb;padding:10px;text-align:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.createOrgHierarchy th{font-weight:600;color:#374151}.createOrgHierarchy input,.createOrgHierarchy select{width:100%;height:34px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:16px;box-sizing:border-box}.add-col-btn,.add-row-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;padding:1rem;border:2px solid #000;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;grid-gap:.5rem;gap:.5rem;justify-self:center}.add-col-btn{margin-top:.3rem;margin-left:1rem}}.hidden{display:none!important}.warning-change-claim-password{position:relative;width:100%;height:100%;display:none!important}.warning-show-container{width:500px}.warning-show-container .body{display:flex;flex-direction:column;align-items:center}.warning-show-container2{height:258px}.warning-show-container2 .body{display:flex;flex-direction:column;align-items:center}.container-setting-body,.container-setting-body2{border-radius:24px;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.08);padding:32px}.container-setting-body2{width:500px;position:absolute;top:30%}.container-setting-body .line-break{height:1px;width:100%;display:flex;justify-content:center;padding-top:16px;padding-bottom:16px}.container-setting-body .line-break-half-padding-bot{height:1px;width:100%;display:flex;justify-content:center;padding-top:16px;padding-bottom:8px}.container-setting-body .line-break-half-padding-bot .body,.container-setting-body .line-break .body{height:1px;width:100%;display:flex;background:rgba(0,0,0,.1)}.container-setting-body .center-body{width:100%;display:flex;align-items:center}.container-setting-body .center-body .topic-content{width:80%;display:flex;align-items:center}.container-setting-body .center-body .toggle-content{width:20%;display:flex;align-items:center;justify-content:flex-end}.container-setting-body .row-body{display:flex;flex-wrap:wrap}.display-center{display:flex;align-items:center}.container-setting-body .box-item{padding:16px 32px 0}.container-setting-body .box-item-last{padding:16px 32px 32px}.form-check{display:flex;grid-gap:.5rem;gap:.5rem}.form-switch .form-check-input{display:flex;height:22px;width:43px;margin-left:0}.form-switch p{font-weight:700!important}.form-check-input:checked{background-color:#34e545;border-color:rgba(0,0,0,.1)}.form-control{height:42px;padding:8px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#f5f5f5}.full-width{width:100%}.full-width-margin{width:100%;margin-left:16px}.change-password-btn{margin:8px 0 8px 16px;height:42px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff}.clean-border{background-color:rgba(52,152,219,0);border:none;height:42px;margin-right:8px}.custom-col-10{width:10%;margin-top:8px}.custom-col-90{width:90%;margin-top:8px}.custom-col-11{width:11%;margin-top:8px}.custom-col-89{width:89%;margin-top:8px}.font-header{color:#000;font-family:Sarabun-Regular;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.font-content{font-size:18px}.font-content,.font-content-change-password{color:#000;font-family:Sarabun-Regular;font-style:normal;font-weight:400;line-height:normal}.font-content-change-password{font-size:16px}.font-waning-header,.font-waning-header-spaceing{color:#d00;font-family:Sarabun-Regular;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.font-waning-header-spaceing{line-height:1.4}.font-waning-content{color:#d00;font-size:16px;font-weight:400}.font-fondue-help,.font-waning-content{font-family:Sarabun-Regular;font-style:normal;line-height:normal}.font-fondue-help{color:#0d6efd;font-size:18px;font-weight:700}@media screen and (max-width:768px){.warning-show-container{width:300px}.warning-show-container2{height:416px}.container-setting-body2{width:300px;padding:32px;top:35%}.custom-col-10,.custom-col-11,.custom-col-89,.custom-col-90{width:100%;margin-top:8px}.font-waning-header-spaceing{color:#d00;font-family:Sarabun-Regular;font-size:16px;font-style:normal;font-weight:700;line-height:normal;line-height:1.5}}.table-container{font-family:"Arial",sans-serif;margin:20px;width:calc(100% - 40px)}.dimmed{opacity:.5;pointer-events:none}table{border-collapse:collapse;width:100%}th{background-color:#f2f2f2;color:#000;padding:8px;font-size:22px}td,th{text-align:left;font-family:"Noto Sans Thai"}.qr-image{width:100px;height:auto}.manage-buttons{display:flex;align-items:center;grid-gap:1rem;gap:1rem}tr:hover{background-color:#f5f5f5}.createQr{border:1px solid #7c86ca;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;border-radius:8px;background:#e8e8e8;padding:0 1rem;font-family:"Noto Sans Thai"}svg[disabled]{pointer-events:none;opacity:.2}.container-filterMain{height:auto;display:flex;flex-direction:column}.container-title{display:flex;flex-direction:column;margin-bottom:2rem;grid-gap:1rem;gap:1rem;width:100%}.container-title p.title{font-family:"Noto Sans Thai";font-style:normal;font-weight:400;font-size:20px;line-height:27px;color:#000}.container-button-status{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;width:95%;margin-top:2rem}.container-button-status .buttonStatus{width:100px;height:44px;border-radius:80px;border:1px solid #7c86ca;background:#f0effa;display:flex;align-items:center;justify-content:center;cursor:pointer}.container-button-status .buttonStatus p{color:rgba(0,0,0,.6);font-size:16px;font-family:"Noto Sans Thai";margin:0}.container-button-status .buttonStatus.selected{width:100px;height:44px;border-radius:80px;background:#58548f;display:flex;align-items:center;justify-content:center;cursor:pointer}.container-button-status .buttonStatus.selected p{color:#fff;font-size:16px;font-family:"Noto Sans Thai";font-weight:600;margin:0}.container-button-category{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap;margin-top:2rem}.container-button-category .buttonCategory{width:auto;height:44px;border-radius:80px;border:1px solid #7c86ca;background:#f0effa;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 1rem;grid-gap:.3rem;gap:.3rem}.container-button-category .buttonCategory img{width:20px;height:20px}.container-button-category .buttonCategory p{color:rgba(0,0,0,.6);font-size:16px;font-family:"Noto Sans Thai";margin:0}.container-button-category .buttonCategory.selected{width:auto;height:44px;padding:1rem;border-radius:80px;background:#58548f;display:flex;align-items:center;justify-content:center;cursor:pointer}.container-button-category .buttonCategory.selected p{color:#fff;font-size:16px;font-family:"Noto Sans Thai";font-weight:600;margin:0}.container-searchBox{width:30%}.container-searchBox,.container-searchBox-mobile{height:44px;border-radius:80px;border:1px solid #7c86ca;background:#f0effa;display:flex;align-items:center}.container-searchBox-mobile{width:90%}img.search-icon{width:20px;height:20px;transform:translateX(10px)}.searchBox{width:100%;height:40px;margin-left:1rem;border:none;background:#f0effa}.searchBtn{display:flex;width:78px;height:36px;padding:6.338px 0;justify-content:center;align-items:center;border-left:1px solid #7c86ca;cursor:pointer}.searchBtn p{font-family:"Noto Sans Thai";color:#000;font-size:16px;margin:0}.input::-webkit-input-placeholder{font-family:"Noto Sans Thai";font-weight:400;font-size:16px}.input:-ms-input-placeholder{font-family:"Noto Sans Thai";font-weight:400;font-size:16px}.input:-moz-placeholder,.input::-moz-placeholder{font-family:"Noto Sans Thai";font-weight:400;font-size:16px}input[type=text]{font-family:"Noto Sans Thai";font-weight:400;font-size:16px;padding:0 .5rem}.switch{position:relative;display:inline-block;width:80px;height:44px;cursor:pointer}.switch input{display:none}.slider{display:flex;cursor:pointer;width:80px;height:44px;border:1px solid #7c86ca;background:#f0effa;transition:.4s}.slider:before{position:absolute;top:17%;left:6px;content:"";width:28px;height:28px;background:#6a6dcd;transition:.4s}.slider.round{border-radius:87px}.slider.round:before{border-radius:50%;width:28px;height:28px;overflow:hidden}input:checked+.slider:before{transform:translateX(42px)}.txt-toggle{position:absolute;top:50%;transform:translateY(-50%);color:#fff}.txt-toggle-off{right:15px}.txt-toggle-off,.txt-toggle-open{font-family:"Noto Sans Thai";font-style:normal;font-weight:400;font-size:16px;color:#000}.txt-toggle-open{left:15px}.slider-container,.slider-input{width:95%;position:relative}.slider-input{height:10px;outline:none;-webkit-appearance:none;appearance:none;margin:15px 0;background:#b6ceec;z-index:1}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;background:#6a6dcd;border-radius:50%;cursor:pointer;position:relative;z-index:2;margin-left:-1px}.slider-input::-moz-range-thumb{width:26px;height:26px;background:#6a6dcd;border-radius:50%;cursor:pointer;position:relative;z-index:2;margin-left:-1px}.slider-input:before{content:"";position:absolute;top:-5px;left:10%;width:100%;height:20px;background:linear-gradient(90deg,transparent 0,transparent calc(50% - 3px),#b6ceec calc(50% - 3px),#b6ceec 50%,transparent 50%,transparent);background-size:20% 100%;background-repeat:repeat-x;z-index:0}output{display:block;text-align:center}.div-d-flex{display:flex;width:100%;grid-gap:6px;gap:6px}.div-d-column{display:flex;width:100%;flex-direction:column;grid-gap:1rem;gap:1rem}.div-more-filter{display:flex;align-items:center;justify-content:center;margin-left:auto;grid-gap:6px;gap:6px;cursor:pointer}.div-more-filter p{font-family:"Noto Sans Thai";font-style:normal;font-weight:400;font-size:16px;color:#000}.div-more-filter img{width:20px;height:20px}.container-advance-filter.hide{display:none}.dropdown-container{position:relative;display:inline-block;width:100%;height:44px;align-self:center}.dropdown-header{cursor:pointer;display:flex;flex-direction:row;align-items:center;padding:10px 20px;grid-gap:10px;gap:10px;width:100%;height:44px;border-radius:80px;border:1px solid #7c86ca;background:#f0effa}.dropdown-header img{width:20px;height:20px;margin-left:auto}.dropdown-header p{margin:0;font-family:"Noto Sans Thai";font-style:normal;font-weight:500;font-size:16px;display:flex;align-items:center;color:#000}.dropdown-header.open{border:1px solid #7c86ca}.dropdown-list{position:absolute;top:100%;left:0;display:none;min-width:100%;margin:0;max-height:400px;overflow-y:auto;padding:8px 16px;list-style:none;border-radius:16px;border:2px solid #000;border-top:none;background:#f0effa;z-index:1}.dropdown-list.open{border:1px solid #7c86ca;display:block;background:#f0effa;margin-top:.5rem}.dropdown-option{cursor:pointer;padding:1rem;white-space:nowrap}.dropdown-list p{height:26px;font-weight:500;color:#000;flex:none;order:0;flex-grow:0}.dropdown-list p,.dropdown-option:hover p{font-family:"Noto Sans Thai";font-style:normal;font-size:18px;line-height:26px;display:flex;align-items:center;border-bottom:1px solid #d1d5db}.dropdown-option:hover p{font-weight:700}.dropdown-container-typeMap{position:relative;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;align-self:center;margin-left:auto}.dropdown-header-typeMap{cursor:pointer;display:flex;flex-direction:row;align-items:center;padding:0 .5rem;grid-gap:0;gap:0;width:100%;height:30px;border-radius:80px;border:1px solid #7c86ca;background:#f0effa}.dropdown-header-typeMap img{width:20px;height:20px;margin-left:auto}.dropdown-header-typeMap p{margin:0;font-family:"Noto Sans Thai";font-style:normal;font-weight:500;font-size:16px;display:flex;align-items:center;color:#000}.dropdown-header-typeMap.open{border:1px solid #7c86ca}.dropdown-list-typeMap{position:absolute;top:100%;left:0;display:none;min-width:100%;margin:0;max-height:400px;overflow-y:auto;padding:0;list-style:none;border-radius:16px;border:2px solid #000;border-top:none;background:#f0effa;z-index:1}.dropdown-list-typeMap.open{border:1px solid #7c86ca;display:block;background:#f0effa;margin-top:.5rem}.dropdown-option-typeMap{cursor:pointer;padding:1rem;white-space:nowrap}.dropdown-list-typeMap p{height:26px;font-weight:500;color:#000;flex:none;order:0;flex-grow:0}.dropdown-list-typeMap p,.dropdown-option-typeMap:hover p{font-family:"Noto Sans Thai";font-style:normal;font-size:18px;line-height:26px;display:flex;align-items:center;border-bottom:1px solid #d1d5db}.dropdown-option-typeMap:hover p{font-weight:700}.container-modal-content-create-qr{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:rgba(0,0,0,.7);z-index:3}.container-modal-content-create-qr,.modal-content-create-qr{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content-create-qr{width:auto;min-width:50vw;background-color:#fff;border-radius:8px}.modal-content-create-qr .zoom-img{width:100%;height:100%;border:.766544px solid rgba(0,0,0,.1);box-shadow:0 3.06618px 15.3309px rgba(0,0,0,.15);border-radius:8px}.modal-content-create-qr{max-width:80vw;max-height:100vh;height:auto;position:relative}.modal-content-create-qr .zoom-img-qr{max-width:40vw;height:100%;border:.766544px solid rgba(0,0,0,.1);box-shadow:0 3.06618px 15.3309px rgba(0,0,0,.15);border-radius:8px}.modal-content-create-qr .div-close-img-modalZoomImg{width:30px;height:30px;border-radius:50%;background-color:#fff;position:absolute;top:-20%;right:0;cursor:pointer}.modal-content-create-qr .div-close-img-modalZoomImg img.iconX{width:30px;height:30px}.modal-content .div-close-img-modalZoomImg{width:30px;height:30px;border-radius:50%;background-color:#fff;position:absolute;top:2%;right:2%;cursor:pointer}.modal-content .div-close-img-modalZoomImg img.iconX{width:30px;height:30px}p.title-modal-create-qr{font-family:"Noto Sans Thai";font-size:18px;margin:0 0 .5rem;font-weight:700}.row-each-component{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.column-title-component{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.button-create-qr{width:10vw;height:40px;border-radius:8px;border:1px solid #7c86ca;font-family:"Noto Sans Thai";margin-bottom:1rem}.alertTxtError{font-family:"Noto Sans Thai";color:red;font-weight:700;font-size:18px}p.title-modal-edit-qr{font-family:"Noto Sans Thai";font-size:14px;margin:0 0 2px;font-weight:400;display:flex;grid-gap:.4rem;gap:.4rem;align-items:center}.row-component{display:flex;margin:20px 0;justify-content:space-around;width:100%}.edit-content-button{margin-top:20px}.column-component,.edit-content-button,.modal-content-edit-qr{display:flex;flex-direction:column;align-items:center}.modal-content-edit-qr{max-width:80vw;max-height:100vh;height:auto;position:relative;width:60%;background-color:#fff;border-radius:8px;justify-content:center}.modal-content-edit-qr .div-close-img-modalZoomImg{width:30px;height:30px;border-radius:50%;background-color:#fff;position:absolute;top:2%;right:1%;cursor:pointer}.modal-content-edit-qr .div-close-img-modalZoomImg img.iconX{width:30px;height:30px}.searchBox{background:#e8e8e8;border-radius:8px;margin-left:0}.searchBox:focus{outline:none;border:none;box-shadow:none}.container-input{margin-bottom:.5rem;width:100%;background:#e8e8e8;border:1px solid #7c86ca;border-radius:8px}.container-input.too-long{border-color:#c41010}.container-box{display:flex;align-items:center}p.container-box{margin:0 0 .5rem 5px;font-size:13px}p.container-box.too-long{color:#c41010}.button-edit-qr{width:100%;height:40px;border-radius:8px;border:0;font-family:"Noto Sans Thai";margin-bottom:1rem;background-color:#58bcff;font-weight:bolder;color:#fff}.button-edit-qr:disabled{background-color:#ccc;cursor:not-allowed}.alertTxtError2{font-family:"Noto Sans Thai";color:red;font-weight:400;font-size:14px}.loading-container{display:flex;align-items:center;justify-content:center;height:30vh}.loader{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px;margin-right:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}