.button-group--custom a,.button-group--custom button{background-color:#fff;border-color:#4c4e6438;height:40px;color:#4c4e64}.button-group--custom a.active,.button-group--custom button.active{color:#fff!important;background-color:#246d6a80!important;font-weight:700}.button-group--custom a.active>a,.button-group--custom button.active>a{color:#fff}.button-group--custom a.bold,.button-group--custom button.bold{font-weight:700}.water-usage-readings-table{border:1px solid #ccc;width:100%}.water-usage-readings-table .table-header-row{background-color:#f9f9f9}.water-usage-readings-table .table-cell{border:1px solid #ccc;padding:8px;text-align:center!important}.water-usage-readings-table .table-header-cell{border:1px solid #ccc;padding:8px;font-weight:700;text-align:center!important}.water-usage-readings-table .table-cell-date{min-width:120px}.water-usage-readings-table .table-cell-meter-point,.water-usage-readings-table .table-cell-remarks{min-width:100px}.water-usage-readings-table .input-field .MuiOutlinedInput-root.Mui-disabled{background-color:#f5f5f5}.water-usage-readings-table .input-field .MuiInputBase-input{font-size:.875rem;text-align:center}.datepicker-custom{font-size:16px;font-weight:400;line-height:24px;text-align:left}.datepicker-custom:not(.large) .MuiInputLabel-root[data-shrink=false]{top:-5px}.separator{font-size:16px;font-weight:400;line-height:24px}.equipment-master-select .items{background:#fff;padding:16px 32px 16px 16px;border-radius:4px;border:1px solid rgba(76,78,100,.22);color:#4c4e64ad}.equipment-master-select .checkbox.MuiCheckbox-root{color:#4c4e64ad;max-width:38px;max-height:38px}.equipment-master-select .labels{margin-left:16px;margin-right:32px}.equipment-master-select .info{overflow:hidden}.equipment-master-select .info .link a{color:#246d6a;text-decoration:none;font-weight:500;font-style:medium}.equipment-master-detail-table{border:1px solid rgba(76,78,100,.22);border-collapse:collapse;table-layout:fixed;width:max-content}.equipment-master-detail-table>thead>tr>th{padding:21px;background-color:#f5f5f7;white-space:nowrap;border-right:1px solid rgba(76,78,100,.22);color:#4c4e64}.equipment-master-detail-table>thead>tr>th:first-child{border-left:1px solid rgba(76,78,100,.22)}.equipment-master-detail-table>tbody>tr>td{padding:18px;border-right:1px solid rgba(76,78,100,.22);border-top:1px solid rgba(76,78,100,.22)}.equipment-master-detail-table>tbody>tr>td:first-child{border-left:1px solid rgba(76,78,100,.22)}.equipment-master-detail-table>tbody>tr>td.editable-cell{padding:8px}.equipment-master-detail-table>tbody>tr>td.editable-cell .MuiInputBase-root.MuiOutlinedInput-root{font-size:14px}.table-scroll{max-height:400px;overflow:auto}.update-history-detail-table{table-layout:fixed;border-collapse:separate;border-spacing:0}.update-history-detail-table>thead th,.update-history-detail-table>tbody td{padding:21px;font-size:14px;line-height:20px;border-right:1px solid rgba(76,78,100,.22);border-bottom:1px solid rgba(76,78,100,.22)}.update-history-detail-table>thead th.isChanged,.update-history-detail-table>tbody td.isChanged{color:#ff4d49}.update-history-detail-table>thead th:first-child,.update-history-detail-table>tbody td:first-child{border-left:1px solid rgba(76,78,100,.22);width:120px;min-width:120px;max-width:120px}.update-history-detail-table>tbody>tr>td:first-child.guide-col{min-width:130px}.update-history-detail-table>thead th{white-space:nowrap;background:#f5f5f7;color:#4c4e64;border-top:1px solid rgba(76,78,100,.22)}.update-history-detail-table>tbody td.inactive{background:#f5f5f7}.update-history-detail-table .guide-col{background:#f5f5f7;text-align:left;padding:11px 8px}.update-history-detail-table>thead th[class*=col-annual_qty],.update-history-detail-table>tbody td[class*=col-annual_qty]{width:55px;min-width:55px;max-width:55px;white-space:nowrap}.update-history-detail-table>thead th.col-order,.update-history-detail-table>tbody td.col-order{width:65px;min-width:65px;max-width:65px;white-space:nowrap}.update-history-detail-table>thead th.col-year,.update-history-detail-table>tbody td.col-year{width:65px;min-width:65px;max-width:65px;white-space:nowrap}.update-history-detail-table>thead th.col-quantity,.update-history-detail-table>tbody td.col-quantity{width:70px;min-width:70px;max-width:70px;white-space:nowrap}.update-history-detail-table>thead th.col-unit,.update-history-detail-table>tbody td.col-unit{width:60px;min-width:60px;max-width:60px;white-space:nowrap}.update-history-detail-table>thead th.col-contract_price,.update-history-detail-table>tbody td.col-contract_price{width:100px;min-width:100px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-history-detail-table>thead th.col-frequency_qty,.update-history-detail-table>tbody td.col-frequency_qty{width:60px;min-width:60px;max-width:60px;white-space:nowrap}.update-history-detail-table>thead th.col-frequency_unit,.update-history-detail-table>tbody td.col-frequency_unit{width:90px;min-width:90px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-history-detail-table>thead th.col-total_price,.update-history-detail-table>tbody td.col-total_price{width:100px;min-width:100px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-history-detail-table>thead th[class*=col-day_],.update-history-detail-table>tbody td[class*=col-day_]{width:34px;min-width:34px;max-width:34px;white-space:nowrap}.update-history-detail-table>thead th.col-breakdown,.update-history-detail-table>tbody td.col-breakdown{width:80px;min-width:80px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-history-detail-table>thead th:not(:first-child,[class*=col-annual_qty],[class*=col-day_],.col-order,.col-year,.col-quantity,.col-unit,.col-contract_price,.col-frequency_qty,.col-frequency_unit,.col-total_price,.col-breakdown),.update-history-detail-table>tbody td:not(:first-child,[class*=col-annual_qty],[class*=col-day_],.col-order,.col-year,.col-quantity,.col-unit,.col-contract_price,.col-frequency_qty,.col-frequency_unit,.col-total_price,.col-breakdown){width:250px;min-width:250px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--body-bg: #f9f9f9;--primary-color: #246d6a;--primary-alt-light: #659794;--secondary-color: #6d788d;--error-color: #ff4d49;--gray-primary: #4c4e64;--white: #fff;--text-gray-disabled: rgba(76, 78, 100, .38);--text-gray-secondary: rgba(76, 78, 100, .68);--border-gray: rgba(76, 78, 100, .22);--divider-gray: rgba(76, 78, 100, .12);--overlay-gray: rgba(76, 78, 100, .5);--primary-outlined-hover-bg: rgba(36, 109, 106, .05);--primary-outlined-resting-bg: rgba(36, 109, 106, .5);--primary-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #216360;--primary-custom-bg-2: linear-gradient(0deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .96)), #216360;--secondary-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #6d788d;--success-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #72e128;--error-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #ff4d49;--warning-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #fdb528;--info-custom-bg: linear-gradient(0deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), #26c6f9;--success-alt-dark: #64c623;--info-alt-dark: #21aedb;--warning-alt-dark: #df9f23;--error-alt-dark: #e04440}.equipment-master-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 2px 10px #4c4e6438;border-radius:10px;overflow:auto;scrollbar-width:none;padding:58px 28px}.equipment-master-modal .modal-text{color:#454545}.equipment-master-modal .modal-title{margin-bottom:8px}.equipment-master-modal .action-buttons{margin-top:0!important}.equipment-master-modal .action-buttons .action-button{width:188px;height:42px;padding:8px 26px}.upload-modal{top:23.6344537815%;transform:translate(-50%)}.upload-modal .drag-or-select-file-upload .MuiBox-root{padding:32px 14.98px 25.22px;border-radius:4px;background:linear-gradient(0deg,#fffffff5,#fffffff5),#216360;position:relative}.upload-modal .drag-or-select-file-upload .MuiBox-root:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:repeating-linear-gradient(to right,rgba(36,109,106,.5) 0,rgba(36,109,106,.5) 5px,transparent 5px,transparent 10px) 0 0/10px 1px,repeating-linear-gradient(to bottom,rgba(36,109,106,.5) 0,rgba(36,109,106,.5) 5px,transparent 5px,transparent 10px) 0 0/1px 10px,repeating-linear-gradient(to right,rgba(36,109,106,.5) 0,rgba(36,109,106,.5) 5px,transparent 5px,transparent 10px) 0 100%/10px 1px,repeating-linear-gradient(to bottom,rgba(36,109,106,.5) 0,rgba(36,109,106,.5) 5px,transparent 5px,transparent 10px) 100% 0/1px 10px;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-position:0 0,0 0,0 100%,100% 0;border-radius:4px;z-index:-1}.upload-modal .drag-or-select-file-upload p.MuiTypography-root{margin-top:0}.upload-modal .drag-or-select-file-upload button.MuiButtonBase-root{height:30px}.loading-modal{width:448px;top:40%}.loading-modal .circular-progress-container{position:relative;display:inline-block;margin-bottom:16px}.loading-modal .circular-progress-container .circular-progress-background{position:absolute;top:0;left:0;color:#e0e0e0!important}.loading-modal .circular-progress-container .circular-progress-foreground{position:relative;color:#00695c!important}.confirmation-modal{height:808px;width:1312px;max-width:1312px;max-height:90vh}.confirmation-modal .modal-title{margin-bottom:0;line-height:38px;height:38px}.confirmation-modal .equipment-master-modal-table{position:relative;border-collapse:separate;border-spacing:0;background-color:#fff;width:100%}.confirmation-modal .equipment-master-modal-table th,.confirmation-modal .equipment-master-modal-table td{white-space:nowrap;border-right:1px solid rgba(76,78,100,.22);border-bottom:1px solid rgba(76,78,100,.22)}.confirmation-modal .equipment-master-modal-table th:first-child,.confirmation-modal .equipment-master-modal-table td:first-child{border-left:1px solid rgba(76,78,100,.22)}.confirmation-modal .equipment-master-modal-table>thead{position:sticky;top:0;z-index:1}.confirmation-modal .equipment-master-modal-table>thead th{background-color:#f5f5f7;padding:21px 16px;text-align:center;border-top:1px solid rgba(76,78,100,.22)}.confirmation-modal .equipment-master-modal-table>thead th.freeze{position:sticky;left:0;width:130px;z-index:3;text-align:left}.confirmation-modal .equipment-master-modal-table tbody>tr td{background-color:#fff;padding:13px 8px;height:62px;vertical-align:middle;text-align:center}.confirmation-modal .equipment-master-modal-table tbody>tr td.freeze{position:sticky;left:0;width:130px;z-index:2;background-color:#f5f5f7!important;text-align:left}.confirmation-modal .equipment-master-modal-table tbody>tr td:nth-child(n+2){min-width:160px}.confirmation-modal .equipment-master-modal-table>thead>tr>th:first-child,.confirmation-modal .equipment-master-modal-table>tbody>tr td:first-child{min-width:130px;max-width:130px;white-space:pre-wrap}.confirmation-modal .equipment-master-modal-table-container{max-height:400px;overflow-y:auto}.field-edit-highlight{position:relative;background-color:#fffde7;border-radius:4px}.field-edit-highlight .MuiInputBase-root{background-color:#fffde7}.field-edit-highlight .MuiToggleButton-root:not(.Mui-selected){background-color:#fff9c4}.field-edit-highlight-icon{position:absolute;top:-6px;right:-6px;font-size:14px;color:#ef6c00;pointer-events:auto}