@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@100;400;700&display=swap");:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{background-color:#fafafb!important}.Mui-selected,.MuiButtonBase-root,.MuiChip-label,.MuiInputBase-input,.MuiListSubheader-root,.MuiMenuItem-root,.MuiSelect-select,.MuiTablePagination-displayedRows,.MuiTablePagination-selectLabel,.MuiTypography-root,body,label,td,th{font-family:tahoma,sans-serif!important}.Mui-selected,.MuiInputBase-input,.MuiMenuItem-root,.MuiSelect-select{font-size:14px!important}td .Mui-selected,td .MuiInputBase-input,td .MuiMenuItem-root,td .MuiSelect-select{font-size:13px!important}.MuiSelect-select{height:1.4375em!important}.MuiButtonBase-root{text-transform:none!important}label{font-weight:700!important}a{color:#006bd6!important}.t-bold{font-weight:700}.mg-10-0{margin:10px 0}.MuiFormHelperText-root.Mui-error{align-items:center!important;display:flex!important;margin:5px 0 0!important}.MuiFormHelperText-root.Mui-error .error-label-icon{font-size:20px!important;margin-right:3px!important}.app-body{padding-top:44px!important}.form-input-dialog .MuiInputBase-input,.form-input-dialog .MuiSelect-select{padding:5px 10px}.form-input-dialog .MuiButtonBase-root{padding:2px 10px}.dialog-title label{padding-left:5px;position:relative;top:2px}#MenuActionsLeft{left:2px!important;top:180px!important}.gm-style-iw button[aria-label=Close]{background-color:#eee!important;border-radius:100%!important;color:#fff!important;right:5px!important;top:5px!important}.grid-select-role-title{border-bottom:1px solid #f0f0f2;margin-top:20px!important;padding-bottom:15px}.grid-select-role-title div{font-size:14px;font-weight:700}.role-list{font-size:14px}.role-list .MuiCheckbox-root{padding:0}.role-list .MuiTypography-label{font-weight:700}.grid-select-role .MuiCheckbox-root svg{font-size:34px;padding:0}.grid-select-role:nth-child(2n){background:#f9fafc}.DisplayCenterComponent{height:100px;left:50%;margin-left:-50px;margin-top:-50px;position:absolute;top:50%;width:100px}.css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled,.css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled,.css-jedpe8-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled{-webkit-text-fill-color:#000}.Mui-disabled.MuiAutocomplete-inputRoot,.MuiSelect-select.Mui-disabled,input[type=text]:disabled{background-color:#ebebeb}.css-1ji7omv-MuiBackdrop-root{z-index:1400}.MuiChip-label{font-size:12px;font-weight:700}.MuiDialogContent-root .label{font-size:14px;font-weight:700}.pointer-geolocation{background-color:#fff;border-radius:0 8px 0 0;bottom:0;left:0;padding:2px 5px 0;position:absolute;z-index:1000000}.nav-system-name{font-weight:700}.nav-system-logo{height:24px;padding:10px}.nav-profile p{font-size:14px!important}.nav-notification{background-color:#00000040;border-radius:100%;font-size:13px;height:30px;padding:5px;width:30px}.nav-notification .MuiBadge-badge{font-size:10px;font-weight:700;padding:2px 5px;width:auto}.login-warpper{background:linear-gradient(-45deg,#a91823,#b72a2a)!important;height:100vh!important;max-width:none!important;padding:0;position:fixed;top:0;width:100vw!important}.login-page{background-image:radial-gradient(circle farthest-corner at 10% 20%,#00989b .1%,#005e78 94.2%);height:100vh}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 7px 29px 0 rgba(99,99,110,.2);margin:10% auto;padding:30px;width:320px}.login-logo{text-align:center}.login-logo img{height:150px}.login-box-left{background-color:#eee;border-radius:8px 0 0 8px!important;padding:100px 30px!important;text-align:center}.login-box-right{background-color:#fff;border-radius:0 8px 8px 0;padding:30px!important}.login-copyright{color:#fff}.login-box label{font-size:14px;font-weight:400!important}.login-box .MuiFormControl-root{margin:0 0 15px!important}.table-box{padding:0 20px}.table-toolbar{padding:15px 10px 15px 15px!important}.table-toolbar button{margin-right:0}.table-toolbar .MuiFormControl-root{margin-right:5px!important;width:auto!important}.table-toolbar .toolbar-right{position:absolute;right:15px}.table-toolbar .toolbar-right .MuiFormControl-root{margin-left:5px!important;margin-right:0!important}.table-toolbar .MuiFormControl-root .MuiInputBase-root{width:150px!important}.table-toolbar .MuiFormControl-root:last-child{margin-right:0}.table-box td{font-size:13px!important;padding:5px!important}.table-box th{font-size:13px!important;padding:10px 5px!important}.content-page{min-height:100%}.content-page>div{margin:0;width:100%}.content-page-menu{background-color:#f8f9fa!important;border-right:1px solid #dee5ec!important;height:calc(100vh - 44px);overflow:auto!important;position:fixed;top:44px;width:280px}.content-page-menu .MuiPaper-root{background-color:#f8f9fa!important;position:relative;width:280px}.content-page-menu .MuiPaper-root .MuiList-root{width:100%}.content-page-menu span{font-size:14px}.content-page-menu .MuiListItemIcon-root{min-width:35px}.content-page-data{background-color:#fff;margin-left:280px;padding:0!important}.content-page-data .MuiContainer-root{padding:20px}.panel-default{border:1px solid #ddd;border-radius:5px}.panel-heading{border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;padding:10px 15px}.panel-body{padding:15px}.label-required{color:red}.card-form{border-radius:0!important;border:dashed rgba(145,158,171,.2);border-width:0 0 thin;box-shadow:none!important;margin-bottom:10px}.card-form .MuiGrid-item,.card-form span{font-size:14px}.card-form h6{color:#212b36;font-size:16px!important;font-weight:700!important;line-height:1.55556}.paper-input .MuiPaper-root{box-shadow:none}.table-doc-warpper{background-color:#fff!important;border-radius:8px!important;box-shadow:0 0 2px 0 rgba(145,158,171,.2),0 12px 24px -4px rgba(145,158,171,.12)!important;margin-top:15px!important}.table-doc-warpper .MuiTab-root,.table-doc-warpper .MuiTabs-root{height:40px!important;min-height:40px!important}.table-doc-warpper .card-form:last-child{border-width:0}.MuiDrawer-root.side-menu-collapsed~.page-container{width:calc(100vw - 80px)}.page-container{margin-top:64px;padding:20px!important;width:calc(100vw - 240px)!important}.side-menu-collapsed .page-container{width:calc(100vw - 80px)!important}.page-title{display:inline-block;width:-moz-fit-content;width:fit-content}.page-title-btn{margin-left:15px!important;margin-top:-8px!important}.page-action-btn-group button{margin-left:10px}.MuiBreadcrumbs-root{display:inline-block;width:-moz-fit-content;width:fit-content}.MuiChip-root.form-chip-status{height:22px;margin-left:10px;margin-top:-3px}.input-label{font-size:14px;font-weight:400!important;position:relative;top:9px}.table-doc-warpper .input-label{color:#333}.box-remark{background-color:#fff6aa;border-radius:8px;margin-top:15px!important;padding:15px 20px 20px}.box-remark .text-area,.box-remark input,.box-remark textarea{background-color:#fff}.btn-add-ip-list{height:37px}.input-price input{color:#000!important;cursor:not-allowed;-webkit-text-fill-color:#000!important;background-color:#ebf5ff!important;border-radius:8px;text-align:right}.chip-link{background-color:#e8f5ff!important;color:#2196f3!important;cursor:pointer!important;text-decoration:underline!important}.MuiDialogContent-root label,.table-doc-warpper label{color:#333;font-size:14px;font-weight:400!important;padding-bottom:5px!important}.MuiDialogContent-root{padding:16px 24px!important}.MuiIconButton-root[aria-label=close]{top:12px}.toolbar-header-page .MuiBox-root button{margin-left:5px}.MuiDialogContent-root .grid-select-role-title .MuiGrid-item,.MuiDialogContent-root .grid-select-role-title .MuiGrid-item:first-child,.MuiDialogContent-root .role-list .MuiGrid-item{padding-top:0}@keyframes flashColor{0%,to{color:red}50%{color:#fff}}.cr-sla-alert{animation:flashColor 2s infinite;padding-top:4px;width:20px}.report-nav{background-color:#fff;border-radius:8px;box-shadow:0 0 2px 0 rgba(145,158,171,.2),0 12px 24px -4px rgba(145,158,171,.12)!important;margin-top:10px}.report-nav span{font-size:14px}.report-nav .report-title span{font-weight:700}.report-content{background-color:#fff;border-radius:8px;box-shadow:0 0 2px 0 rgba(145,158,171,.2),0 12px 24px -4px rgba(145,158,171,.12)!important;margin-top:10px;padding:5px}.report-content .MuiPaper-root{box-shadow:none}.report-content table th{font-size:12px!important;line-height:1}.report-content table td{font-size:12px!important}.MuiButton-contained,.no-shadow .MuiPaper-root{box-shadow:none!important}.no-pad{padding:0!important}.MuiFormHelperText-root{margin:0!important}.MuiListSubheader-root.MuiListSubheader-sticky{position:relative!important}.header-group-role{background-color:#ededed;color:#000;padding:10px;width:100%}.card-circuit-design{box-shadow:0 7px 29px 0 rgba(99,99,110,.2)!important}.card-circuit-design label.input-label{color:#333;font-size:14px;font-weight:400!important;padding-bottom:5px!important}.border-node-circuit-design{border:1px solid #b32428!important;border-radius:8px!important;margin-bottom:10px!important;padding:0 15px 15px 10px!important}.text-subtitle-node-circuit-design,.text-title-node-circuit-design{color:#b22428!important;font-size:14px!important;font-weight:700!important}.text-subtitle-node-circuit-design{margin-left:40px!important}.tab-active-circuit-design.MuiButtonBase-root.MuiTab-root.Mui-selected{background-color:#ededed!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important;color:#2a2a2a!important}.tab-active-circuit-design.MuiButtonBase-root.MuiTab-root{min-height:30px!important;padding:0!important}.main-tab-circuit-design .MuiTabs-indicator{background-color:#8b8b8b!important;bottom:17px!important;height:1px!important}.main-chat{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;min-height:425px;padding:15px}.main-chat p{margin:0!important}.div-default-message{align-items:center;display:flex;gap:.5rem}.div-start-message{display:flex;flex-direction:column;gap:.5rem}.div-ai-message,.div-human-message{align-items:center;display:flex;gap:.5rem}.div-input-message{position:relative}.icon-input-message{position:absolute;right:6px;top:6px}.div-text-message{background-color:#f3f4f6}.div-text-message,.div-text-message-ai{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-right-radius:16px;padding:10px}.div-text-message-ai{background-color:#ffedd5}.text-message{font-size:14px;line-height:1.25rem;margin:0}.div-badge-message-example{display:flex;gap:.5rem;margin-bottom:10px}.badge-message-example{align-items:center;background-color:#f1f5f9;border-color:transparent;border-radius:9999px;border-width:1px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1rem;padding:.125rem .625rem}.self-center{align-self:center}.div-loader{display:flex;gap:.25rem;justify-content:center;padding:.25rem}.animate-bouncing-loader{animation:bounce 1s ease-in-out infinite;background-color:#757575;border-radius:50%;height:.5rem;width:.5rem}.map-tree-filter{padding:15px}.MuiInputLabel-root{padding-bottom:5px}.MuiTab-root.Mui-selected{color:#1976d2}.MuiTabs-indicator{background-color:#1976d2}.t-loc{color:#666;font-size:14px}.flex-center{align-items:center;display:flex}.form-group-label{padding:10px 0}.form-group-input{align-items:center;display:flex}.form-label{color:#666}.MuiDialog-paper .MuiDialogActions-root{padding:15px}.draggable-dialog.false{bottom:auto!important;pointer-events:none;position:fixed!important}.MuiDialog-paper.react-draggable{pointer-events:auto}.draggable-dialog .MuiDialogContent-root .dialog-content{padding:15px!important}.draggable-dialog .MuiDialogContent-root .dialog-content.has-footer{border-bottom:1px solid #e1e1e1}.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom{display:none}@keyframes bounce{0%,to{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(-.5em)}}.custom-input-new-cid-disabled{background-color:#c7e4f5!important}.grid-form-dialog{border-radius:0!important;border:dashed rgba(145,158,171,.2);border-width:0 0 thin;box-shadow:none!important;margin-bottom:15px;padding-bottom:20px}.sidemenu-logo{text-align:center}.sidemenu-logo img{height:100px!important}.MuiAppBar-root{box-shadow:none!important}.nav-bar{background-color:#fff!important;border-bottom:1px solid #f0f0f0;color:#cd1c1f!important}.profile-character{font-size:14px!important;text-transform:uppercase}.nav-tools .button-hover,.nav-tools button:hover{border:0 solid rgba(244,67,54,.5)!important}.MuiDrawer-paper{background:linear-gradient(-45deg,#a91823,#b72a2a)!important;border-right:0 solid #f0f0f0!important;padding-bottom:30px}.side-menu-label span{font-size:12px!important;overflow:hidden;text-overflow:ellipsis}.side-menu-li .MuiListItemIcon-root{margin-left:5px;min-width:40px;width:40px}.page-side-menu .MuiListSubheader-root{background-color:transparent!important;color:#fafafb;height:36px}.page-side-menu .MuiListItemButton-root.Mui-selected{background-color:#90151f!important;color:#fff!important}.page-side-menu .MuiListItemButton-root.Mui-selected svg{color:#fff!important}.page-side-menu .MuiListItemButton-root{color:#fff!important;cursor:pointer}.page-side-menu .MuiListItemButton-root svg,.page-side-menu .MuiListItemButton-root:hover,.page-side-menu .MuiListItemButton-root:hover svg{color:#fff!important}.nav-user .MuiTypography-root{font-size:14px!important;padding:9px}.nav-user .branchLabel{font-size:12px!important;margin-top:-20px}.nav-user .MuiAvatar-root{font-size:14px;font-weight:700;margin-top:6px!important;padding:5px}.version{color:#fff;font-size:12px!important;text-align:center}.side-menu-collapsed .sidemenu-logo img{height:auto!important;margin:10px 0!important;width:100%!important}.side-menu-collapsed .page-side-menu .MuiListSubheader-root{display:none}.side-menu-collapsed .version{font-size:8px!important}.page-side-menu{padding-bottom:0!important}.MuiTreeItem-label label{font-size:14px;font-weight:400!important}.MuiTreeItem-label .MuiCheckbox-root{padding:2px}.tree-label{font-size:14px;margin-bottom:2px}.MuiTreeItem-root .MuiCollapse-vertical label{font-weight:400!important;position:relative;top:1px}th{background-color:#efefef!important;color:#000!important;font-weight:700!important;line-height:1.3!important;padding:10px 5px!important;vertical-align:bottom}td,th{font-size:13px!important}td{border-bottom:0 solid #e0e0e0!important;line-height:1.2!important;padding:5px!important}td .MuiRadio-root{padding:0}td .MuiChip-root{height:20px}td .MuiChip-root span{font-size:12px!important;font-weight:400}tbody tr:nth-child(2n){background-color:#f9fbfc}.MuiTablePagination-toolbar{font-family:tahoma}.td-link{color:#006bd6!important}.td-link:hover{cursor:pointer;text-decoration:underline}.table-width-content table{min-width:100%;width:-moz-max-content!important;width:max-content!important}.table-page .paper-input{overflow-x:auto}.tb-ReasonManagement td,.tb-ReasonManagement th{padding-left:12px!important;padding-right:12px!important}.paper-input.table-width-content table{width:100%!important}.tb-CustomerrequestLL td{min-width:130px}.tb-LLJobInstall td{min-width:150px}.tb-CustomerLL th:nth-child(2),.tb-CustomerLL th:nth-child(3){width:18%}.tb-CustomerLL th:nth-child(4){width:12%}.tb-CustomerLL th:nth-child(5),.tb-CustomerLL th:nth-child(6){width:10%}.tb-CustomerLL th:nth-child(7){width:5%}.tb-LLCIDPrefix th:first-child,.tb-LLCIDPrefix th:nth-child(2),.tb-LLCIDPrefix th:nth-child(3){width:10%}.tb-LLCIDPrefix th:nth-child(5){width:12%}.tb-LLCIDPrefix th:nth-child(6){width:10%}.tb-LLCIDPrefix th:nth-child(7){width:12%}.tb-LLCIDPrefix th:nth-child(8),.tb-LLCIDPrefix th:nth-child(9){width:10%}.tb-LLPackage th,.tb-LLPackageInstallation th{min-width:130px}.tb-CustomerType th:nth-child(2){width:15%}.tb-CustomerType th:nth-child(3){width:12%}.tb-CustomerType th:nth-child(4){width:15%}.tb-CustomerType th:nth-child(5){width:12%}.tb-CustomerType th:nth-child(6){width:10%}.tb-rolemanagement th:first-child,.tb-rolemanagement th:nth-child(2){width:15%}.tb-rolemanagement th:nth-child(4),.tb-rolemanagement th:nth-child(5){width:10%}.tb-R13-01 .MuiTableContainer-root{max-height:70vh;overflow-x:auto}.tb-R13-01 table{min-width:100%;table-layout:auto;width:-moz-max-content;width:max-content}.tb-R13-01 td,.tb-R13-01 th{white-space:nowrap}.tb-R13-01 th{position:sticky;top:0;vertical-align:middle;z-index:2}.dialog-content,.dialog-content-left{max-height:calc(100vh - 100px);overflow-y:auto;padding:8px}.hidden-scroll::-webkit-scrollbar{display:none}.dialog-content.has-footer{max-height:calc(100vh - 144px)}.MuiDialog-paper.react-draggable{max-width:640px;right:10px;top:75px;z-index:1201!important}.draggable-dialog .dialog-title{border-bottom:1px solid #e1e1e1;cursor:move;font-size:16px;padding:10px;z-index:10000}.draggable-dialog.hidden{display:none}.draggable-dialog .dialog-title .MuiSvgIcon-root{vertical-align:middle}.draggable-dialog .MuiDialogContent-root{max-height:calc(100vh - 200px);padding:0!important}.draggable-dialog .MuiDialogContent-root td,.draggable-dialog .MuiDialogContent-root th{font-size:12px!important;line-height:1.3;padding:4px!important;vertical-align:middle}.form-input-dialog{padding-top:8px}.form-input-dialog label{font-size:13px;padding-bottom:4px}.form-submit-dialog{margin-top:24px;text-align:center}.dialog-content-right{background:#e1e1e1}.dialog-content-right .tab-menu{padding-left:4px}.dialog-content-right .tab-menu button.Mui-selected{background-color:#fff}.dialog-content-right .css-rorn0c-MuiTableContainer-root{height:320px}.draggable-dialog button[aria-label=close]{top:4px!important}.modal-inline-search label{margin-bottom:10px;margin-top:4px}.modal-inline-search .MuiFormControl-root{width:140px}.modal-inline-search button{margin-left:10px}.modal-inline-table{background-color:#f8f9fa;border-radius:8px;margin-left:0;padding:10px;width:100%}.modal-inline-table label{color:#000}.modal-inline-table .MuiGrid-item{padding-left:0}.table-order-odp .MuiPaper-root{border:0 solid rgba(145,158,171,.2);border-radius:0!important;box-shadow:none!important}.table-order-odp .MuiPaper-root td{height:40px!important}.minimize-dialog{bottom:15px;display:inline-grid;position:absolute;right:15px}.minimize-dialog button{margin-top:8px}.nav-tools{border-radius:2px;box-shadow:0 1px 4px -1px rgba(0,0,0,.3)}.nav-tools button{background:#fff;border:0 solid rgba(244,67,54,.5);height:50px;padding:5px}.nav-tools .button-hover,.nav-tools button:hover{background-color:#d3302f!important;border:0 solid rgba(244,67,54,.5);color:#fff!important}.map-container{height:calc(100vh - 64px);margin-top:64px;max-width:100%!important;padding:0!important}.poi-infowindows{padding:20px 20px 10px 10px}.input-search-location{display:flex;left:65px;position:absolute;top:-163px;width:450px}.input-search-location button{height:40px}.input-search-location .MuiInputBase-input{background:#fff;height:8px}body{margin:0}