@charset "UTF-8";:root {--q-primary:#00755E;--q-secondary:#00755E;--q-accent:#E87500;--q-positive:#2E7B32;--q-negative:#D32F2F;--q-warning:#BF5900;--global-primary-color:var(--q-primary);--global-secondary-color:var(--q-secondary);--global-tertiary-color:var(--q-accent);--white-12-on-global-primary-color:#3D9685;--global-primary-color-12:#E0EEEB;--global-primary-color-70:#7FB9AE;--white-12-on-global-secondary-color:	#3D9685;--global-secondary-color-12:#E0EEEB;--global-secondary-color-70:#7FB9AE;--global-font-title:"Geogrotesque", Helvetica, Arial, sans-serif;--global-font-content:"Geogrotesque", Helvetica, Arial, sans-serif;--global-text-font:var(--global-font-content);--global-text-font-size:17px;--global-text-font-weight:300;--global-text-font-color:#000;--global-text-font-secondary-color:#707070;--global-caption-font-size:0.813rem;--global-h1-font:var(--global-font-title);--global-h1-font-size:32px;--global-h1-font-color:var(--global-text-font-color);--global-h1-font-weight:500;--global-h1-margin-bottom:1rem;--global-h2-font:var(--global-font-title);--global-h2-font-size:1.875rem;--global-h2-font-color:var(--global-text-font-color);--global-h2-font-weight:500;--global-h2-margin-bottom:1rem;--global-h3-font:var(--global-font-title);--global-h3-font-size:1.625rem;--global-h3-font-color:var(--global-text-font-color);--global-h3-font-weight:500;--global-h4-font:var(--global-font-title);--global-h4-font-size:1.5rem;--global-h4-font-color:var(--global-text-font-color);--global-h4-font-weight:500;--global-h4-margin-bottom:1rem;--global-header-background:#fff;--global-main-content-background:#fff;--global-content-background:#fff;--global-page-background:#fff;--global-content-shadow:0px 2px 6px 2px rgba(0, 0, 0, 0.16), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);--global-footer-background:#4A5565;--global-footer-font-color:#fff;--global-border:1px solid #E5E7EB;--global-border-radius:24px;--global-divider-color:#ccc;--global-disabled-color:#bbb;--global-background-darker:#F3F4F6;--global-background-important:#F3F4F6;--global-focus-visible-outline:2px solid #000;--global-focus-visible-box-shadow:0 0 0 4px #fff;--global-content-max-width:1200px;--global-content-frame-width:calc(1200px + 2 * 20px);--global-content-gutter:20px;--header-border-bottom:0;--header-shadow:0 2px 3px rgb(0 0 0 / 3%);--header-min-height:83px;--header-logo-width:229px;--header-logo-height:43px;--button-font:var(--global-font-content);--button-font-size:14px;--button-font-weight:500;--button-letter-spacing:.1em;--button-text-transform:none;--button-border-radius:12px;--button-transition:.3s ease-in-out 0s;--button-padding:12px 16px;--button-min-height:48px;--button-primary-font-color:#fff;--button-primary-font-color-hover:#fff;--button-primary-font-color-disabled:	#fff;--button-primary-background:var(--global-secondary-color);--button-primary-background-hover:var(--white-12-on-global-secondary-color);--button-primary-background-disabled:	var(--global-primary-color-70);--button-primary-border:1px solid var(--global-secondary-color);--button-primary-border-hover:1px solid var(--white-12-on-global-secondary-color);--button-primary-border-disabled:1px solid var(--global-primary-color-70);--button-primary-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.20);--button-primary-shadow-hover:0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.20);--button-secondary-font-color:var(--global-secondary-color);--button-secondary-font-color-hover:	var(--global-secondary-color);--button-secondary-background:#fff;--button-secondary-background-hover:	var(--global-secondary-color-12);--button-secondary-border:1px solid var(--global-secondary-color);--button-secondary-border-hover:1px solid var(--global-secondary-color);--anchor-color:var(--global-secondary-color);--anchor-text-decoration:underline;--anchor-color-hover:var(--white-12-on-global-secondary-color);--anchor-text-decoration-hover:underline;--input-field-padding:14px 10px;--input-field-selectbox-padding:13px 10px;--input-field-background:#fff;--input-field-background-hover:#fff;--input-field-background-disabled:#eee;--input-field-border:1px solid #9b9b9b;--input-field-border-hover:1px solid var(--global-text-font-color);--input-field-border-disabled:1px solid transparent;--input-field-border-radius:var(--global-border-radius);--input-field-font-family:var(--global-font-content);--input-field-font-size:.875rem;--input-field-font-color:var(--global-text-font-color);--input-field-font-color-disabled:#666;--input-field-box-shadow-disabled:inset 0 1px 1px #eee;--card-border:0;--card-border-radius:var(--global-border-radius);--card-box-shadow:var(--global-content-shadow);--card-padding:1.5rem;--card-vertical-gap:20px;--card-horizontal-gap:1.25rem;--table-background-color:#fff;--table-header-background-color:#F4F4F4;--table-header-color:var(--global-text-font-color);--table-input-padding:7px 5px;--table-input-height:38px;--table-cell-divider:1px solid var(--global-divider-color);--table-content-highlight:var(--global-secondary-color-12);--messagebox-title-background-color:	var(--global-primary-color);--messagebox-title-color:#fff;--energy-electricity-color:var(--global-primary-color);--energy-gas-color:var(--global-primary-color);--energy-water-color:var(--global-primary-color);--energy-wastewater-color:var(--global-primary-color);--energy-heat-color:var(--global-primary-color);--energy-other-color:var(--global-primary-color);
}@font-face {font-family: 'Geogrotesque';font-style: normal;font-weight: 300;font-display: swap;src: local('Geogrotesque Light'),url('fonts_bk/geogrotesquelight.woff') format('woff'),url('fonts_bk/geogrotesquelight.ttf') format('truetype');
}@font-face {font-family: 'Geogrotesque';font-style: normal;font-weight: 500;font-display: swap;src: local('Geogrotesque SemiBold'),url('fonts_bk/geogrotesquesemibold.woff') format('woff'),url('fonts_bk/geogrotesquesemibold.ttf') format('truetype');
}html {font-size: 16px;
}html,
body {background-color: var(--global-page-background);-webkit-font-smoothing: antialiased;
}body {font-family: var(--global-text-font);font-size: var(--global-text-font-size);font-weight: var(--global-text-font-weight);line-height: 1.4;letter-spacing: .025em;color: var(--global-text-font-color);
}#mainframe {display: flex;flex-direction: column;width: 100%;max-width: none;min-height: 100%;margin: 0;background-color: var(--global-page-background);box-shadow: none;
}#mainframe h1,
#mainframe h2,
#mainframe h3,
#mainframe h4 {font-family: var(--global-font-title);font-weight: var(--global-h1-font-weight);color: var(--global-h1-font-color);text-shadow: none;hyphens: auto;
}#mainframe h1 { font-size: var(--global-h1-font-size); margin-bottom: var(--global-h1-margin-bottom); }
#mainframe h2 { font-size: var(--global-h2-font-size); margin-bottom: var(--global-h2-margin-bottom); }
#mainframe h3 { font-size: var(--global-h3-font-size); margin-bottom: .75rem; }
#mainframe h4 { font-size: var(--global-h4-font-size); margin-bottom: .5rem; }#mainframe a {color: var(--anchor-color);text-decoration: var(--anchor-text-decoration);
}#mainframe a:hover {color: var(--anchor-color-hover);text-decoration: var(--anchor-text-decoration-hover);
}#mainframe #contentframe :focus-visible {outline: var(--global-focus-visible-outline) !important;outline-offset: 0;box-shadow: var(--global-focus-visible-box-shadow) !important;
}#mainframe #contentframe {flex: 1 0 auto;padding-top: 2rem;padding-bottom: 3rem;
}#mainframe #contentframe #content {width: 100%;max-width: var(--global-content-frame-width);margin: 0 auto;padding: 0 var(--global-content-gutter);box-sizing: border-box;background: var(--global-main-content-background);
}#mainframe .tab,
#mainframe .card {padding: var(--card-padding);background: var(--global-content-background);border: var(--global-border);border-radius: var(--card-border-radius);box-shadow: var(--card-box-shadow);box-sizing: border-box;margin-bottom: var(--card-vertical-gap);
}#mainframe .card_row {display: flex;align-items: stretch;gap: var(--card-horizontal-gap);margin-bottom: var(--card-vertical-gap);
}#mainframe .card_row > * {display: flex;flex-direction: column;flex: 1 1 0;min-width: 0;margin-bottom: 0;
}#mainframe .tab > form {margin-bottom: 0;
}#mainframe .card_row > .tab > form {display: flex;flex-direction: column;flex: 1 1 auto;
}#mainframe input[type="submit"],
#mainframe input[type="button"]:not([name="upload"]),
#mainframe button.global_button,
#mainframe a.button {position: relative;display: inline-flex;justify-content: center;align-items: center;min-height: var(--button-min-height);margin: 0;padding: var(--button-padding);font-family: var(--button-font);font-size: var(--button-font-size);font-weight: var(--button-font-weight);letter-spacing: var(--button-letter-spacing);text-transform: var(--button-text-transform);text-align: center;text-decoration: none;white-space: normal;color: var(--button-primary-font-color);background: var(--button-primary-background);border: var(--button-primary-border);border-radius: var(--button-border-radius);box-shadow: var(--button-primary-shadow);transition: var(--button-transition);cursor: pointer;
}#mainframe input[type="submit"]:hover,
#mainframe input[type="button"]:not([name="upload"]):hover,
#mainframe button.global_button:hover,
#mainframe a.button:hover {color: var(--button-primary-font-color-hover);background: var(--button-primary-background-hover);border: var(--button-primary-border-hover);box-shadow: var(--button-primary-shadow-hover);text-decoration: none;
}#mainframe input[type="submit"].logout,
#mainframe input[type="button"].cancel,
#mainframe input[type="button"].close,
#mainframe a.button.cancel,
#mainframe a.button.back {color: var(--button-secondary-font-color);background: var(--button-secondary-background);border: var(--button-secondary-border);
}#mainframe input[type="submit"].logout:hover,
#mainframe input[type="button"].cancel:hover,
#mainframe input[type="button"].close:hover,
#mainframe a.button.cancel:hover,
#mainframe a.button.back:hover {color: var(--button-secondary-font-color-hover);background: var(--button-secondary-background-hover);border: var(--button-secondary-border-hover);
}#mainframe input[type="submit"]:disabled,
#mainframe input[type="button"]:not([name="upload"]):disabled,
#mainframe a.button.disabled {color: var(--button-primary-font-color-disabled);background: var(--button-primary-background-disabled);border: var(--button-primary-border-disabled);box-shadow: none;cursor: not-allowed;
}#mainframe #login_button,
#mainframe .btn_wrapper {display: flex;justify-content: flex-end;margin-top: 1rem;
}#mainframe .frame_submit,
#mainframe .frame_logout {display: inline-flex;margin-top: 1.5rem;
}#mainframe .frame_submit {float: right;margin-right: 0;
}#mainframe .frame_logout {float: left;
}#mainframe #frm_readings::after {content: "";display: block;clear: both;
}#mainframe input[type="text"],
#mainframe input[type="password"],
#mainframe input[type="date"],
#mainframe input[type="number"],
#mainframe input[type="email"],
#mainframe textarea {padding: var(--input-field-padding);font-family: var(--input-field-font-family);font-size: var(--input-field-font-size);color: var(--input-field-font-color);background-color: var(--input-field-background);border: var(--input-field-border);border-radius: var(--input-field-border-radius);box-shadow: none;box-sizing: border-box;transition: border-color .2s ease-in-out;
}#mainframe select {padding: var(--input-field-selectbox-padding);font-family: var(--input-field-font-family);font-size: var(--input-field-font-size);color: var(--input-field-font-color);background-color: var(--input-field-background);border: var(--input-field-border);border-radius: var(--input-field-border-radius);box-sizing: border-box;
}#mainframe input[type="text"]:hover,
#mainframe input[type="password"]:hover,
#mainframe select:hover {border: var(--input-field-border-hover);
}#mainframe input[type="text"]:focus,
#mainframe input[type="password"]:focus,
#mainframe input[type="number"]:focus,
#mainframe textarea:focus,
#mainframe select:focus {color: var(--input-field-font-color);
}#mainframe input[disabled],
#mainframe input.disabled {color: var(--input-field-font-color-disabled);background-color: var(--input-field-background-disabled);border: var(--input-field-border-disabled);box-shadow: var(--input-field-box-shadow-disabled);
}#mainframe .input_wrapper {padding: 0 0 1rem 0;
}#mainframe .input_wrapper > label {display: inline-block;margin-bottom: .5rem;font-family: var(--global-font-content);font-size: var(--global-text-font-size);font-weight: var(--global-text-font-weight);color: var(--global-text-font-color);
}#mainframe .input_wrapper > label em {font-style: normal;font-size: .875rem;font-weight: 400;color: var(--global-text-font-secondary-color);
}#mainframe .input_wrapper > input[type="text"],
#mainframe .input_wrapper > input[type="password"],
#mainframe .input_wrapper > select {width: 100%;
}#mainframe table.form,
#mainframe table.list,
#mainframe table.list_readings,
#mainframe table.counter {width: 100%;background: var(--table-background-color);border-collapse: collapse;
}#mainframe table.form th,
#mainframe table.list th,
#mainframe table.list_readings th {padding: .75rem .5rem;font-family: var(--global-font-content);font-size: 1rem;font-weight: 700;color: var(--table-header-color);background: var(--table-header-background-color);border: 0;border-bottom: var(--table-cell-divider);text-align: left;
}#mainframe table.form td,
#mainframe table.list td,
#mainframe table.list_readings td {padding: .75rem .5rem;font-family: var(--global-font-content);color: var(--global-text-font-color);background: transparent;border: 0;border-bottom: var(--table-cell-divider);
}#mainframe table.list tr.odd td,
#mainframe table.list_readings tr.odd td {background: var(--global-background-darker);
}#mainframe table.form.thleft.customer_data th {width: 30%;
}#mainframe table.form.thleft th {background: transparent;color: var(--global-text-font-secondary-color);font-size: 1rem;font-weight: 600;
}#mainframe table td input[type="text"],
#mainframe table td input[type="number"],
#mainframe table td input[type="date"] {height: var(--table-input-height);padding: var(--table-input-padding);line-height: normal;box-sizing: border-box;vertical-align: middle;
}#mainframe table.meter_list {width: 100%;
}#mainframe table.meter_list tr {border-bottom: var(--table-cell-divider);
}#mainframe table.meter_list tr:last-child {border-bottom: 0;
}#mainframe table.meter_list th,
#mainframe table.meter_list td {border-bottom: 0;
}#mainframe table.meter_list td.reading_value {white-space: nowrap;
}#mainframe table.meter_list td.reading_value input.reading {width: 110px;min-width: 110px;max-width: none;text-align: right;
}#mainframe table.meter_list td.status {width: 3rem;text-align: right;
}#mainframe .upload_frame {position: relative;display: inline-block;width: 2rem;vertical-align: middle;
}#mainframe .upload_frame input[name="upload"] {margin-top: 0;
}#mainframe table.meter_list th {text-align: left;
}#mainframe table.meter_list td.reading_date input[type="date"],
#mainframe table.meter_list td input[type="date"].date {width: 100%;max-width: 190px;text-align: left;
}#mainframe table.meter_list td input.reading {width: 100%;max-width: 140px;text-align: right;
}#mainframe table.meter_list td.last_reading {text-align: left;
}#mainframe table.meter_list td input.reading,
#mainframe table.meter_list td input[type="text"] {margin-right: .4rem;
}#mainframe .error,
#mainframe fieldset.error {color: var(--q-negative);
}#mainframe fieldset.error {margin: 0 0 1rem 0;padding: 1rem;background: #FDECEA;border: 1px solid var(--q-negative);border-radius: var(--global-border-radius);
}#mainframe fieldset.error legend {padding: 0 .5rem;font-family: var(--global-font-content);font-weight: 700;color: var(--q-negative);
}#mainframe #message_wrapper ul {margin: 0;padding-left: 1.25rem;list-style: disc;
}#mainframe #message_wrapper li {list-style: disc;margin-bottom: .25rem;
}#mainframe .start_text {margin-bottom: 2rem;
}#mainframe .start_text > h2 {margin-bottom: var(--global-h2-margin-bottom);
}#mainframe .start_text_content {text-wrap: pretty;
}#mainframe .start_text_content:empty {display: none;
}#mainframe #login_container #login_wrapper > h3,
#mainframe #instructions_container > h3 {margin-top: 0;
}#mainframe #login_container #login_wrapper {display: flex;flex-direction: column;flex: 1 1 auto;
}#mainframe #login_container #login_form_container {flex: 0 0 auto;
}#mainframe #login_container #login_button {margin-top: auto;padding-top: 1rem;
}#mainframe #instructions_container #instructions_wrapper {flex: 1 1 auto;color: var(--global-text-font-color);
}#mainframe #instructions_container p {margin: 0 0 1rem 0;
}#mainframe #instructions_container ol,
#mainframe #instructions_container ul {counter-reset: instruction_step;margin: 0;padding: 0;list-style: none;
}#mainframe #instructions_container li {counter-increment: instruction_step;position: relative;margin: 0 0 1.75rem 0;padding: 2.75rem 0 0 0;list-style: none;text-align: center;color: var(--global-text-font-color);
}#mainframe #instructions_container li::before {content: counter(instruction_step);position: absolute;top: 0;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;border-radius: 50%;background: var(--button-primary-background);color: var(--button-primary-font-color);font-family: var(--global-font-content);font-size: .875rem;font-weight: 700;line-height: 1.75rem;
}#mainframe #instructions_container li:empty {display: none;
}#mainframe #instructions_container li:last-child {margin-bottom: 0;
}#mainframe #frame_customer_data,
#mainframe #frame_location_select,
#mainframe #list_locations > li.location,
#mainframe .reading_reason {padding: var(--card-padding);margin-bottom: var(--card-vertical-gap);background: var(--global-content-background);border: var(--global-border);border-radius: var(--card-border-radius);box-shadow: var(--card-box-shadow);box-sizing: border-box;
}#mainframe .card_row > #frame_customer_data,
#mainframe .card_row > #frame_location_select {margin-bottom: 0;
}#mainframe #frame_customer_data > h3,
#mainframe #frame_location_select > h3 {margin-top: 0;
}#mainframe .reading_reason {width: 50%;
}#mainframe #list_locations,
#mainframe .list_meters {margin: 0;padding: 0;list-style: none;
}#mainframe .list_meters > li.entry {margin-bottom: 1.5rem;
}#mainframe .list_meters > li.entry:last-child {margin-bottom: 0;
}#mainframe .flowgroup {display: flex;align-items: center;gap: .75rem;margin-bottom: .5rem;
}#mainframe .flowgroup h5 {margin: 0;
}#mainframe h4.location {margin-bottom: .75rem;color: var(--global-primary-color);
}#mainframe .heading_meters {margin-top: 1.25rem;
}#mainframe .seperator.headline {padding-bottom: .5rem;border-bottom: 2px solid var(--global-primary-color-12);
}#mainframe hr.clear {height: 0;margin: 0;border: 0;background: none;visibility: hidden;
}#mainframe .meter_list_small .item {margin-bottom: 1rem;padding-bottom: 1rem;border: 0;border-radius: 0;border-bottom: var(--table-cell-divider);
}#mainframe .meter_list_small .item:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;
}#mainframe .meter_list_small table.counter,
#mainframe .meter_list_small table.counter tbody,
#mainframe .meter_list_small table.counter tr,
#mainframe .meter_list_small table.counter th,
#mainframe .meter_list_small table.counter td {display: block;width: auto;max-width: 100%;box-sizing: border-box;
}#mainframe .meter_list_small table.counter {border-collapse: collapse;border: 0;
}#mainframe .meter_list_small table.counter tr {padding: .625rem 0;border-bottom: var(--table-cell-divider);
}#mainframe .meter_list_small table.counter tr:last-child {border-bottom: 0;
}#mainframe .meter_list_small table.counter th {padding: 0 0 .25rem 0;font-family: var(--global-font-content);font-size: 1rem;font-weight: 600;color: var(--global-text-font-secondary-color);text-align: left;background: transparent;border: 0;
}#mainframe .meter_list_small table.counter td {padding: 0;border: 0;color: var(--global-text-font-color);
}#mainframe .meter_list_small table.counter td.reading_value,
#mainframe .meter_list_small table.counter td.reading_date {display: flex;align-items: center;gap: .35rem;
}#mainframe .meter_list_small table.counter td input[type="text"],
#mainframe .meter_list_small table.counter td input[type="date"] {flex: 1 1 auto;width: 100%;min-width: 0;max-width: none;text-align: left;
}body .ecp_dialog,
body .ecp_dialog_bar,
body .ecp_dialog_content,
body .ecp_dialog_controls {box-sizing: border-box;max-width: 100%;
}body .ecp_dialog {background-color: #fff;
}body .ecp_dialog_bar h6 {color: #fff;font-size: 1rem;font-weight: 700;
}body .ecp_dialog_controls {display: flex;justify-content: flex-end;gap: .5rem;margin: 0;padding: .75rem 1rem 1rem 1rem;background: #fff;
}body a.ecp_dialog_control,
body input.ecp_dialog_control,
#mainframe a.ecp_dialog_control,
#mainframe input.ecp_dialog_control {display: inline-flex;float: none;align-items: center;justify-content: center;min-height: var(--button-min-height);margin: 0;padding: var(--button-padding);font-family: var(--button-font);font-size: var(--button-font-size);font-weight: var(--button-font-weight);letter-spacing: var(--button-letter-spacing);text-transform: var(--button-text-transform);text-decoration: none;color: var(--button-primary-font-color);background: var(--button-primary-background);border: var(--button-primary-border);border-radius: var(--button-border-radius);box-shadow: var(--button-primary-shadow);transition: var(--button-transition);cursor: pointer;
}body a.ecp_dialog_control:hover,
body input.ecp_dialog_control:hover,
#mainframe a.ecp_dialog_control:hover,
#mainframe input.ecp_dialog_control:hover {color: var(--button-primary-font-color-hover);background: var(--button-primary-background-hover);border: var(--button-primary-border-hover);text-decoration: none;
}body .ecp_dialog_content {font-size: var(--global-text-font-size);font-family: var(--global-font-content);color: var(--global-text-font-color);padding: 1rem;
}body .ecp_dialog_content h6 {font-size: 1rem;
}#mainframe h5,
#mainframe h6 {font-family: var(--global-font-content);font-size: 1rem;color: var(--global-text-font-color);
}#mainframe table.meter_list td,
#mainframe table.meter_list th,
#mainframe table.form td,
#mainframe table.form th {vertical-align: middle;
}#mainframe #result_dialog,
body div.msg_overlay {left: 50%;margin-left: 0;transform: translateX(-50%);width: 600px;max-width: calc(100% - 2rem);max-height: calc(100% - 2rem);overflow-y: auto;box-sizing: border-box;
}body .ecp_dialog {max-width: calc(100vw - 2rem);box-sizing: border-box;
}@media screen and (max-width: 740px) {body .ecp_dialog {left: 50% !important;width: calc(100vw - 2rem) !important;transform: translateX(-50%);}body .ecp_dialog_content {max-height: 70vh;overflow-y: auto;}
}@media screen and (max-width: 990px) {#mainframe .card_row {flex-direction: column;}#mainframe .card_row > * {width: 100%;margin-bottom: var(--card-vertical-gap);}#mainframe .card_row > *:last-child {margin-bottom: 0;}
}@media screen and (max-width: 600px) {#mainframe .tab,#mainframe #frame_customer_data,#mainframe #frame_location_select,#mainframe .reading_reason {padding: 1rem;}#mainframe #frame_customer_data,#mainframe #frame_location_select {display: block;width: 100%;margin-left: 0;}#mainframe .reading_reason {width: 100%;}#mainframe table.form.thleft,#mainframe table.form.thleft tbody,#mainframe table.form.thleft tr,#mainframe table.form.thleft th,#mainframe table.form.thleft td {display: block;width: auto;max-width: 100%;box-sizing: border-box;}#mainframe table.form.thleft tr {padding: .625rem 0;border-bottom: var(--table-cell-divider);}#mainframe table.form.thleft tr:last-child {border-bottom: 0;}#mainframe table.form.thleft th {padding: 0 0 .25rem 0;border: 0;}#mainframe table.form.thleft td {padding: 0;border: 0;}#mainframe .frame_submit,#mainframe .frame_logout {display: flex;width: 100%;margin-right: 0;}#mainframe .frame_submit input[type="submit"],#mainframe .frame_logout input[type="submit"] {width: 100%;}
}#mainframe > #ifc-footer {margin-top: auto;
}#mainframe.logged_in #ifc-header.ifc a.ifc-btn[data-ifc-link="login"] {display: none;
}#mainframe > #page_title {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;
}#mainframe .infobox_container {margin-bottom: var(--card-vertical-gap);
}#mainframe .infobox_container > .heading_meters {display: inline-block;margin-right: .5rem;vertical-align: middle;
}#mainframe .infobox_trigger {display: inline-block;width: 1.25rem;height: 1.25rem;padding: 0;margin: 0;vertical-align: middle;background: url('../elements/info.png') no-repeat center center;background-size: contain;border: 0;opacity: .85;transition: opacity .2s ease-in-out;cursor: pointer;
}#mainframe .infobox_trigger:hover,
#mainframe .infobox_container.open .infobox_trigger {opacity: 1;
}#mainframe .infobox {display: none;position: relative;padding: var(--card-padding);background: var(--global-background-important);border: var(--global-border);border-radius: var(--card-border-radius);box-sizing: border-box;
}#mainframe .infobox_container.open .infobox,
#mainframe .infobox_trigger:hover ~ .infobox,
#mainframe .infobox_trigger:focus-visible ~ .infobox {display: block;
}#mainframe .infobox .btn_close {position: absolute;top: .75rem;right: 1rem;width: 1rem;height: 1rem;cursor: pointer;
}#mainframe .infobox .btn_close::before,
#mainframe .infobox .btn_close::after {content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background: var(--global-text-font-secondary-color);
}#mainframe .infobox .btn_close::before { transform: rotate(45deg); }
#mainframe .infobox .btn_close::after  { transform: rotate(-45deg); }#mainframe #mail_confirmation_container,
#mainframe #data_privacy_container {padding: var(--card-padding);margin-bottom: var(--card-vertical-gap);background: var(--global-content-background);border: var(--global-border);border-radius: var(--card-border-radius);box-shadow: var(--card-box-shadow);box-sizing: border-box;
}#mainframe #mail_confirmation_container > h3,
#mainframe #data_privacy_container > h3 {margin-top: 0;
}#mainframe #mail_confirmation_container label.input_wrapper,
#mainframe #data_privacy_container label.input_wrapper {display: flex;align-items: flex-start;gap: .5rem;padding-bottom: .75rem;cursor: pointer;
}#mainframe #mail_confirmation_container input[type="text"] {width: 100%;max-width: 420px;
}#mainframe #mail_confirmation_container input[type="text"].error {border-color: var(--q-negative);
}#mainframe #data_privacy_container input[type="checkbox"].error {outline: 2px solid var(--q-negative);outline-offset: 2px;
}#mainframe #login_switch label.input_wrapper {display: flex;align-items: center;gap: .5rem;padding-bottom: 0;cursor: pointer;
}#mainframe #required_fields_info {margin: .75rem 0 0 0;font-size: var(--global-caption-font-size);color: var(--global-text-font-secondary-color);
}#mainframe #frame_customer_data table.form tr:last-child th,
#mainframe #frame_customer_data table.form tr:last-child td {border-bottom: 0;
}#mainframe .reading_reason select,
#mainframe .reading_reason input[type="text"] {width: 100%;max-width: 420px;
}#mainframe select {min-width: 12rem;
}#mainframe #result_dialog {padding: 0;background: var(--global-content-background);border: 0;border-radius: var(--global-border-radius);box-shadow: var(--global-content-shadow);overflow: hidden;
}#mainframe #result_dialog > h4 {margin: 0;padding: 1rem 1.25rem;font-size: 1.25rem;color: var(--messagebox-title-color);background: var(--messagebox-title-background-color);
}#mainframe #result_dialog #list_result {margin: 0;padding: 1.25rem 1.25rem 0 1.25rem;list-style: none;
}#mainframe #result_dialog #list_result li.items {margin-bottom: 1rem;border: var(--global-border);border-radius: 12px;overflow: hidden;
}#mainframe #result_dialog #list_result li.items h6 {margin: 0;padding: .75rem 1rem;background: var(--global-background-darker);
}#mainframe #result_dialog #list_result li.items h6 label {display: block;font-weight: 700;
}#mainframe #result_dialog #list_result li.items p {margin: 0;padding: .75rem 1rem;font-style: normal;
}#mainframe #result_dialog #contact_data {padding: 0 1.25rem 1.25rem 1.25rem;border-top: var(--table-cell-divider);margin-top: .5rem;padding-top: 1.25rem;
}#mainframe #result_dialog #contact_data h5 {margin: 0 0 .25rem 0;font-size: 1.125rem;font-weight: 600;
}#mainframe #result_dialog #contact_data table.form th {background: transparent;border-bottom: 0;padding-left: 0;
}#mainframe #result_dialog #contact_data table.form td {border-bottom: 0;padding-left: 0;
}#mainframe #result_dialog #contact_data input[type="text"] {width: 100%;
}#mainframe #result_dialog #contact_data label.confirm {display: flex;align-items: flex-start;gap: .5rem;max-width: none;width: 100%;margin-bottom: .5rem;font-size: .9375rem;line-height: 1.35;cursor: pointer;
}#mainframe #result_dialog .controls {display: flex;justify-content: flex-end;gap: .5rem;padding: 0 1.25rem 1.25rem 1.25rem;
}body .ecp_dialog :focus-visible,
body .msg_overlay :focus-visible {outline: var(--global-focus-visible-outline) !important;outline-offset: 0;box-shadow: var(--global-focus-visible-box-shadow) !important;
}#mainframe #frame_customer_data table.form {margin: 0;
}#mainframe table.form.thleft.customer_data th {width: 22.3%;
}#mainframe #frame_location_select form {margin: 0;
}#mainframe #frame_location_select select.select_location {width: 100%;min-width: 0;margin-top: .5rem;
}#mainframe #frame_customer_data > h3 {margin-top: 0;margin-bottom: 0;
}#mainframe #frame_customer_data .alt_customers {margin: .75rem 0 0 0;color: var(--global-text-font-secondary-color);
}#mainframe #frame_location_select > p {margin: 0;
}body .ecp_dialog table.list_readings {width: 100%;margin: 0;border: 0;border-collapse: collapse;font-family: var(--global-font-content);
}body .ecp_dialog table.list_readings th {padding: .5rem .75rem;font-size: .9375rem;font-weight: 600;color: var(--global-text-font-secondary-color);background: var(--global-background-darker);border: 0;border-bottom: var(--table-cell-divider);text-align: left;
}body .ecp_dialog table.list_readings td {padding: .625rem .75rem;font-size: var(--global-text-font-size);font-weight: 400;color: var(--global-text-font-color);background: transparent;border: 0;border-bottom: var(--table-cell-divider);
}body .ecp_dialog table.list_readings tr:last-child td {border-bottom: 0;
}body .ecp_dialog table.list_readings td.date {text-align: left;white-space: nowrap;
}body .ecp_dialog table.list_readings td.reading {text-align: right;font-variant-numeric: tabular-nums;
}body .ecp_dialog table.list_readings tr.odd td {background: transparent;
}body .ecp_dialog table.list_readings tr.estimated td {background: #FDF3E3;
}body .ecp_dialog table.list_readings tr.error td {background: #FDECEA;color: var(--q-negative);
}body .ecp_dialog .ecp_dialog_content {padding: 1rem 1.25rem 1.25rem 1.25rem;
}@font-face {font-family: "IFC Geogrotesque";src: url('fonts_bk/geogrotesquelight.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;
}@font-face {font-family: "IFC Geogrotesque";src: url('fonts_bk/geogrotesquesemibold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;
}#ifc-header.ifc,
#ifc-footer.ifc {display: block;position: relative;width: 100%;max-width: none;min-width: 0;min-height: 0;height: auto;margin: 0;padding: 0;border: 0;float: none;clear: both;box-sizing: border-box;font-family: "IFC Geogrotesque", Arial, Helvetica, sans-serif;font-size: 18px;font-weight: 300;font-style: normal;line-height: 30px;letter-spacing: 0;word-spacing: 0;text-align: left;text-transform: none;text-decoration: none;text-shadow: none;text-indent: 0;white-space: normal;-webkit-hyphens: manual;hyphens: manual;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;font-kerning: normal;font-variant: normal;font-feature-settings: normal;font-stretch: normal;font-synthesis: none;text-rendering: auto;direction: ltr;word-break: normal;overflow-wrap: normal;line-break: auto;tab-size: 8;-moz-tab-size: 8;cursor: auto;visibility: visible;pointer-events: auto;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);color-scheme: normal;
}#ifc-header.ifc :where(*:not(.ifc-slot, .ifc-slot *)),
#ifc-footer.ifc * {box-sizing: border-box;position: static;float: none;clear: none;width: auto;height: auto;min-width: 0;min-height: 0;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;border-radius: 0;outline: 0;background: none;box-shadow: none;text-shadow: none;font: inherit;letter-spacing: inherit;word-spacing: inherit;color: inherit;text-align: inherit;text-transform: none;text-decoration: none;text-indent: 0;white-space: inherit;vertical-align: baseline;list-style: none;-webkit-hyphens: manual;hyphens: manual;opacity: 1;transform: none;transition: none;animation: none;filter: none;cursor: inherit;quotes: none;touch-action: auto;
}#ifc-header.ifc :where(li:not(.ifc-slot, .ifc-slot *)),
#ifc-footer.ifc li {display: block;
}#ifc-header.ifc :where(*:not(.ifc-slot, .ifc-slot *))::before,
#ifc-header.ifc :where(*:not(.ifc-slot, .ifc-slot *))::after,
#ifc-footer.ifc *::before,
#ifc-footer.ifc *::after {content: none;display: none;
}#ifc-header.ifc :where(a:not(.ifc-slot, .ifc-slot *)),
#ifc-footer.ifc a {cursor: pointer;touch-action: manipulation;
}#ifc-header.ifc :where(svg:not(.ifc-slot, .ifc-slot *)),
#ifc-footer.ifc svg {display: block;flex-shrink: 0;overflow: visible;fill: #000000;stroke: none;
}#ifc-header.ifc .ifc-sr,
#ifc-footer.ifc .ifc-sr {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0;
}#ifc-header.ifc {height: 120px;background: #FFFFFF;border-bottom: 1px solid #EAEAEA;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);color: #000000;
}#ifc-header.ifc .ifc-header-inner {display: flex;align-items: center;justify-content: space-between;height: 119px;padding: 0 48px;
}#ifc-header.ifc .ifc-brand {display: flex;align-items: baseline;align-self: flex-start;min-width: 0;margin-top: 36px;
}#ifc-header.ifc a.ifc-logo-link,
#ifc-header.ifc a.ifc-logo-link:link,
#ifc-header.ifc a.ifc-logo-link:visited,
#ifc-header.ifc a.ifc-logo-link:hover,
#ifc-header.ifc a.ifc-logo-link:active {display: block;color: #000000;text-decoration: none;
}#ifc-header.ifc .ifc-logo {width: 156px;height: 29px;
}#ifc-header.ifc .ifc-divider {display: block;width: 1px;height: 18px;margin: 0 24px;background: #000000;
}#ifc-header.ifc .ifc-title {display: block;font-size: 24px;font-weight: 300;line-height: 24px;color: #000000;white-space: nowrap;
}#ifc-header.ifc .ifc-actions {display: flex;align-items: center;gap: 8px;flex-shrink: 0;padding: 8px;background: #F3F4F6;border-radius: 16px;
}#ifc-header.ifc a.ifc-btn,
#ifc-header.ifc a.ifc-btn:link,
#ifc-header.ifc a.ifc-btn:visited {display: flex;align-items: center;gap: 5px;height: 40px;padding: 0 11px 0 8px;background: #FFFFFF;border: 1px solid #04AE8A;border-radius: 8px;color: #000000;font-size: 18px;font-weight: 300;line-height: 24px;text-decoration: none;white-space: nowrap;
}#ifc-header.ifc a.ifc-btn:hover,
#ifc-header.ifc a.ifc-btn:active {background: #E6F7F3;border-color: #009779;color: #000000;text-decoration: none;
}#ifc-header.ifc .ifc-btn-icon {width: 22px;height: 22px;color: #000000;
}#ifc-footer.ifc {background: #233539;color: #FFFFFF;
}#ifc-footer.ifc .ifc-footer-inner {max-width: 1440px;margin: 0 auto;padding: 48px 24px 72px 24px;
}#ifc-footer.ifc a.ifc-logo-link,
#ifc-footer.ifc a.ifc-logo-link:link,
#ifc-footer.ifc a.ifc-logo-link:visited,
#ifc-footer.ifc a.ifc-logo-link:hover,
#ifc-footer.ifc a.ifc-logo-link:active {display: inline-block;vertical-align: top;color: #FFFFFF;text-decoration: none;
}#ifc-footer.ifc .ifc-logo {width: 156px;height: 29px;
}#ifc-footer.ifc .ifc-claim {margin-top: 18px;font-size: 24px;font-weight: 300;line-height: 32px;
}#ifc-footer.ifc .ifc-cols {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px 32px;margin-top: 64px;
}#ifc-footer.ifc .ifc-col {display: block;min-width: 0;
}#ifc-footer.ifc .ifc-h {display: block;margin: 0;font-size: 24px;font-weight: 600;line-height: 32px;color: #FFFFFF;
}#ifc-footer.ifc .ifc-list {display: flex;flex-direction: column;gap: 8px;margin-top: 32px;
}#ifc-footer.ifc .ifc-item {display: flex;align-items: flex-start;gap: 4px;
}#ifc-footer.ifc .ifc-icon {width: 20px;height: 20px;margin-top: 5px;color: #04AE8A;
}#ifc-footer.ifc .ifc-text {display: block;min-width: 0;overflow-wrap: anywhere;
}#ifc-footer.ifc .ifc-hours {display: grid;grid-template-columns: auto auto;justify-content: start;column-gap: 5px;
}#ifc-footer.ifc .ifc-hours-day,
#ifc-footer.ifc .ifc-hours-time {display: block;margin: 0;
}#ifc-footer.ifc .ifc-social {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 26px;
}#ifc-footer.ifc a.ifc-social-link,
#ifc-footer.ifc a.ifc-social-link:link,
#ifc-footer.ifc a.ifc-social-link:visited {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;color: #04AE8A;text-decoration: none;
}#ifc-footer.ifc a.ifc-social-link:hover,
#ifc-footer.ifc a.ifc-social-link:active {color: #2DCCA6;text-decoration: none;
}#ifc-footer.ifc .ifc-social-icon {width: 40px;height: 40px;
}#ifc-footer.ifc .ifc-bottom {display: flex;flex-wrap: wrap;align-items: baseline;gap: 16px 48px;margin-top: 64px;
}#ifc-footer.ifc .ifc-legal {display: flex;flex-wrap: wrap;gap: 8px 24px;
}#ifc-footer.ifc a.ifc-plain,
#ifc-footer.ifc a.ifc-plain:link,
#ifc-footer.ifc a.ifc-plain:visited,
#ifc-footer.ifc a.ifc-plain:hover,
#ifc-footer.ifc a.ifc-plain:active {color: #FFFFFF;font-weight: 300;text-decoration: none;
}#ifc-footer.ifc a.ifc-link,
#ifc-footer.ifc a.ifc-link:link,
#ifc-footer.ifc a.ifc-link:visited {color: #FFFFFF;font-weight: 600;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 4px;
}#ifc-footer.ifc a.ifc-link:hover,
#ifc-footer.ifc a.ifc-link:active {color: #FFFFFF;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 4px;
}#ifc-header.ifc :where(a:not(.ifc-slot, .ifc-slot *)):focus,
#ifc-footer.ifc a:focus {outline: 0;
}#ifc-header.ifc :where(a:not(.ifc-slot, .ifc-slot *)):focus-visible {outline-style: solid !important;outline-width: 2px !important;outline-color: #009779 !important;outline-offset: 2px !important;box-shadow: none !important;border-radius: 2px !important;
}#ifc-header.ifc a.ifc-btn:focus-visible {border-radius: 8px !important;
}#ifc-footer.ifc a:focus-visible {outline-style: solid !important;outline-width: 2px !important;outline-color: #FFFFFF !important;outline-offset: 2px !important;box-shadow: none !important;border-radius: 2px !important;
}@media screen and (max-width: 1024px) {#ifc-header.ifc .ifc-header-inner {padding: 0 24px;}#ifc-footer.ifc .ifc-cols {grid-template-columns: 1fr 1fr;}
}@media screen and (max-width: 768px) {#ifc-header.ifc {height: 72px;}#ifc-header.ifc .ifc-header-inner {height: 71px;padding: 0 16px;}#ifc-header.ifc .ifc-brand {align-self: center;margin-top: 0;}#ifc-header.ifc .ifc-logo {width: 112px;height: 21px;}#ifc-header.ifc .ifc-divider {height: 14px;margin: 0 12px;}#ifc-header.ifc .ifc-title {font-size: 18px;line-height: 18px;}#ifc-header.ifc .ifc-actions {gap: 4px;padding: 4px;border-radius: 12px;}#ifc-header.ifc a.ifc-btn,#ifc-header.ifc a.ifc-btn:link,#ifc-header.ifc a.ifc-btn:visited {justify-content: center;width: 40px;padding: 0;}#ifc-header.ifc .ifc-btn-label {position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;}#ifc-footer.ifc .ifc-footer-inner {padding: 40px 16px 48px 16px;}#ifc-footer.ifc .ifc-claim {margin-top: 14px;font-size: 20px;line-height: 28px;}#ifc-footer.ifc .ifc-cols {grid-template-columns: 1fr;margin-top: 40px;}#ifc-footer.ifc .ifc-list {margin-top: 16px;}#ifc-footer.ifc .ifc-social {margin-top: 10px;}#ifc-footer.ifc .ifc-bottom {flex-direction: column;align-items: flex-start;margin-top: 48px;}
}@media screen and (max-width: 440px) {#ifc-header.ifc .ifc-header-inner {padding: 0 12px;}#ifc-header.ifc .ifc-logo {width: 96px;height: 18px;}#ifc-header.ifc .ifc-divider {height: 12px;margin: 0 8px;}#ifc-header.ifc .ifc-title {font-size: 16px;line-height: 16px;}
}@media screen and (max-width: 384px) {#ifc-header.ifc .ifc-logo {width: 84px;height: 16px;}#ifc-header.ifc .ifc-divider {margin: 0 6px;}#ifc-header.ifc .ifc-title {font-size: 14px;line-height: 14px;}
}@media screen and (max-width: 350px) {#ifc-header.ifc .ifc-logo {width: 76px;height: 14px;}#ifc-header.ifc a.ifc-btn,#ifc-header.ifc a.ifc-btn:link,#ifc-header.ifc a.ifc-btn:visited {width: 36px;height: 36px;}#ifc-header.ifc .ifc-title {font-size: 12px;line-height: 12px;}
}