/*
980px grid system ~ Core CSS.
12 columns ~ margin: 20px

Based on the golden grid system - http://code.google.com/p/the-golden-grid/
by Vladimir Carrer

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/
/* =Containers
--------------------------------------------------------------------------------*/
.main {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.one-column,
.two-columns,
.three-columns,
.four-columns,
.five-columns,
.six-columns,
.seven-columns,
.eight-columns,
.nine-columns,
.ten-columns,
.eleven-columns,
.twelve-columns {
  display: inline;
  float: left;
  margin-right: 20px;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.one-column {
  width: 60px;
}
.two-columns {
  width: 140px;
}
.three-columns {
  width: 220px;
}
.four-columns {
  width: 300px;
}
.five-columns {
  width: 380px;
}
.six-columns {
  width: 460px;
}
.seven-columns {
  width: 540px;
}
.eight-columns {
  width: 620px;
}
.nine-columns {
  width: 700px;
}
.ten-columns {
  width: 780px;
}
.eleven-columns {
  width: 860px;
}
.twelve-columns {
  width: 940px;
}
/* =Grid >> 12 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml-one {
  margin-left: 100px;
}
.ml-two {
  margin-left: 180px;
}
.ml-three {
  margin-left: 260px;
}
.ml-four {
  margin-left: 340px;
}
.ml-five {
  margin-left: 420px;
}
.ml-six {
  margin-left: 500px;
}
.ml-seven {
  margin-left: 580px;
}
.ml-eight {
  margin-left: 660px;
}
.ml-nine {
  margin-left: 740px;
}
.ml-ten {
  margin-left: 820px;
}
.ml-eleven {
  margin-left: 900px;
}
.ml-twelve {
  margin-left: 980px;
}
.inside {
  margin-right: 0;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/*------------------------------------
 *  DEFAULT COLORS
 *----------------------------------*/
/*------------------------------------
 *  MIXINS & COMMONLY USED CLASSES
 *----------------------------------*/
.input_styling {
  padding: 5px;
  font-family: Helvetica, Arial;
  font-weight: bold;
  color: #fff;
  border: none;
}
.clear {
  clear: both;
}
.clear-l {
  clear: left;
}
.clear-r {
  clear: right;
}
.float-r {
  float: right;
}
.float-l {
  float: left;
}
.float-0 {
  float: none;
}
.text-align-left {
  text-align: left;
}
.centered {
  text-align: center;
}
.indent {
  margin-left: 1em;
}
/* utility hack to adjust left-alignment granularly. GOAL: depracate this */
.inline {
  display: inline !important;
}
.block {
  display: block;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.overflow-visible,
#tab-content-container .overflow-visible {
  overflow: visible;
}
.vertical-middle {
  vertical-align: middle;
}
.offscreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.pad-0 {
  padding: 0;
}
.pad-5 {
  padding: 5px;
}
.pad-10 {
  padding: 10px;
}
.pad-15 {
  padding: 15px;
}
.pad-20 {
  padding: 20px;
}
.pad-top-5 {
  padding-top: 5px;
}
.pad-top-10 {
  padding-top: 10px;
}
.pad-top-15 {
  padding-top: 15px;
}
.pad-top-20 {
  padding-top: 20px;
}
.pad-right-5 {
  padding-right: 5px;
}
.pad-right-10 {
  padding-right: 10px;
}
.pad-right-15 {
  padding-right: 15px;
}
.pad-right-20 {
  padding-right: 20px;
}
.pad-bottom-5 {
  padding-bottom: 5px;
}
.pad-bottom-10 {
  padding-bottom: 10px;
}
.pad-bottom-15 {
  padding-bottom: 15px;
}
.pad-bottom-20 {
  padding-bottom: 20px;
}
.pad-bottom-25 {
  padding-bottom: 25px;
}
.pad-bottom-45 {
  padding-bottom: 45px;
}
.pad-left-10 {
  padding-left: 10px;
}
.pad-left-20 {
  padding-left: 20px;
}
.pad-left-35 {
  padding-left: 35px;
}
.margin-0 {
  margin: 0 !important;
}
.margin-5 {
  margin: 5px;
}
.margin-10 {
  margin: 10px;
}
.margin-15 {
  margin: 15px;
}
.margin-20 {
  margin: 20px;
}
.margin-top-0 {
  margin-top: 0px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-25 {
  margin-top: 25px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-left-200 {
  margin-left: 200px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-15 {
  margin-right: 15px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-30 {
  margin-right: 30px;
}
.margin-right-50 {
  margin-right: 50px;
}
.remove-bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.remove-top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.nowrap {
  white-space: nowrap;
}
.big-button {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff !important;
  padding: 7px !important;
  font-size: 19px !important;
  font-weight: bold !important;
}
.glossy-gray {
  background: #d5d5d5 !important;
  background: -moz-linear-gradient(top, #d5d5d5 0%, #b6b6b6 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(100%, #b6b6b6)) !important;
  background: -webkit-linear-gradient(top, #d5d5d5 0%, #b6b6b6 100%) !important;
  background: -o-linear-gradient(top, #d5d5d5 0%, #b6b6b6 100%) !important;
  background: -ms-linear-gradient(top, #d5d5d5 0%, #b6b6b6 100%) !important;
  background: linear-gradient(top, #d5d5d5 0%, #b6b6b6 100%) !important;
  border: 2px solid #b9b9b9 !important;
}
/* Success, info, notice and error/alert boxes
    -------------------------------------------------------------- */
.error,
.alert,
.notice,
.success,
.info,
.box-default {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}
.error,
.alert {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.notice {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
  margin-top: 10px;
}
.success {
  background: #cbe6be;
  color: #000;
  border-color: #599e62;
}
.error_reports {
  background: #fbe3e4;
  color: #000;
  border-color: #fbc2c4;
}
.info {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}
.box-default {
  background: #ffffff;
  color: #000000;
  border-color: #000000;
}
.error a,
.alert a {
  color: #8a1f11;
}
.notice a {
  color: #514721;
}
.success a {
  color: #085394;
}
.info a {
  color: #205791;
}
.box-default a {
  color: #006feb;
}
.disable {
  color: #727272;
}
.disable-italics {
  color: #787878;
  font-style: italic;
}
.enable {
  color: black;
}
.required-indicator,
.required-indicator-further,
.required-indicator-modal {
  color: red;
  padding-right: 2px;
  margin-left: -8px;
  font-weight: bold;
  border: none;
  position: absolute;
}
.required-indicator-further {
  padding-right: 3px;
  margin-left: -15px;
}
.required-indicator-modal {
  position: relative;
}
.label {
  width: 170px;
  margin-right: 10px;
  float: left;
}
.label.indent {
  margin-left: 90px;
  width: 150px;
}
.label.narrow {
  width: 80px;
}
.field-error {
  color: #e50000;
}
fieldset .field-error {
  clear: both;
  display: block;
  margin: 0 0 10px 180px;
}
#search-account-query-field-error,
#search-property-query-field-error,
#mark-account-activated-field-error {
  margin: 0 0 10px 0;
  float: right;
}
fieldset .no-label {
  margin: 0;
}
.field-error-block {
  color: red;
  display: block;
}
div#form-errors,
.form-errors {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
}
div#form-errors .field-error,
.form-errors .field-error {
  margin: 0;
}
.form-gap-errors {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  background-color: #FDFD66;
}
.form-gap-errors .field-error {
  margin: 0;
}
div#form-warnings,
.form-warnings {
  background-color: #FDFD66;
}
div#invalid-login {
  color: red;
}
.province-hidden {
  display: none;
}
.province-visible {
  display: block;
}
.center-image {
  margin: auto;
  width: 44%;
  padding: 9px;
}
.inline-warning-icon {
  background: url('../../image/icons/icon_warning.png') no-repeat;
  padding-left: 35px;
  height: 50px;
}
.inline-warning-icon p {
  color: #383A3B;
  font-size: 10px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#reports-content #tab-content-tabs,
#tab-content-container #tab-content-tabs {
  margin: 0 0 -1px -4px;
  padding: 5px 5px 0 5px;
  overflow: hidden;
}
#reports-content #tab-content-tabs li,
#tab-content-container #tab-content-tabs li {
  text-align: center;
  list-style: none;
  float: left;
}
#reports-content #tab-content-tabs a.selected,
#tab-content-container #tab-content-tabs a.selected {
  z-index: 100;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  border: none;
  background: #fff;
  color: #0e5374;
}
#reports-content #tab-content-tabs a,
#tab-content-container #tab-content-tabs a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #666;
  background: #f1f2f2;
  background: -moz-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f2f2), color-stop(100%, #c3c2c2));
  background: -webkit-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: -o-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: -ms-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border: 1px solid #dbdedf;
  border-bottom: 0;
  margin: 0 4px -1px 0;
  overflow: hidden;
  position: relative;
  height: 16px;
  padding: 10px 20px;
  z-index: 0;
}
#reports-content #tab-content-tabs-reports,
#tab-content-container #tab-content-tabs-reports {
  margin: 0 0 -8px -4px;
  padding: 5px 5px 0 5px;
  overflow: hidden;
}
#reports-content #tab-content-tabs-reports li,
#tab-content-container #tab-content-tabs-reports li {
  text-align: center;
  list-style: none;
  float: left;
}
#reports-content #tab-content-tabs-reports a.selected,
#tab-content-container #tab-content-tabs-reports a.selected {
  z-index: 100;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  border: none;
  background: #fff;
  color: #0e5374;
}
#reports-content #tab-content-tabs-reports a,
#tab-content-container #tab-content-tabs-reports a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #666;
  background: #f1f2f2;
  background: -moz-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f2f2), color-stop(100%, #c3c2c2));
  background: -webkit-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: -o-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: -ms-linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  background: linear-gradient(top, #f1f2f2 0%, #c3c2c2 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border: 1px solid #dbdedf;
  border-bottom: 0;
  margin: 0 4px -1px 0;
  overflow: hidden;
  position: relative;
  height: 16px;
  padding: 10px 20px;
  z-index: 0;
}
.verifier-name-details {
  display: inline-block !important;
  width: 340px !important;
  word-wrap: break-word !important;
}
.verification-details {
  margin-left: 178px !important;
  width: 350px !important;
  word-wrap: break-word !important;
}
.headerRow a {
  text-decoration: none !important;
}
/*----------------------------
    SETUP METER
----------------------------*/
#addMeterGetStarted .field-error {
  margin: 0;
  margin-left: 25px;
}
#addMeterGetStarted #dontSeeYourEnergy {
  font-weight: bold;
}
#addMeterGetStarted .formFields {
  display: inline;
  float: left;
  margin-left: 25px;
  padding-left: 10px;
  width: 69%;
}
#addMeterGetStarted .formTitle {
  font-weight: bold;
}
#addMeterGetStarted .numberOfMeters {
  margin-left: 25px;
}
#addMeterGetStarted #waste-water-meters table,
#addMeterGetStarted #waste-water-meters select {
  width: 100%;
}
#addMeterGetStarted #waste-water-meters td,
#addMeterGetStarted #waste-water-meters th {
  width: 50%;
}
#dataCenterValidationModal {
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
}
#dataCenterValidationModal td,
#dataCenterValidationModal th {
  width: 180px;
}
/*----------------------------
BASIC METER INFO
----------------------------*/
.table-footer {
  padding-bottom: 40px;
}
.content {
  margin-left: 20px;
}
#modalMeter-title {
  background-color: #e6eeee;
}
#addMeterModal {
  width: 400px;
}
#edit-utility-bills .field-error,
#meter-consumption-container .field-error,
#edit-utility-bills .time-gap-error,
#meter-consumption-container .time-gap-error {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
#edit-utility-bills .time-gap-error,
#meter-consumption-container .time-gap-error {
  background-image: url(../../image/icons/icon_warning.png);
}
#edit-utility-bills .negative-consumption-reason-validation,
#meter-consumption-container .negative-consumption-reason-validation {
  padding: 0px 0px 10px 20px;
}
#edit-utility-bills .input-error,
#meter-consumption-container .input-error {
  border: #FF0000 solid MEDIUM;
}
#edit-utility-bills .notice,
#meter-consumption-container .notice {
  border-color: #000;
  background-color: #FDFD66;
}
#edit-utility-bills .notice a,
#meter-consumption-container .notice a {
  color: #085394;
  text-decoration: underline;
}
#editBasicMeterInfo {
  margin-left: 20px;
  margin-top: 10px;
  font-size: 13px;
}
#editBasicMeterInfo .error-msg {
  margin-left: 250px;
  color: red;
  font-size: 12px;
  padding-bottom: 5px;
}
#editBasicMeterInfo #units-tip,
#editBasicMeterInfo #inUseBox {
  margin-left: 250px;
}
#editBasicMeterInfo label {
  margin-right: 80px;
}
#editBasicMeterInfo input {
  height: 15px;
  border: 1px solid #7F9DB9;
  padding: 1px;
}
#editBasicMeterInfo .ui-datepicker-trigger {
  width: 18px;
  cursor: pointer;
  vertical-align: top;
  margin-left: 2px;
}
.basic-meter-consumption .table-count-title {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 800px;
  padding: 8px;
  margin: 0;
}
/*----------------------------
WASTE METER SETUP
----------------------------*/
#setup-waste-meter-container select {
  width: 100%;
}
#setup-waste-meter-container img {
  margin-right: 6px;
  margin-bottom: -2px;
}
#setup-waste-meter-container img.ui-datepicker-trigger {
  width: 18px;
  margin-bottom: -3px;
}
#setup-waste-meter-container .half-width {
  width: 50%;
  float: left;
}
#setup-waste-meter-container a.disabled {
  color: #8C8C8C;
  cursor: default;
}
#setup-waste-meter-container .field-error {
  margin-left: 0;
}
#setup-waste-meter-container.basic-info label {
  display: block;
}
#setup-waste-meter-container.basic-info .indent {
  margin-left: 30px;
}
#setup-waste-meter-container.basic-info .double-indent {
  margin-left: 45px;
}
#setup-waste-meter-container.basic-info .required-indicator {
  margin-top: 3px;
}
#setup-waste-meter-container.basic-info .required-indicator.static {
  position: static;
  margin-left: 5px;
}
#setup-waste-meter-container.basic-info select {
  width: 150px;
}
#setup-waste-meter-container.basic-info input[type="text"] {
  width: 100px;
}
/*----------------------------
ASSOCIATE METER
----------------------------*/
#associate-meter-container .field-error {
  clear: both;
  display: block;
  margin: 0 0 10px;
}
#associate-meter-container .building-fieldset {
  margin-left: 50px;
}
#associate-meter-container .inputs-level-2 {
  margin: 10px 0 0 40px;
}
#associate-meter-container .inputs-level-2 input[type="radio"] {
  margin-left: 20px;
}
#associate-meter-container .inputs-level-2 .another-config {
  margin: 10px 0 0 39px;
}
#associate-meter-container .inputs-level-2 .another-config textarea {
  margin-left: 0;
  height: auto;
}
#associate-meter-container .inputs-level-3 {
  margin-left: 60px;
}
#tree-container {
  background: white;
  text-align: center;
  position: relative;
  width: 100%;
  border: 1px solid #c0c0c0;
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.text {
  margin: 7px;
}
#inner-details {
  font-size: 0.8em;
  list-style: none;
  margin: 7px;
}
#log {
  position: absolute;
  top: 10px;
  font-size: 1.0em;
  font-weight: bold;
  color: #23A4FF;
}
#infovis {
  height: 530px;
  margin: auto;
  margin-bottom: 30px;
}
#infovis .node,
#infovisWidget .node {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-family: arial;
}
#infovis .node {
  font-size: 11px;
}
#infovisWidget .node {
  font-size: 9px;
}
/* Pan / Zoom Controls */
#tree-controls {
  left: 20px;
  position: absolute;
  width: 85px;
  z-index: 100;
  text-align: center;
}
#tree-controls button {
  width: 25px;
  height: 25px;
  position: absolute;
}
#panUp {
  left: 37px;
  top: 30px;
}
#panLeft {
  left: 10px;
  top: 57px;
}
#zoomHome {
  left: 37px;
  top: 120px;
}
#panRight {
  left: 64px;
  top: 57px;
}
#panDown {
  left: 37px;
  top: 84px;
}
#zoomIn {
  left: 37px;
  top: 175px;
}
#zoomOut {
  left: 37px;
  top: 425px;
}
#slider-vertical {
  height: 200px;
  left: 42px;
  position: absolute;
  top: 210px;
}
/* SPACE TREE */
.jit-autoadjust-label {
  padding: 15px;
}
.property-container-background {
  background: #f2f5f6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f6), color-stop(37%, #e3eaed), color-stop(100%, #c8d7dc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#c8d7dc', GradientType=0);
  /* IE6-9 */
  border: 2px solid #c0c0c0;
  padding: 5px;
  min-width: 200px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#update,
#restore {
  text-align: center;
  width: 100px;
  margin: 0px 35px 10px 35px;
}
.indicators {
  height: 18px;
  width: 100%;
  padding-top: 3px;
  text-align: center;
}
.meterCount {
  float: left;
  width: 35%;
  text-align: right;
}
.whole {
  float: left;
  text-align: left;
  width: 35%;
}
.expand {
  text-align: center;
  margin-top: 5px;
}
.expand img {
  cursor: pointer;
}
.edit-meters-link {
  float: right;
  text-decoration: underline;
  margin-top: -12px;
  margin-right: 3px;
}
.meter-area div {
  text-align: left;
}
.use-area,
.meter-area {
  text-align: left;
  margin: 10px 0 5px;
}
.use-area .ui-icon,
.meter-area .ui-icon,
.use-area .use-text,
.meter-area .use-text,
.use-area .meter-text,
.meter-area .meter-text {
  cursor: pointer;
}
.use-area .use-text,
.meter-area .use-text,
.use-area .meter-text,
.meter-area .meter-text {
  padding-left: 18px;
  padding-top: 1px;
}
.use-area .use-list,
.meter-area .use-list,
.use-area .meter-list,
.meter-area .meter-list {
  height: 68px;
  background-color: white;
  border: 1px solid #c0c0c0;
  overflow-x: hidden;
  text-align: left;
  margin-top: 4px;
}
/*----------------------------
METER CONSUMPTION
----------------------------*/
div#addMeterModal {
  text-align: left;
}
#edit-utility-bills #utility-bill-table .accordion .belowTable,
#edit-utility-bills #utility-bill-table {
  margin-bottom: 0px;
}
#edit-utility-bills .tip-container {
  background: url('../../image/icons/tip-icon.png') no-repeat;
  background-size: 17px 21px;
  margin: 5px 25px 5px 0;
  padding-left: 23px;
}
#edit-utility-bills #edit-utility-bill-controls div.meter-select {
  margin-left: 10px;
  margin-right: 50px;
  position: relative;
  top: 20px;
}
#edit-utility-bills #edit-utility-bill-controls div.meter-select select {
  width: 200px;
}
#edit-utility-bills #edit-utility-bill-controls div#delete-selected-meter {
  float: right;
  margin-right: 60px;
}
#edit-utility-bills #edit-utility-bill-controls .meter-select-button {
  margin-left: 10px;
  width: 150px;
}
#edit-utility-bills #edit-utility-bill-controls span.tip-container-message {
  display: block;
  float: left;
  width: 380px;
  height: 35px;
  margin-right: 10px;
}
#edit-utility-bills .edit-utility-bills-footer .learn-more {
  width: 550px;
}
#edit-utility-bills .edit-utility-bills-footer span.tip-container-message {
  display: block;
  width: 480px;
  height: 35px;
  margin-right: 10px;
}
#edit-utility-bills .edit-utility-bills-footer .save-close {
  margin-right: 20px;
}
#edit-utility-bills .edit-utility-bills-footer .save-close button {
  margin-right: 25px;
}
#edit-utility-bills #utility-bill-table .collapsible-title,
#edit-utility-bills #utility-bill-table .tableTitle {
  display: none;
}
#edit-utility-bills #utility-bill-table .accordion {
  background: none;
}
#edit-utility-bills #utility-bill-table .meterlist {
  border: none;
  box-shadow: none;
  margin-top: inherit;
}
.negative-meter-reason-section {
  background-color: #FFFF89;
  border: #FF0000 solid thin;
  border-radius: 10px;
  margin-bottom: 20px;
}
.negative-meter-reason-section .negative-meter-intro {
  padding-left: 40px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 29px 25px;
  background-image: url(../../image/icons/icon_warning.png);
}
.negative-meter-reason-section .negative-meter-intro-title {
  padding: 5px 10px 0px 10px;
  border-bottom: #000000 solid thin;
  text-align: center;
}
.negative-meter-reason-section .negative-meter-reason-content {
  padding: 10px;
}
.negative-meter-reason-section .negative-reason {
  padding: 0px 50px 10px;
}
.negative-meter-reason-section .negative-reason label {
  display: inline-block;
  position: absolute;
  width: 800px;
}
.negative-meter-reason-section .negative-reason textarea {
  height: 50px;
  width: 500px;
}
.negative-meter-reason-section .negative-reason ul {
  margin: 0 60px 5px;
  padding-left: 15px;
}
.negative-meter-reason-section .negative-reason ul li {
  list-style-type: circle;
}
.negative-meter-reason-section .negative-consumption-docs {
  margin: 0px 30px;
}
.negative-meter-reason-section .negative-meter-reason-note {
  margin: 10px 55px;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-size: 17px 21px;
  background-image: url(../../image/icons/icon_tips_small.png);
  min-height: 30px;
}
#accordion2 .content_wrap {
  font-size: 12px;
  line-height: 1.231;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#accordionWasteEntry .content_wrap {
  font-size: 12px;
  line-height: 1.231;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#accordion1 .ui-widget-content {
  font-size: 14px;
  line-height: 1.231;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#accordionWaste .ui-widget-content {
  font-size: 14px;
  line-height: 1.231;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#accordion2 .ui-accordion .ui-accordion-content {
  border-top: 0 none;
  overflow: auto;
  padding: 1px;
}
#accordionWasteEntry .ui-accordion .ui-accordion-content {
  border-top: 0 none;
  overflow: auto;
  padding: 1px;
}
#accordion1 .ui-widget-content a,
#accordion2 .ui-widget-content a,
#accordionWaste .ui-widget-content a,
#accordionWasteEntry .ui-widget-content a {
  color: #005ec8;
}
#accordionWaste .ui-widget-content a,
#accordionWasteEntry .ui-widget-content a {
  color: #005ec8;
}
#accordion .ui-accordion-header {
  background: #c0c0c0 url('../../image/accordion-bg.png') repeat-x scroll 0 36px;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 1px;
  padding: 5px;
  color: #000;
  border: 1px solid #c0c0c0;
  padding: 5px 5px 5px 45px;
}
.summary-three-rows {
  position: relative;
  width: 100%;
  height: 100%;
}
.summary-three-rows .summary-first-row {
  font-size: 15px;
  font-weight: bold;
}
.summary-three-rows .summary-second-row {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 50px;
  text-align: center;
}
.summary-clear {
  clear: both;
}
.big-button-small-font {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff !important;
  padding: 7px !important;
  font-size: 15px !important;
  font-weight: bold !important;
}
.disabledMeterCaption {
  font-weight: bold;
  font-style: italic;
  color: black !important;
}
.enabledMeterNameCaption {
  margin-left: 10px !important;
  padding-left: 10px !important;
  word-wrap: break-word;
}
.associate-meter-name-link-column {
  display: inline-block;
  word-break: break-all;
  -ms-word-break: break-all;
  max-width: 300px;
}