#nprogress{top:0;left:0;width:100%;height:2.5px;z-index:9999;position:fixed;pointer-events:none}#nprogress .bar{height:100%;background-color:var(--palette-primary-main);box-shadow:0 0 2.5px var(--palette-primary-main)}#nprogress .peg{right:0;opacity:1;width:100px;height:100%;display:block;position:absolute;transform:rotate(3deg) translateY(-4px);box-shadow:0 0 10px var(--palette-primary-main),0 0 5px var(--palette-primary-main)}.simplebar-scrollbar:before{background-color:var(--palette-text-disabled)}.simplebar-scrollbar.simplebar-visible:before{opacity:.48}.mapboxgl-map{.mapboxgl-ctrl.mapboxgl-ctrl-group{border-radius:8px;box-shadow:0 8px 16px 0 rgba(var(--palette-grey-500Channel),.16)}.mapboxgl-ctrl.mapboxgl-ctrl-scale{border:none;color:#fff;font-weight:700;line-height:14px;border-radius:4px;background-image:linear-gradient(90deg,#8a2387,#e94057,#f27121)}.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{transform:scale(.75)}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--palette-divider)}.mapboxgl-popup-content{padding:8px;max-width:180px;border-radius:12px;background-color:var(--palette-background-paper);color:var(--palette-text-primary);box-shadow:0 20px 40px -4px rgba(0,0,0,.16)}.mapboxgl-popup-tip{transform:translateY(-1px);border-top-color:var(--palette-background-paper)}.mapboxgl-popup-close-button{top:4px;right:4px;width:24px;height:24px;opacity:.48;font-size:20px;border-radius:50%;color:var(--palette-grey-500);transition:opacity .2s linear 0s;&:hover{opacity:1}&:focus{outline:none}}.mapboxgl-ctrl .mapboxgl-ctrl-logo,.mapboxgl-ctrl-bottom-right{display:none}}.yarl__root{--yarl__thumbnails_thumbnail_padding:0;--yarl__thumbnails_thumbnail_border:transparent;--yarl__color_backdrop:rgba(var(--palette-grey-900Channel)/0.9);--yarl__slide_captions_container_background:rgba(var(--palette-common-blackChannel)/0.32)}.yarl__slide_title{font-size:20px;font-weight:600}.yarl__slide_description{font-size:14px}.yarl__button{filter:unset}.yarl__thumbnails_thumbnail{opacity:.48;border-radius:10px;border-color:transparent}.yarl__thumbnails_thumbnail_active{opacity:1;border-color:var(--palette-primary-main)}.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:0}.yarl__video_container{background:var(--palette-common-black)}.apexcharts-canvas{.apexcharts-tooltip{min-width:80px}.apexcharts-tooltip,.apexcharts-xaxistooltip{border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--palette-text-primary);box-shadow:var(--customShadows-dropdown);background-color:rgba(var(--palette-background-defaultChannel)/.9)}.apexcharts-xaxistooltip{border-color:transparent;&:before{border-bottom-color:rgba(var(--palette-grey-500Channel)/.16)}&:after{border-bottom-color:rgba(var(--palette-background-defaultChannel)/.9)}}.apexcharts-tooltip-title{font-weight:700;text-align:center;color:var(--palette-text-secondary);background-color:var(--palette-background-neutral)}.apexcharts-tooltip-series-group{padding:4px 12px}.apexcharts-tooltip-marker{margin-right:8px}.apexcharts-legend{padding:0}.apexcharts-legend-marker{margin-right:6px}.apexcharts-legend-text{margin-left:0;padding-left:0;line-height:18px}}html{height:100%;-webkit-overflow-scrolling:touch}#root,#root__layout,body{display:flex;flex:1 1 auto;min-height:100%;flex-direction:column}img{max-width:100%;vertical-align:middle}ul{margin:0;padding:0;list-style-type:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}body{font-family:Kanit,sans-serif;background:linear-gradient(171.05deg,hsla(0,0%,100%,.85) 2.39%,#fff 74.58%),linear-gradient(117.08deg,#455ff3 -16.94%,#19a6ff 24.74%,#a23ea8 72.07%,#ea2768 118.7%);background-attachment:fixed}body .bg-auth-grad{background:linear-gradient(171.05deg,hsla(0,0%,100%,.51) 2.39%,hsla(0,0%,100%,.6) 74.58%),linear-gradient(117.08deg,#455ff3 -16.94%,#19a6ff 24.74%,#a23ea8 72.07%,#ea2768 118.7%)}.css-12gesg8{padding-right:calc(3.5 * var(--spacing));text-align:center;.logo-main{width:134px!important;height:84px!important;margin:0 auto}}.css-1e7j8xj{.logo-main{width:70px!important;height:auto!important}}.nav-sidebar{margin:16px;border-radius:16px;border:none!important;background:linear-gradient(180deg,rgba(25,166,255,.2),rgba(60,108,240,.2) 47%,rgba(243,35,98,0)),linear-gradient(0deg,#fff,#fff)!important}.main-header{position:relative;padding-left:calc(10 * var(--spacing))!important;padding-right:calc(10 * var(--spacing))!important;&:after{content:"";position:absolute;bottom:0;left:calc(5 * var(--spacing));right:calc(5 * var(--spacing));height:1px;border-bottom:1px solid #919eab1f}}.main-section{padding-left:calc(10 * var(--spacing))!important;padding-right:calc(10 * var(--spacing))!important}@media only screen and (max-width:767px){.main-header{padding-left:calc(2 * var(--spacing))!important;padding-right:calc(2 * var(--spacing))!important;&:after{left:calc(1 * var(--spacing));right:calc(1 * var(--spacing))}}.main-section{padding-left:calc(2 * var(--spacing))!important;padding-right:calc(2 * var(--spacing))!important}}.title-header{margin:35px 0}.card-profile-mini{padding:4px 16px;border:1px solid var(--shadow-12,#919eab1f);background-color:#fff;border-radius:8px;margin-left:6px;.card-profile-mini-content{margin-right:6px;min-width:120px}.card-profile-mini-avatar{margin-right:6px}}.toggle-btn-white{background:#fff}.tb-heading{overflow:hidden;min-height:48px;display:flex;align-items:center;padding-left:calc(2.5 * var(--spacing));padding-right:calc(2.5 * var(--spacing));box-shadow:inset 0 -2px 0 0 rgba(var(--palette-grey-500Channel)/.08)}.copyright{text-align:center;padding:17px 0;p{font-size:14px;line-height:22px;margin-bottom:0}}.logo-auth{width:134px;height:84px;margin:0 auto 24px}.logo-auth,.logo-tc{display:block!important}.logo-tc{width:102px;height:64px;margin:24px auto 16px}.txt-link-primary{color:#1d1aff!important}.title-modal{font-weight:600!important}.body-tc{li{margin-bottom:1.5rem}}.btn-primary-grad:not(:disabled){background:linear-gradient(90deg,#1d1aff,#cd2f80);color:#fff!important}.btn-bdr-grad:not(:disabled){border:none;outline:none;position:relative;z-index:1;background:linear-gradient(90deg,#1d1aff,#cd2f80);color:#1d1aff}.btn-bdr-grad:not(:disabled):before{content:"";position:absolute;left:1px;right:1px;top:1px;bottom:1px;border-radius:7px;background-color:#fff;z-index:-1;transition:.2s}.btn-bdr-grad:not(:disabled):after{content:attr(data);background:linear-gradient(270deg,#1d1aff,#cd2f80);-webkit-background-clip:text;color:transparent;transition:.2s}.kpi-stepper .MuiStepConnector-horizontal{top:24px!important}.tb-row-white{td,th{background:#fff!important}}.list-bl{list-style:disc;padding-left:1.5rem;margin-bottom:.5rem;li{margin-bottom:0!important;font-size:.85rem}}.logo-main-m{display:none}.sc-indicator{display:flex;align-items:center;h6{display:none;margin-left:10px}.total-question{display:none;margin-left:auto}&.active{width:100%;.total-question,h6{display:inherit}}}@media only screen and (max-width:767px){.logo-main-m{display:block;position:absolute;top:6px;left:50%;margin-left:-40px}.m-btn-detail{display:flex;justify-content:flex-end}.box-top-lobby{flex-direction:column;text-align-last:left;justify-content:flex-start!important}.main-breadcrumb{display:none}.box-btn-lobby{flex-grow:1;margin-bottom:30px}.cal-wrapper-outer{width:100%}.cal-wrapper{justify-content:flex-start!important;>div{flex:0 0 100%}}.box-taking{flex-direction:column;justify-content:flex-start;align-items:flex-start;h1{margin-bottom:10px}}.css-1tsmjgj{margin-top:20px!important}.lb-submitted{padding-left:20px!important;padding-right:20px!important}.row-section-survey{flex-direction:column;align-items:flex-start!important}.lb-total-q{padding-left:80px;justify-content:space-between}.box-submitted-top{flex-direction:column;margin-bottom:30px!important}.css-1p19wr3-MuiTypography-root{font-size:12px}.css-1uq96zq{overflow:visible!important}.modal-term{h2{font-size:18px!important}h6{font-size:14px!important}.modal-subtitle{padding-left:20px;padding-right:20px}}.menu-mobile{background:linear-gradient(180deg,rgba(25,166,255,.2),rgba(60,108,240,.2) 47%,rgba(243,35,98,0)),linear-gradient(0deg,#fff,#fff)!important}.card-profile-mini{padding:0;background:none;border:none;.card-profile-mini-avatar{margin:0}}.card-profile-mini-content,.icon-setting{display:none!important}.sc-indicator{display:none;padding:10px!important;&.active{display:flex}}.box-radio{min-height:122px}}.btn-submit{background-color:#1d1aff!important;&:hover{background-color:inherit}}