@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:#f3f9fe!important;margin:0;padding:0}.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}.MuiSelect-select{height:1.4375em!important}.MuiButtonBase-root{text-transform:none!important}label{font-weight:700!important}a{color:#006bd6!important}.MuiFormHelperText-root{margin-top:0!important}.MuiFormHelperText-root.Mui-error{align-items:center!important;display:flex!important;font-family:tahoma;margin: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-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled{-webkit-text-fill-color:#000}input[type=text]:disabled{background-color:#00000014}.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-image:url(/login/Horizontalbackground.png);background-position:50%;background-size:cover;height:100vh!important;max-width:none!important;overflow:auto;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;left:50%;margin:0;max-width:700px;padding:40px 100px 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-box,.paper-login{border-radius:16px;box-shadow:0 7px 29px 0 rgba(99,99,110,.2)}.paper-login{padding:40px}.login-logo{height:120px}.login-copyright{color:#fff}.paper-box label{font-size:14px;font-weight:400!important}.paper-login .label-title{background:-webkit-linear-gradient(1turn,#2af9d1 7.15%,#3adfec 56.36%,#42c0f4 94.43%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:35px;font-weight:700}.paper-login .MuiIconButton-root{color:#3adfec!important}.paper-login .MuiButton-root.btn-forget,.paper-login .MuiButton-root.btn-signup{color:#636363!important}.paper-login .MuiButton-root.btn-forget:hover{background:transparent!important}.paper-login .MuiButton-root.btn-signup:hover{background:transparent!important;text-decoration:underline}.paper-login .MuiButton-root.btn-forget{margin-bottom:15px!important}.table-box{padding:0 20px}.table-toolbar{padding:15px 0!important}.table-toolbar .MuiFormControl-root{margin-right:10px}.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:13px}.card-form h6{color:#212b36;font-size:1.125rem!important;font-weight:700!important;line-height:1.55556}.MuiSelect-select.Mui-disabled{background-color:#00000014}.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>.MuiBox-root{border-color:#f4f6f8!important}.page-container{margin-top:100px}.page-title{color:#3adfec;display:inline-block;font-size:32px!important;font-weight:700!important;padding:20px;position:absolute;top:20px;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-weight:400!important;position:relative;top:7px}.box-remark{background-color:#fff6aa;border-radius:8px;margin-top:15px!important;padding:15px 20px 20px}.box-remark input{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}.MuiCard-root{border-radius:10px!important}.MuiCard-root,.page-content-container{box-shadow:0 7px 29px 0 rgba(99,99,110,.2)!important}.page-content-container{background-color:#fff;border-radius:10px;padding:30px 50px!important}.table-default,button{box-shadow:none!important}button{color:#fff!important;font-weight:700!important}.MuiInputBase-root,button{border-radius:10px!important}.MuiButtonBase-root.MuiIconButton-root.icon-default{background:#e8ecef!important;color:#8499b0!important}.MuiButtonBase-root.MuiIconButton-root.icon-delete{color:#e82e2e!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-view{background:#e8ecef!important;color:#3f43da!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-view.Mui-disabled{color:rgba(0,0,0,.26)!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-edit{background:#e8ecef!important;color:#4bd350!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-edit.Mui-disabled{color:rgba(0,0,0,.26)!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-warning{background:#e8ecef!important;color:#f7931e!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-warning.Mui-disabled{color:rgba(0,0,0,.26)!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-delete{background:#e8ecef!important;color:#e82e2e!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-delete.Mui-disabled{color:rgba(0,0,0,.26)!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-default{color:#6b6b6b!important}.MuiButtonBase-root.MuiIconButton-root.icon-table-default.Mui-disabled{color:rgba(0,0,0,.26)!important}.MuiButtonBase-root.MuiButton-root.button-inherit-lw{background:#8499b0!important}.input-login-lw .MuiInputBase-root input,.input-login-lw.MuiInputBase-root input{background-color:#f3f9fe!important;border-radius:8px!important;color:#8f99a3!important}.input-login-lw .MuiInputBase-root fieldset,.input-login-lw.MuiInputBase-root fieldset{border:none!important}.input-general-lw .MuiInputBase-root input,.input-general-lw.MuiInputBase-root .MuiSelect-select,.input-general-lw.MuiInputBase-root input{background-color:#f3f9fe!important;border-radius:10px!important}.input-general-lw .MuiInputBase-root fieldset,.input-general-lw.MuiInputBase-root fieldset{border-color:#dfeaf4!important}.input-general-lw .MuiInputBase-root input.Mui-disabled,.input-general-lw.MuiInputBase-root .MuiSelect-select.Mui-disabled,.input-general-lw.MuiInputBase-root input.Mui-disabled{background-color:#d9d9d9!important;border-radius:10px!important}.input-password-lw.MuiInputBase-root input{background-color:#f3f9fe!important;border:1px solid #dfeaf4!important;border-radius:8px!important;color:#8f99a3!important}.input-password-lw.MuiInputBase-root fieldset{border:none!important}.button-signout-lw{margin:20px auto!important}.menu-list-scroll-y{height:75vh!important;overflow-y:auto!important}.button-clear-search.MuiButtonBase-root.MuiIconButton-root{padding:0!important}.button-clear-search.MuiButtonBase-root.MuiIconButton-root .MuiSvgIcon-root{color:#757575!important}.logo-web{background:linear-gradient(96.47deg,#2af9d1 7.15%,#3adfec 56.36%,#42c0f4 94.43%)!important;-webkit-background-clip:text!important;font-size:55px!important;font-weight:700!important;-webkit-text-fill-color:transparent!important}.MuiFormControlLabel-root.checkbox-lw .MuiTypography-root{font-size:15px!important;font-weight:700!important}.logo-login{background:linear-gradient(96.47deg,#2af9d1 7.15%,#3adfec 56.36%,#42c0f4 94.43%)!important;-webkit-background-clip:text!important;font-size:100px!important;font-weight:700!important;-webkit-text-fill-color:transparent!important;padding:80px!important;text-align:center!important}a.MuiLink-root.button-back-lw{align-items:center!important;color:#8499b0!important;display:flex!important;margin-bottom:15px!important;text-decoration:none!important}a.MuiLink-root.button-back-lw svg{font-size:15px!important}button.button-back-lw{align-items:center!important;color:#8499b0!important;display:flex!important;font-size:16px;font-weight:100!important;margin-bottom:15px!important;text-decoration:none!important}button.button-back-lw svg{font-size:15px!important}.title-page{color:#3adfec!important;font-weight:700!important;margin-bottom:20px!important}.card-form-user-lw{height:100%!important;padding:80px 150px 30px!important}.card-form-config-lw,.card-form-meter-lw{height:100%!important;padding:50px 50px 30px!important}.card-form-job-lw{height:100%!important;padding:80px 150px 30px!important}.card-form-user-profile-lw{height:100%!important;padding:100px 180px 30px!important}.unit-form-lw{font-weight:700!important}.select-unit-form-job,.unit-form-lw{align-items:center!important;display:flex!important}.select-job-validate.MuiInputBase-root.Mui-error{margin-top:25px!important}.button-image-form-meter{background-color:#f3f9fe!important;border:1px solid #dfeaf4!important;border-radius:8px!important;color:#b3b7bb!important;font-weight:100!important}.input-general-lw .MuiSelect-icon,.input-general-lw .MuiSelect-select{color:#b3b7bb!important}.label-input-lw.MuiTypography-root{font-weight:700!important}.divider-vertical-lw.MuiDivider-root{background-color:#dfeaf4!important;border-right-width:2px!important;margin-right:-2px!important}.switch-general-lw.MuiSwitch-root{border-radius:16px!important;height:20px!important;margin:8px!important;padding:0!important;width:38px!important}.switch-general-lw.MuiSwitch-root .MuiSwitch-switchBase{margin:2px!important;padding:0!important;transition-duration:.3s!important}.switch-general-lw.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:#fff!important;transform:translateX(18px)!important}.switch-general-lw.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#65c466!important;border:0!important;opacity:1!important}.switch-general-lw.MuiSwitch-root .MuiSwitch-thumb{box-sizing:border-box!important;height:16px!important;width:16px!important}.switch-general-lw.MuiSwitch-root .MuiSwitch-track{background-color:#e9e9ea!important;border-radius:13px!important;opacity:1!important;transition:background-color .5s cubic-bezier(.4,0,.2,1) 0ms!important}.switch-general-lw.MuiSwitch-root .MuiSwitch-track:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 24 24"><path fill="rgba(0%2C%200%2C%200%2C%200.87)" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg>');content:""!important;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(284deg) brightness(108%) contrast(101%)!important;height:14px!important;left:3px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:14px!important}.div-meter-id-lw{padding:0 45px 20px!important}.div-meter-id-lw .label-meter-id{color:#8499b0!important;margin-right:15px!important}.div-meter-id-lw .input-general-lw.MuiInputBase-root .MuiSelect-select{background-color:#fff!important;border-radius:8px!important;width:150px!important}.div-transaction-fee-config{align-items:center!important;display:flex!important;justify-content:center!important}.div-transaction-fee-config span.font-weight-bold{font-size:15px!important;font-weight:700!important}.div-transaction-fee-config .input-general-lw.MuiFormControl-root.MuiTextField-root{margin:0 5px!important}.div-transaction-fee-config .input-general-lw .MuiInputBase-root .MuiInputBase-input{width:40px!important}.chip-daily-job-lw.MuiChip-root{background-color:#f3f9fe!important;border:1px solid #dfeaf4!important;border-radius:50%!important;cursor:pointer!important;height:35px!important;margin-right:10px!important;width:35px!important}.chip-daily-job-lw.MuiChip-root:hover,.chip-daily-job-lw.active{background-color:#3adfec!important;transition:background-color .8s ease-out}.chip-daily-job-lw.MuiChip-root .MuiChip-label{align-items:center!important;display:flex!important;font-size:14px!important;font-weight:500!important;justify-content:center!important;text-overflow:inherit!important}.chip-daily-job-lw.MuiChip-root:hover .MuiChip-label,.chip-daily-job-lw.active .MuiChip-label{color:#fff!important}.btn-cancel-lw{background-color:#c8d5e2!important}.btn-cancel-lw:hover{background-color:#6f6f6f!important}.display-img-user-profile{border:1px solid #dfeaf4!important;display:flex!important;justify-content:center!important;padding:20px 20px 0!important}.button-new-image-meter,.display-img-user-profile{background-color:#f3f9fe!important;border-radius:8px!important}.button-new-image-meter{color:#b3b7bb!important;font-weight:100!important}.button-close-alert-confirm.MuiIconButton-root{position:absolute!important;right:0!important}.button-close-alert-confirm svg{color:#9d9d9d!important}@media only screen and (max-width:768px){.login-warpper{background-image:url(/login/Verticalbackground.png)}}@media only screen and (max-width:1024px){.logo-login{font-size:80px!important}.card-form-user-lw{height:100%!important;padding:80px 50px 30px!important}.card-form-meter-lw{height:100%!important;padding:50px 50px 30px!important}.card-form-job-lw{height:100%!important;padding:80px 50px 30px!important}.card-form-user-profile-lw{height:100%!important;padding:100px 80px 30px!important}}pre.show-detail-log{border:1px solid red;margin:0!important;padding:10px!important}.MuiToolbar-root .MuiTablePagination-actions .MuiButtonBase-root{color:#b9b9b9!important}.MuiToolbar-root .MuiTablePagination-actions .MuiButtonBase-root.Mui-disabled{color:#e7e7e7!important}.dashboard-card{margin:10px 10px 0;min-height:220px}.dashboard-card .MuiCardContent-root{padding:10px 15px!important}.dashboard-card-number{margin:10px 10px 0;min-height:220px}.dashboard-card-number .MuiCardContent-root{padding:10px 15px!important}.dashboard-chart-title{justify-content:space-between;min-height:40px!important;padding:0 10px!important}.dashboard-chart-title .MuiTypography-root{font-size:16px;font-weight:700;min-height:40px}.dashboard-card-number-title{display:flex;height:40px;justify-content:center;text-align:center}.dashboard-card-number-title .MuiTypography-root{font-size:16px;font-weight:700}.dashboard-card-number-value{align-items:center;display:flex;height:130px;justify-content:center;text-align:center}.dashboard-card-number-value .MuiTypography-root{color:#3adfec;font-size:40px;font-weight:700}.dashboard-card-number-unit{text-align:center}.dashboard-card-number-unit .MuiTypography-root{font-size:16px;font-weight:400}.dashboard-card-title{min-height:40px!important;padding:0 10px!important}.dashboard-card-title .MuiTypography-root{font-size:16px;font-weight:700}.label-meter-id{color:#8499b0;font-size:14px;font-weight:700}.warpper-title{font-size:16px!important;font-weight:700!important}.meter-detail-info{background-color:#f8fcfc;padding:15px}.meter-detail-info .MuiGrid-container{padding:0 0 0 20px}.meter-detail-info .MuiGrid-container p{color:#666;font-size:14px!important}.warpper-title-pad{padding:0 10px!important}.meter-detail-card-number .dashboard-card-number{margin:0 15px 15px;min-height:150px}.meter-detail-card-number .dashboard-card-number-value{height:60px}.MuiPickersMonth-monthButton{color:#ccc!important}.MuiPickersMonth-monthButton.Mui-selected{color:#fff!important}.MuiDrawer-docked{width:150px!important}header .MuiToolbar-root{justify-content:end}.register-warpper .register-wrapper-btn{padding-bottom:150px!important}@media (max-width:768px){.logo-login{font-size:36px!important;padding:40px 40px 20px!important}.register-warpper>.MuiGrid-root{padding:16px!important}.MuiDrawer-root{height:100vh;overflow-y:auto;position:fixed;z-index:1001}.nav-bar{width:100%!important}.nav-bar:before{display:none!important}.page-title{font-size:24px!important;margin-top:36px;padding:10px!important}.page-content-container{padding:15px!important}td button:first-child{margin:0!important}main.MuiBox-root{width:100%}.dashboard-chart-title .MuiTypography-root{font-size:14px!important}.dashboard-card-number-value{height:80px}.dashboard-card-number{min-height:150px}.dashboard-card-number-title{height:30px}.MuiDrawer-docked.collapse{display:none}header .MuiToolbar-root{justify-content:end;padding-right:15px}.MuiToolbar-root{min-height:56px!important}.menu-list-scroll-y img{height:30px;width:30px}.menu-list-scroll-y .MuiListItemIcon-root svg{font-size:40px!important}.btn-collapse{background:#2af9d1;left:20px;position:absolute!important}.MuiDrawer-root .MuiDrawer-paperAnchorLeft{height:calc(100vh - 56px);overflow-y:scroll;top:56px}.page-side-menu .MuiListItemButton-root{margin:0!important}}@media (max-width:480px){body{font-size:12px}.container{padding:5px}.logo-login{font-size:36px!important}.page-container{height:calc(100vh - 55px);margin-top:56px!important;overflow-y:scroll;padding-bottom:20px}.page-container .page-content-container .MuiGrid-item{flex-basis:100%!important;max-width:100%!important}.page-container.sub-page{margin-top:80px!important}.login-box{padding:20px 40px;width:80%}.card-form-config-lw .MuiDivider-root,.card-form-job-lw .MuiDivider-root,.card-form-user-lw .MuiDivider-root,.card-form-user-profile-lw .MuiDivider-root{display:none!important}.card-form-config-lw .MuiGrid-item,.card-form-user-lw .MuiGrid-item,.card-form-user-profile-lw .MuiGrid-item,.db-card .MuiGrid-item,.meter-detail-card-number.MuiGrid-item{flex-basis:100%!important;max-width:100%!important}.card-form-config-lw,.card-form-job-lw,.card-form-user-lw,.card-form-user-profile-lw{padding:30px 15px!important}.card-form-user-profile-lw .MuiGrid-item{padding-right:0}.page-title,.title-page{font-size:24px!important;margin-top:0;position:static!important}.MuiToolbar-gutters{flex-wrap:wrap!important}.nav-user .t-lastname,.nav-user .t-welcome{display:none}.meter-detail-info .MuiGrid-container{padding:0!important}.sub-page .MuiPaper-root{height:auto}.menu-list-scroll-y{height:calc(100vh - 230px)!important;overflow-y:auto!important}.div-meter-id-lw{padding:0 10px 20px!important}.register-warpper .register-wrapper-btn{padding-bottom:150px!important}.MuiCardContent-root .MuiToolbar-gutters{padding:15px 0}.MuiCardContent-root .MuiAutocomplete-root{margin:0;padding:15px 0!important;width:100%}.toolbar-header-page .input-search-bar{margin:0!important;padding-bottom:10px!important;width:100%!important}.MuiCardActions-root{padding:0 40px 40px!important}.register-warpper .paper-login{border-radius:16px 16px 0 0!important;box-shadow:none!important}.register-warpper .paper-login.login-info{border-radius:0 0 16px 16px!important;box-shadow:none!important}.register-warpper>.MuiGrid-root{padding:0 15px!important}th[aria-sort=ascending],th[aria-sort=descending]{min-width:150px}.register-warpper>.MuiGrid-root.register-wrapper-btn{padding-bottom:150px!important}}@media only screen and (max-width:768px) and (min-width:481px){body{font-size:14px}.MuiToolbar-root{align-items:center;justify-content:end;min-height:56px}header{width:calc(100% - 150px)!important}.nav-bar:before{display:none}.container{padding:10px}.page-container .MuiGrid-container .MuiGrid-grid-xs-3{flex-basis:50%!important;max-width:50%!important}.card-form-config-lw .MuiDivider-root,.card-form-user-lw .MuiDivider-root{display:none!important}.card-form-config-lw,.card-form-user-lw{padding:30px 60px!important}.page-title,.title-page{font-size:24px!important;position:static}.page-container{margin-top:56px;padding-bottom:20px}.page-content-container .input-search-bar{max-width:200px}.page-content-container{padding:15px 25px!important}.page-container .page-content-container .MuiGrid-item{flex-basis:100%!important;max-width:100%!important}.card-form-config-lw .MuiDivider-root,.card-form-job-lw .MuiDivider-root,.card-form-user-lw .MuiDivider-root,.card-form-user-profile-lw .MuiDivider-root{display:none!important}.card-form-config-lw .MuiGrid-item,.card-form-user-lw .MuiGrid-item,.card-form-user-profile-lw .MuiGrid-item,.db-card .MuiGrid-item,.meter-detail-card-number.MuiGrid-item{flex-basis:100%!important;max-width:100%!important}.page-container.sub-page{margin-bottom:0;margin-top:56px!important;padding-bottom:20px;padding-top:15px}.dashboard-card-number{min-height:170px}.dashboard-card-number-value{height:75px}.dashboard-card-number-value .MuiTypography-root{font-size:30px}.div-meter-id-lw{padding:0 10px 20px!important}.register-warpper .register-wrapper-btn{padding-bottom:150px!important}.MuiCardContent-root .MuiToolbar-gutters{padding:15px 0}.MuiCardContent-root .MuiAutocomplete-root{margin:0;padding:15px 0!important;width:100%}th[aria-sort=ascending],th[aria-sort=descending]{min-width:150px}}@media (min-width:769px){.nav-bar{width:-moz-fit-content!important;width:fit-content!important}}@media (max-width:1023px){.menu-list-scroll-y img{height:30px;width:30px}.menu-list-scroll-y .MuiListItemIcon-root svg{font-size:40px!important}}.MuiAppBar-root{box-shadow:none!important}.nav-bar{background:linear-gradient(96.47deg,#2af9d1 7.15%,#3adfec 56.36%,#42c0f4 94.43%);color:#fff!important;position:fixed;right:0;top:0;width:-moz-fit-content;width:fit-content}.profile-character{font-size:14px!important;text-transform:uppercase}.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)!important;color:#fff!important}.MuiDrawer-paper{background:#fff!important;border-right:0 solid #f0f0f0!important;box-shadow:0 7px 29px 0 rgba(99,99,110,.2)!important;width:150px!important}.side-menu-label span{font-size:14px!important}.side-menu-label{opacity:1!important}.side-menu-li .MuiListItemIcon-root{min-width:auto;width:auto}.page-side-menu .MuiListSubheader-root{background-color:transparent!important;color:#fafafb;height:36px}.page-side-menu .MuiListItemButton-root.Mui-selected{background:linear-gradient(96.47deg,#2af9d1 7.15%,#3adfec 56.36%,#42c0f4 94.43%);color:#fff!important}.page-side-menu .MuiListItemButton-root.Mui-selected svg{color:#fff!important}.page-side-menu .MuiListItemButton-root{color:#8499b0!important;display:block;margin:10px 0 0;text-align:center}.page-side-menu .MuiListItemButton-root svg{color:#8499b0!important;font-size:50px}.page-side-menu .MuiListItemButton-root:hover{background:linear-gradient(96.47deg,#2af9d1 7.15%,#3adfec 56.36%,#42c0f4 94.43%);color:#fff!important}.page-side-menu .MuiListItemButton-root:hover svg{color:#fff!important}.nav-user .MuiTypography-root{font-size:14px!important;font-weight:700;padding:13px}.nav-user .branchLabel{font-size:12px!important;margin-top:-20px}.nav-user .MuiAvatar-root{background-color:#3ae1ea;font-size:14px;font-weight:700;height:40px;padding:5px;top:-4px;width:40px}.nav-bar:before{background:linear-gradient(to bottom left,#45f9d1 50%,transparent 0);border-radius:0;content:"";height:64px;left:-30px;position:absolute;top:0;transform:rotate(180deg) scaleX(-1);width:30px}.page-side-menu .MuiListItemButton-root.Mui-selected img,.page-side-menu .MuiListItemButton-root:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(271deg) brightness(104%) contrast(102%)}th{background-color:#f3f9fe!important;border-bottom:0 solid #d2d2d7!important;color:#000!important;font-weight:700!important;line-height:1.3;padding:10px 5px!important;vertical-align:bottom}td,th{font-size:13px!important}td{border-bottom:0 solid #e0e0e0!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}td:last-child button:first-child{margin:0}table.table-border-lw{border:1px solid #b9b9b9!important;border-collapse:collapse}table.table-border-lw td,table.table-border-lw th{border:1px solid #b9b9b9!important}.MuiTableSortLabel-root{display:table!important;width:100%!important}.MuiTableSortLabel-icon{position:absolute!important;right:0!important}.input-date-general-lw .MuiInputBase-root{background-color:#f3f9fe!important}.input-date-general-lw .MuiInputBase-root input{color:#b3b7bb!important}.input-date-general-lw .MuiInputBase-root fieldset{border-color:#dfeaf4!important}.input-date-general-lw .MuiInputBase-root .MuiSvgIcon-root{color:#a4c4e1!important}.input-date-general-lw .MuiInputBase-root button.MuiButtonBase-root.MuiIconButton-root:hover{background-color:transparent!important}.MuiDateCalendar-root .MuiButtonBase-root,.MuiDateCalendar-root .MuiYearCalendar-root .MuiPickersYear-yearButton{color:#555!important}.MuiDateCalendar-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected,.MuiDateCalendar-root .MuiYearCalendar-root .MuiPickersYear-yearButton.Mui-selected{background-color:#3adfec!important;color:#fff!important;font-weight:700!important}.MuiDateCalendar-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected:hover,.MuiDateCalendar-root .MuiYearCalendar-root .MuiPickersYear-yearButton.Mui-selected:hover{background-color:#00ecff80!important}.MuiDateCalendar-root .MuiButtonBase-root.MuiPickersDay-root:hover,.MuiDateCalendar-root .MuiYearCalendar-root .MuiPickersYear-yearButton:hover{background-color:#00ecff33!important}.MuiDateCalendar-root .MuiPickersDay-root.Mui-disabled{color:#ccc!important}