/*
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,
.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;
}
.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;
}
/*
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,
.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;
}
.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;
}
#notifications-container {
  overflow: auto !important;
  overflow-x: hidden !important;
  -ms-overflow-x: hidden !important;
  position: relative;
  border: 1px solid #C0C0C0;
  max-height: 141px;
}
#notifications-table,
#notifications-paged-table {
  margin: 0;
  width: 100%;
  border-collapse: separate;
  border: none;
}
#notifications-table button,
#notifications-paged-table button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  min-width: 100px;
}
#notifications-table td,
#notifications-paged-table td,
#notifications-table th,
#notifications-paged-table th {
  border-color: -moz-use-text-color -moz-use-text-color #c0c0c0;
  border-style: none none solid;
  border-width: 0 0 1px;
}
#notifications-table .icons,
#notifications-paged-table .icons {
  width: 20px;
}
#notifications-table .actions,
#notifications-paged-table .actions {
  width: 125px;
}
#notifications-table .create-date,
#notifications-paged-table .create-date {
  text-align: center;
}
#notifications-table .view-all-notifications,
#notifications-paged-table .view-all-notifications {
  text-align: center;
}
#notifications-paged-table.paged-table {
  display: table;
  padding: 0;
  margin-top: 5px;
  border: thin solid #C0C0C0;
}
#notifications-paged-table.paged-table td,
#notifications-paged-table.paged-table th {
  border-left: thin solid #C0C0C0;
}
#notification-tab.tab-content {
  margin: 0;
  padding: 5px 10px 5px 10px;
  width: 900px;
}
.notification-modal-buttons {
  float: right;
  margin-top: 15px;
}
#notification-paging-nav {
  width: 100%;
  margin: 0;
  padding: 0;
}
#accept-transfer-notifications-container td.accept-transfer-radio {
  text-align: center;
  vertical-align: middle;
  width: 120px;
}
.connection-modal-agreement-text {
  width: 300px !important;
}
#selectAllBox {
  float: right;
  margin-right: 25px;
  padding-left: 4px;
  padding-top: 1px;
  width: 250px;
  margin-bottom: 3px;
  background: #fff6bf;
  border-width: 2px;
  border-style: solid;
  border-color: #ffd324;
}
/*------------------------------------
    LAYOUT
------------------------------------*/
html {
  background: url("../../image/radial_gradient.png") center top no-repeat fixed #94c6da;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*----------------------------
        HEADER
    ----------------------------*/
#header {
  text-align: left;
  overflow: auto;
  padding: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
}
#header a {
  color: #0E5374 !important;
}
#in-page-notification {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #c7e6f2;
  border: 3px solid #94c6da;
  padding: 10px;
  margin-bottom: 10px;
  overflow: auto;
  font-weight: bold;
  color: #2b2b2b;
}
/*----------------------------
        NAVIGATION
    ----------------------------*/
div#notify-messages {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
div#common-menu ul {
  margin: 0 0 5px 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-start;
  max-width: 595px;
}
div#common-menu ul li a {
  padding-left: 0px;
}
div#common-menu .common-menu-item-divider {
  list-style: none;
  font-weight: bold;
  padding-left: 0px;
  display: inline;
}
div#common-menu .common-menu-item {
  list-style: none;
  padding-left: 0px;
  display: inline;
  flex-basis: 0;
}
/*----------------------------
        TABS
    ----------------------------*/
#menu ul {
  margin: 0 0 0 -5px;
  padding: 5px 5px 0 5px;
  overflow: hidden;
}
#menu li {
  list-style: none;
  height: 40px;
  min-width: 105px;
  float: left;
  background: url('../../image/nav-bg.png') repeat-x;
  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 #dbecf3;
  border-bottom: 0;
  margin: 0 1px -1px 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  text-align: center;
}
#menu li .my {
  color: #577683;
  font-weight: 800;
}
#menu li .portfolio {
  color: #577683;
  font-weight: 800;
}
#menu li.selected,
#menu li.home-selected {
  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);
  z-index: 100;
  border: none;
  background: #ffffff;
}
#menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #739bac;
}
#menu li.selected a,
#menu li.home-selected a {
  color: #0e5374;
  font-weight: 800;
  font-size: 16px;
}
#menu li.home-selected {
  letter-spacing: -0.05em;
}
#menu li.home-selected .my {
  color: #012d42;
}
#menu li.home-selected .portfolio {
  color: #007ead;
}
#menu li:hover {
  color: #0e5374;
  background: url('../../image/nav-bg2.png') repeat-x;
}
#menu li.selected:hover,
#menu li.home-selected:hover {
  background: #fff;
}
/*----------------------------
        BODY
    ----------------------------*/
#shadow-wrap,
#shadow-wrap-no-nav {
  background: #fff;
  z-index: 50;
  margin-bottom: 20px;
  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);
}
#shadow-wrap {
  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;
}
#shadow-wrap-no-nav {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.gray-rounded {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid #BFCACF;
  padding: 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 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);
  margin-bottom: 15px;
}
.gray-rounded.gray-important {
  background: #F7F7F7 !important;
}
.gray-rounded.gray-important ol {
  margin-top: 0;
  margin-bottom: 20px;
}
/*----------------------------
        FOOTER
    ----------------------------*/
#footer {
  background: #fff;
  height: 50px;
  padding: 20px 0 0;
  color: #767676;
  border-top: 1px solid #c4d8e8;
}
#footer a {
  color: #0063d3 !important;
}
#footer span {
  color: #757470;
  font-size: 22px;
  font-weight: 600;
  display: inline-block;
  margin-top: -2px;
  float: left;
  margin-right: 10px;
}
#footer img {
  border: none;
  vertical-align: middle;
}
/*------------------------------------
    TEXT
------------------------------------*/
small {
  font-size: 85%;
}
h1 {
  font-size: 24px;
  font-weight: normal;
}
h2 {
  font-size: 24px;
  font-weight: normal;
}
h2.small {
  font-size: 24px;
  font-weight: normal;
}
h3 {
  font-size: 18px;
  font-weight: normal;
}
h4 {
  font-size: 115%;
}
h5 {
  font-size: 110%;
  margin-bottom: 10px;
}
h6 {
  font-size: 103%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  color: #383A3B;
}
li.empty {
  list-style-type: none;
}
a {
  color: #0063d3;
}
/* link with small icon to the left.  set element specific background image on element */
.icon {
  display: inline-block;
  line-height: 16px;
  padding-left: 20px;
}
.pdf-icon {
  display: inline-block;
  line-height: 16px;
  padding-right: 5px;
  vertical-align: middle;
}
.display-pdf-icon {
  display: inline-block;
  line-height: 16px;
  padding-left: 20px;
  background: transparent url('../../image/icons/icon_pdf.png') center left no-repeat;
  border-right-width: 1px;
}
.edit-icon {
  display: inline-block;
  line-height: 16px;
  padding-left: 20px;
  background: transparent url('../../image/icons/icon_edit.png') center left no-repeat;
  border-right-width: 1px;
}
.map-icon {
  background: transparent url(../../image/icons/icon_map.png) 0 0 no-repeat;
  display: inline-block;
  line-height: 16px;
  padding-left: 19px;
}
.underline-text {
  cursor: pointer;
  color: #0063d3;
  text-decoration-line: underline;
}
.underline-text-disabled-look {
  color: #83888c;
  text-decoration-line: underline;
}
.no-underline-text {
  cursor: pointer;
  color: #0086F0;
  text-decoration-line: underline;
}
.underline-text-grayout {
  color: #999999;
  text-decoration-line: underline;
}
.external-link-icon {
  margin-left: 4px;
  margin-bottom: -2px;
}
p.intro {
  font-size: 13px;
  line-height: 20px;
  padding: 0 0 5px 0;
}
.login-gov {
  margin-top: 20px;
}
.login-gov span {
  margin-left: 150px;
  margin-right: 20px;
}
.login-gov #login-gov-button {
  display: inline-flex;
  column-gap: .25rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 700;
}
.login-gov #login-gov-tooltip {
  vertical-align: middle;
}
.login-gov #login-gov-tooltip {
  vertical-align: middle;
}
.confirm-field-success {
  color: #008125;
}
.confirm-field-error {
  color: #e20000;
}
/*------------------------------------
    FORMS
------------------------------------*/
fieldset,
.fieldsetStyle {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 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);
  background: #f7f7f7;
  border: 1px solid #bfcacf;
  padding: 18px;
  position: relative;
}
fieldset .fieldset-indent,
.fieldsetStyle .fieldset-indent {
  margin-left: 180px !important;
}
fieldset .fieldset-indent .label,
.fieldsetStyle .fieldset-indent .label {
  width: 100px;
}
fieldset .fieldset-indent .indent-more,
.fieldsetStyle .fieldset-indent .indent-more {
  margin-left: 110px;
  display: block;
}
fieldset h3,
.fieldsetStyle h3 {
  color: #383a3b;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 10px 0;
  top: 0px;
}
fieldset li,
.fieldsetStyle li {
  list-style: none;
}
input[type=text],
input[type=password],
input.text,
input.title,
textarea {
  background-color: #fff;
}
input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
  border-color: #666;
}
select {
  background-color: #fff;
  border: 1px solid #7f9db9;
  padding: 1px;
}
select.medText {
  padding: 5px;
  width: 190px;
}
input[type=checkbox],
input[type=radio] {
  width: 15px;
  margin: 4px 5px 5px 5px;
  vertical-align: middle;
}
input[type=text],
input[type=password],
input.text,
input.title,
textarea,
select {
  margin: 3px 5px 3px 0;
  padding: 1px;
}
input.text,
input.title {
  width: 300px;
  padding: 5px;
}
input.title {
  font-size: 1.5em;
}
textarea {
  width: 390px;
  height: 250px;
  padding: 5px;
}
input.medText {
  padding: 5px;
  width: 175px;
}
input.shortText {
  padding: 5px;
  width: 100px;
}
input.veryShortText {
  padding: 5px;
  width: 50px;
}
form.inline {
  line-height: 3;
}
form.inline p {
  margin-bottom: 0;
}
.multi-select-wrapper {
  width: 223px;
  height: 150px;
}
.multi-select-wrapper select {
  width: 100%;
  height: 100%;
}
label.label.medText {
  width: 115px;
}
/* Styled Buttons & button-like anchors */
a.button,
button,
input[type="button"],
input[type="submit"] {
  background: #0088cc;
  background: -moz-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #1c4e66));
  background: -webkit-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -o-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -ms-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 5px;
  font-family: Helvetica, Arial;
  font-weight: bold;
  color: #fff;
  border: none;
  cursor: pointer;
  margin-bottom: 5px;
  min-height: 18px;
  /* force anchors to match button height */
  text-decoration: none;
}
a.button img,
button img,
input[type="button"] img,
input[type="submit"] img {
  vertical-align: middle;
}
a.button {
  display: inline-block;
}
/*todo: promote this up higher in the LESS*/
/*todo: promote this up higher in the LESS*/
button[disabled],
button[disabled="disabled"],
input[type="button"][disabled="disabled"],
input[type="submit"][disabled="disabled"] {
  background: #bbbbbb;
  background: -moz-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #999999));
  background: -webkit-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: -o-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: -ms-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: linear-gradient(top, #bbbbbb 0%, #999999 100%);
  cursor: default;
  border-style: none !important;
}
a.button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
  background: #1c4e66;
}
button.hasicon img {
  padding-right: 5px;
  margin-top: -1px;
}
button.inline {
  /* render buttons as inline hyperlinks for bound event handling not appropriate for anchors */
  background: transparent;
  border: none;
  color: #0063d3;
  font-weight: normal;
  text-decoration: underline;
}
button.inline:focus,
button.inline:hover {
  text-decoration: none;
}
.blue-button {
  background: #0088cc;
  background: -moz-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #1c4e66));
  background: -webkit-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -o-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -ms-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 5px;
  font-family: Helvetica, Arial;
  font-weight: bold;
  color: #fff;
  border: none;
}
.blue-button img {
  vertical-align: middle;
}
.blue-button-down,
.blue-button:active {
  background: #1c4e66;
}
.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;
}
.glossy-gray:active {
  background: #d5d5d5 !important;
}
.glossy-blue {
  background: #0088cc;
  background: -moz-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #1c4e66));
  background: -webkit-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -o-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: -ms-linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  background: linear-gradient(top, #0088cc 0%, #1c4e66 100%);
  border: 2px solid #0087cb !important;
  margin-right: 10px;
}
.glossy-blue:active {
  background: #41a4d5 !important;
}
.glossary-tooltip {
  text-decoration: none;
}
.open-sans {
  font-family: 'Open Sans', sans-serif;
}
.modal-buttons {
  clear: left;
  padding-top: 30px;
  float: right;
}
/*------------------------------------
    SHARED MODULES
------------------------------------*/
/*----------------------------
        GENERAL WIZARD STYLES
    ----------------------------*/
.wizard .align-fix {
  /* utility class to fix alignment of header items in a wizard left-col */
  padding-left: 10px;
}
.wizard .left-col,
.wizard .right-col {
  display: inline;
  float: left;
  margin-right: 20px;
}
.wizard .left-col {
  width: 620px;
}
.wizard .right-col {
  width: 300px;
  margin-right: 0;
}
.wizard fieldset {
  margin: 0 0 20px 0;
}
.wizard fieldset label {
  padding-top: 5px;
}
.wizard fieldset .fieldset-section {
  border-bottom: 1px solid #c4d8e8;
  border-top: 1px solid #fff;
  padding: 20px 0;
}
.wizard fieldset .first {
  border-top: none;
  padding-top: 0;
}
.wizard fieldset .last {
  border-bottom: none;
  padding-bottom: 0;
}
.inline-tip-icon-small {
  background: transparent url(../../image/icons/icon_tips_small16.png) 0 8px no-repeat;
  padding: 4px 0 1em 16px;
  vertical-align: middle;
}
.wizard-right-link {
  float: right;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}
/* Styling for tips used on multiple pages of building and property wizards
     * Use .last-tip rule below to remove dotted rule and padding-bottom from
     * last tip div
     */
.tip {
  background: url('../../image/tip-separator.png') repeat-x 0 100%;
  font-size: 12px;
  float: left;
  padding-bottom: 20px;
  position: relative;
  margin: 10px 0 0 0;
  font-weight: normal;
  line-height: 18px;
}
.tip h4 {
  color: #383A3B;
  font-size: 15px;
  font-weight: bold;
  margin: 15px 0 5px 0;
}
.tip h4.tip-icon,
.tip h4.inline-new-icon {
  color: #383A3B;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 0 34px;
}
.tip h4.inline-nouvelle-icon {
  color: #383A3B;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 0 55px;
}
.tip .tip-icon {
  background: url(../../image/icons/tip-icon.png) no-repeat scroll 0 0 transparent;
  min-height: 36px;
}
.tip .inline-new-icon {
  background: url(../../image/icons/icon_new_yellow.png) no-repeat scroll 0 0 transparent;
  min-height: 30px;
}
.tip .inline-nouvelle-icon {
  background: url(../../image/icons/icon_Nouvelle.png) no-repeat scroll 0 0 transparent;
  min-height: 30px;
}
.tip h4.multi-line {
  padding-top: 0;
  margin-bottom: 10px;
}
.tip .tip-title {
  font-weight: bold;
}
.last-tip {
  background: url('../../image/tip-separator.png') repeat-x 0 100%;
  font-size: 12px;
  float: left;
  padding-bottom: 20px;
  position: relative;
  margin: 10px 0 0 0;
  font-weight: normal;
  line-height: 18px;
  background: none;
  margin-bottom: 10px;
  padding-bottom: 0;
}
.last-tip h4 {
  color: #383A3B;
  font-size: 15px;
  font-weight: bold;
  margin: 15px 0 5px 0;
}
.last-tip h4.tip-icon,
.last-tip h4.inline-new-icon {
  color: #383A3B;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 0 34px;
}
.last-tip h4.inline-nouvelle-icon {
  color: #383A3B;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 0 55px;
}
.last-tip .tip-icon {
  background: url(../../image/icons/tip-icon.png) no-repeat scroll 0 0 transparent;
  min-height: 36px;
}
.last-tip .inline-new-icon {
  background: url(../../image/icons/icon_new_yellow.png) no-repeat scroll 0 0 transparent;
  min-height: 30px;
}
.last-tip .inline-nouvelle-icon {
  background: url(../../image/icons/icon_Nouvelle.png) no-repeat scroll 0 0 transparent;
  min-height: 30px;
}
.last-tip h4.multi-line {
  padding-top: 0;
  margin-bottom: 10px;
}
.last-tip .tip-title {
  font-weight: bold;
}
.last-tip.gray-rounded {
  font-size: inherit;
}
.last-tip.gray-rounded h4 {
  font-size: 18px;
  font-weight: normal;
  padding-right: 30px;
}
.last-tip.gray-rounded li {
  padding-bottom: 5px;
}
.top-seperator-tip {
  background: url('../../image/tip-separator.png') repeat-x 0 0%;
  padding-top: 20px;
}
.inline-tip-icon {
  background: url('../../image/icons/tip-icon.png') no-repeat;
  padding-left: 35px;
  min-height: 34px;
}
.inline-tip-icon h4 {
  color: #383A3B;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.icon-alert-big {
  background: url(../../image/icons/icon_alert_36x20.png) no-repeat scroll 0 0 transparent;
  padding-left: 30px;
  min-height: 36px;
}
.icon-alert {
  background: url(../../image/icons/icon_alert.png) no-repeat scroll 0 0 transparent;
  padding-left: 20px;
  min-height: 20px;
}
.icon-accept {
  background: url(../../image/icons/icon_accept.png) no-repeat scroll 0 0 transparent;
  padding-left: 20px;
  min-height: 20px;
}
.icon-delete {
  background: url(../../image/icons/icon_delete.png) no-repeat scroll 0 0 transparent;
  padding-left: 20px;
  min-height: 20px;
}
.icon-warning {
  background: url(../../image/icons/icon_warning.png) no-repeat scroll 0 0 transparent;
  padding-left: 36px;
  min-height: 36px;
  display: block;
}
.icon-warning-small {
  background: url(../../image/icons/icon_warning.png) no-repeat scroll 0 0 transparent;
  padding-left: 20px;
  min-height: 20px;
  background-size: 16px;
}
.icon-warning-meters-tab {
  background: url(../../image/icons/icon_warning.png) no-repeat scroll 0 0 transparent;
  padding-left: 35px;
  min-height: 20px;
  background-size: 30px;
}
.checkbox-next-to-label {
  width: 350px;
  margin-left: 190px;
}
.checkbox-label-wrap {
  display: flex;
  align-items: flex-start;
}
.checkbox-item {
  flex: 0 0 auto;
  width: 25px;
}
/*----------------------------
        MAIN PAGES SHARED CLASSES
    ----------------------------*/
.right-col-section {
  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: 1px solid #c0d0e0;
  padding: 0;
}
.right-col-section h4.section-title {
  display: block;
  background: #d7eafd;
  color: #3e576f;
  font-size: 15px;
  padding: 10px;
  border-bottom: 1px solid #c0d0e0;
  margin-bottom: 0;
}
.right-col-section h4.section-title .section-title-notification-view-all {
  font-size: 12px;
}
.right-col-section h4.section-title a {
  color: #0063d3;
}
.right-col-section .ui-jqgrid th,
.right-col-section .ui-jqgrid td {
  border: 1px solid #C7D6E4 !important;
  font-size: 12px;
  padding: 7px !important;
}
.right-col-section #search-pager {
  font-size: 11px !important;
  height: 36px !important;
}
.right-col-section #search-pager .ui-pg-table td,
.right-col-section #search-pager .ui-pg-table tr {
  background: #F2F7FC !important;
}
.right-col-section .ui-jqgrid th {
  border-top: none !important;
}
.right-col-section table,
.right-col-section #gview_searchResults table {
  margin: 0;
  border-collapse: collapse;
  border-bottom: 1px solid #C7D6E4;
}
.right-col-section table th,
.right-col-section #gview_searchResults table th,
.right-col-section table .ui-jqgrid th,
.right-col-section #gview_searchResults table .ui-jqgrid th {
  background: none #F2F7FC !important;
  border: none !important;
  border-top: none !important;
}
.right-col-section table td,
.right-col-section #gview_searchResults table td,
.right-col-section table .ui-jqgrid td,
.right-col-section #gview_searchResults table .ui-jqgrid td {
  background: #fff !important;
}
.right-col-section table td,
.right-col-section #gview_searchResults table td,
.right-col-section table th,
.right-col-section #gview_searchResults table th,
.right-col-section table .ui-jqgrid td,
.right-col-section #gview_searchResults table .ui-jqgrid td,
.right-col-section table .ui-jqgrid th,
.right-col-section #gview_searchResults table .ui-jqgrid th {
  border: 1px solid #C7D6E4 !important;
  border-top: 0 !important;
}
.right-col-section table td a,
.right-col-section #gview_searchResults table td a,
.right-col-section table th a,
.right-col-section #gview_searchResults table th a,
.right-col-section table .ui-jqgrid td a,
.right-col-section #gview_searchResults table .ui-jqgrid td a,
.right-col-section table .ui-jqgrid th a,
.right-col-section #gview_searchResults table .ui-jqgrid th a {
  color: #006FEB;
}
.right-col-section table td a:hover,
.right-col-section #gview_searchResults table td a:hover,
.right-col-section table th a:hover,
.right-col-section #gview_searchResults table th a:hover,
.right-col-section table .ui-jqgrid td a:hover,
.right-col-section #gview_searchResults table .ui-jqgrid td a:hover,
.right-col-section table .ui-jqgrid th a:hover,
.right-col-section #gview_searchResults table .ui-jqgrid th a:hover {
  color: #006FEB;
  text-decoration: underline;
}
.right-col-section table .ui-pg-table td,
.right-col-section #gview_searchResults table .ui-pg-table td,
.right-col-section table .ui-paging-info,
.right-col-section #gview_searchResults table .ui-paging-info {
  font-size: 11px !important;
  background: #F2F7FC !important;
}
.right-col-section table tr:first-child th,
.right-col-section #gview_searchResults table tr:first-child th {
  border-top: 0;
}
.right-col-section table tr:last-child td,
.right-col-section #gview_searchResults table tr:last-child td,
.right-col-section table .ui-jqgrid tr:last-child td,
.right-col-section #gview_searchResults table .ui-jqgrid tr:last-child td {
  border-bottom: 0;
}
.right-col-section table tr td:first-child,
.right-col-section #gview_searchResults table tr td:first-child,
.right-col-section table tr th:first-child,
.right-col-section #gview_searchResults table tr th:first-child {
  border-left: 0;
}
.right-col-section table tr td:last-child,
.right-col-section #gview_searchResults table tr td:last-child,
.right-col-section table tr th:last-child,
.right-col-section #gview_searchResults table tr th:last-child {
  border-right: 0;
}
#notifications #zero-notifications {
  display: block;
  padding: 10px;
}
.before-table {
  background: #e8f2fc;
  padding: 5px;
  border-bottom: 1px solid #c0d0e0;
}
body.loading .unhide-on-load {
  display: none !important;
}
/*----------------------------
        TABLES
    ----------------------------*/
table#loginPage {
  width: 100%;
  border-spacing: 0px;
  border: 0px solid black;
}
table#loginPage tr {
  padding: 0px;
  border: 0px solid black;
  background-color: transparent;
  vertical-align: top;
}
table#loginPage td {
  padding: 0px;
  border: 0px solid black;
  background-color: transparent;
  vertical-align: top;
}
table#loginPage .login-required {
  color: red;
  vertical-align: top;
}
table {
  margin: 15px 0;
  /*search results pagination*/
}
table th {
  background: #c7e6f2;
  text-align: left;
}
table th a {
  color: #005ec8;
}
table th,
table td {
  border: 1px solid #94c6da;
  border-bottom: 1px solid #94c6da;
  padding: 7px;
}
table tr:nth-child(odd),
table .tr-odd {
  background-color: #fff;
}
table tr:nth-child(even),
table .tr-even {
  background-color: #f2f5f6;
}
table.no-stripes tr:nth-child(even),
table.no-stripes .tr-even {
  background-color: #fff;
}
table .tr-odd {
  background-color: #fff !important;
}
table .tr-even {
  background-color: #f2f5f6 !important;
}
table .pagingFooter {
  height: 35px;
}
table .pagingFooter td,
table .pagingFooter th {
  background-color: #F2F7FC !important;
  padding: 0px;
  margin: 0px;
  font-size: 11px !important;
  font-weight: normal;
  padding: 0 5px;
  vertical-align: middle;
  color: #2572a1;
  text-align: center;
}
table .pagingFooter td select,
table .pagingFooter th select {
  margin: 3px;
}
table .pagingFooter .nav-div {
  /*width: 600px;*/
}
table .pagingFooter .nav-div table {
  padding: 0px;
  margin: 0px;
}
table .pagingFooter #my-shared-footer-nav.ui-jqgrid td {
  padding: 0 5px !important;
}
table .pagingFooter .ui-paging-info {
  vertical-align: middle;
  position: relative;
  /*top: 8px;*/
}
/*----------------------------
        SORTABLE TABLES
    ----------------------------*/
table.tablesorter {
  width: 100%;
}
table.tablesorter thead tr .header {
  background-image: url(../../image/Grid/bg.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  cursor: pointer;
}
table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(../../image/Grid/asc.gif) !important;
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../../image/Grid/desc.gif) !important;
}
table.tablesorter .tr-breakword {
  word-break: break-all;
  -ms-word-break: break-all;
}
/*----------------------------
        JQGRID TABLES
    ----------------------------*/
.ui-jqgrid {
  margin: 0 !important;
  font-size: 12px !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 0 !important;
  background: none;
}
.ui-jqgrid table,
.ui-jqgrid th,
.ui-jqgrid tr,
.ui-jqgrid td {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: none !important;
  font-size: 12px;
}
.ui-jqgrid .ui-jqgrid-btable tr:last-child td {
  border-bottom: none !important;
}
.ui-jqgrid tr.jqgfirstrow {
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
}
.ui-jqgrid tr.jqgfirstrow td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  height: 0 !important;
}
.ui-jqgrid .ui-jqgrid-hdiv {
  border: none !important;
}
.ui-jqgrid th {
  background: #c7e6f2 !important;
  text-align: left !important;
  color: #000 !important;
}
.ui-jqgrid th div {
  margin-left: 5px !important;
}
.ui-jqgrid th,
.ui-jqgrid td {
  border: 1px solid #94c6da !important;
  padding: 7px !important;
}
.ui-jqgrid tr {
  background-color: #f2f5f6 !important;
}
.ui-jqgrid tr.ui-priority-secondary,
.ui-jqgrid .ul-priority-secondary td {
  background-color: #fff !important;
  opacity: 1  !important;
}
.ui-subgrid .subgrid-data .ui-jqgrid-hdiv {
  display: none;
}
/*-----------------------------------------------------
        JQGRID SEARCH RESULTS STYLING (CONTACTS/BUILDINGS)
    -----------------------------------------------------*/
.search-results-container #left-container #search-criteria fieldset {
  width: 310px;
  padding: .8em;
  margin-bottom: 20px;
}
.search-results-container #left-container .label {
  float: none;
  width: 100px;
  display: inline-block;
}
.search-results-container #left-container select {
  max-width: 190px;
}
.search-results-container #left-container .tip {
  margin-top: 0;
  width: 320px;
}
.search-results-container #results-container {
  width: 590px;
  margin-top: 10px;
}
.search-results-container .right {
  text-align: right;
}
#contact-search-results-container .ui-jqgrid-hdiv {
  display: none;
}
#building-search-results-container #jqgh_search-results_cb {
  margin-left: 0 !important;
}
#building-search-results-container #jqgh_search-results_cb #cb_search-results {
  margin: 2px;
}
#gbox_search-results,
#gbox_searchResults {
  border: 0 !important;
  border-right: 1px solid #94c6da !important;
  background: none !important;
}
#gbox_search-results div.ui-jqgrid-bdiv,
#gbox_searchResults div.ui-jqgrid-bdiv {
  max-height: 16820px;
}
#gbox_search-results #search-pager,
#gbox_searchResults #search-pager {
  background: none;
  border-bottom: 1px solid #94c6da !important;
  border-right: 1px solid #94c6da !important;
  font-size: 11px;
  height: 35px;
}
#gbox_search-results #search-pager td,
#gbox_searchResults #search-pager td {
  padding: 3px !important;
}
#gbox_search-results #search-pager #search-pager_left,
#gbox_searchResults #search-pager #search-pager_left {
  display: none;
}
#gbox_search-results #search-pager #search-pager_right,
#gbox_searchResults #search-pager #search-pager_right {
  border-right: none !important;
}
#gbox_search-results #search-pager .ui-pg-input,
#gbox_searchResults #search-pager .ui-pg-input {
  width: 5em;
}
/*----------------------------
        DATA TABLES
    ----------------------------*/
.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
.fht-table {
  border-collapse: collapse;
  border-spacing: 0;
}
.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  overflow: hidden;
  position: relative;
}
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  overflow: auto;
}
.fht-table-wrapper .fht-table .fht-cell {
  overflow: hidden;
  height: 1px;
}
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
  top: 0;
  left: 0;
  position: absolute;
}
.fht-table-wrapper .fht-fixed-column {
  z-index: 1;
}
/*----------------------------
        SCROLLABLE TABLES
    ----------------------------*/
.tablescroll {
  margin-bottom: 10px;
}
.tablescroll td {
  padding: 3px 5px;
}
.tablescroll_wrapper table {
  margin: 0;
}
.tablescroll_head {
  border-left: 0;
  border-top: 0;
  margin-bottom: 0px;
}
.tablescroll tbody tr.first td {
  border-top: 0;
}
.tablescroll_foot {
  font-weight: bold;
  border-left: 0;
  border-top: 0;
  margin-top: 3px;
}
.tablescroll tfoot td {
  border-right: 0;
  border-bottom: 0;
}
.tablescroll th {
  padding: 5px;
}
.blue-bottom-border {
  border-bottom: 1px solid #94C6DA;
}
/*----------------------------
        TREETABLES
    ----------------------------*/
.treeTable tr td .expander {
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
  zoom: 1;
  /* IE7 Hack */
}
.treeTable tr.collapsed td .expander {
  background-image: url(../../image/myportfolio/toggle-expand-dark.png);
}
.treeTable tr.expanded td .expander {
  background-image: url(../../image/myportfolio/toggle-collapse-dark.png);
}
.treeTable tr.selected,
.treeTable tr.accept {
  background-color: #3875d7;
  color: #fff;
}
.treeTable tr.collapsed.selected td .expander,
.treeTable tr.collapsed.accept td .expander {
  background-image: url(../../image/myportfolio/toggle-expand-light.png);
}
.treeTable tr.expanded.selected td .expander,
.treeTable tr.expanded.accept td .expander {
  background-image: url(../../image/myportfolio/toggle-collapse-light.png);
}
.treeTable .ui-draggable-dragging {
  color: #000;
  z-index: 1;
}
/* Layout helper taken from jQuery UI. This way I don't have to require the
        * full jQuery UI CSS to be loaded. */
.ui-helper-hidden {
  display: none;
}
/*----------------------------
        Meter Consumption Tables
    ----------------------------*/
#dataGridTable,
.dataTables {
  min-width: 940px !important;
  overflow-x: scroll !important;
}
#dataGridTable .customMeterId,
.dataTables .customMeterId {
  min-width: 90px !important;
  word-break: break-all;
  -ms-word-break: break-all;
}
#dataGridTable .checkbox,
.dataTables .checkbox {
  width: 30px !important;
  text-align: center;
}
#dataGridTable .checkbox input[type="checkbox"],
.dataTables .checkbox input[type="checkbox"] {
  margin: 0;
}
#dataGridTable .meterName,
.dataTables .meterName {
  min-width: 120px !important;
  word-break: break-all;
  -ms-word-break: break-all;
}
#dataGridTable .type,
.dataTables .type {
  min-width: 115px !important;
}
#dataGridTable .startDate,
.dataTables .startDate {
  min-width: 112px !important;
}
#dataGridTable .endDate,
.dataTables .endDate {
  min-width: 112px !important;
}
#dataGridTable .units,
.dataTables .units {
  min-width: 35px !important;
}
#dataGridTable .inUse,
.dataTables .inUse {
  min-width: 30px !important;
}
#dataGridTable .needToShow,
.dataTables .needToShow {
  min-width: 50px !important;
}
#dataGridTable .bulkDelivery,
.dataTables .bulkDelivery {
  min-width: 80px !important;
}
#dataGridTable .usage,
.dataTables .usage {
  width: 150px;
}
#dataGridTable .percentRng,
.dataTables .percentRng {
  witdh: 100px;
}
#dataGridTable .estValue,
.dataTables .estValue {
  width: 30px !important;
}
#dataGridTable .greenPower,
.dataTables .greenPower {
  width: 90px !important;
}
#dataGridTable .usage-onsite,
.dataTables .usage-onsite {
  width: 150px !important;
}
#dataGridTable .exported-offsite,
.dataTables .exported-offsite {
  width: 150px !important;
}
#dataGridTable .cost,
.dataTables .cost {
  width: 110px;
}
#dataGridTable .cost .hiddenInput input,
.dataTables .cost .hiddenInput input {
  width: 60px;
}
#dataGridTable .last-updated,
.dataTables .last-updated {
  width: 120px;
}
#dataGridTable .hiddenInput input[type=text],
.dataTables .hiddenInput input[type=text] {
  width: 95px;
}
#dataGridTable .ui-datepicker-trigger,
.dataTables .ui-datepicker-trigger {
  width: 18px;
  cursor: pointer;
}
.green-power-modal h2 {
  margin-bottom: 20px;
}
.green-power-modal .green-power-quantity-label {
  float: left;
  width: 150px;
}
.green-power-modal .green-power-quantity-input {
  float: left;
  width: 250px;
}
.green-power-modal .green-power-quantity-input input {
  max-width: 80px;
  display: inline-block;
}
.green-power-modal .green-power-quantity-note {
  float: left;
  max-width: 300px;
}
.green-power-modal .fuel-sources-label {
  float: left;
  width: 150px;
}
.green-power-modal .fuel-sources {
  float: left;
  margin-bottom: 20px;
  width: 500px;
}
.green-power-modal .fuel-sources .how-much-label {
  margin-left: 30px;
  margin-bottom: 10px;
}
.green-power-modal .fuel-source {
  width: 100%;
}
.green-power-modal .fuel-source input {
  display: inline-block;
}
.green-power-modal .green-power-generation-location {
  float: left;
  max-width: 500px;
}
.green-power-modal .green-power-generation-location .power-plant-location-id {
  width: 100px;
}
.green-power-modal .green-power-generation-location .generation-location-grid-id {
  width: 200px;
}
.green-power-modal .green-power-generation-location span {
  padding: 5px 0;
}
.green-power-modal .green-power-generation-location-label {
  float: left;
  width: 150px;
  max-width: 150px;
}
.basicMeterTable {
  width: 940px;
}
.basicMeterTable .td-meterName {
  width: 200px;
  word-break: break-all;
  -ms-word-break: break-all;
}
.basicMeterTable .td-meterType {
  width: 200px;
}
.basicMeterTable .td-units {
  width: 150px;
}
.basicMeterTable .td-firstBill {
  width: 175px;
  white-space: nowrap;
}
.basicMeterTable .td-inUse {
  width: 100px;
}
.basicMeterTable .td-meterEndDate {
  width: 140px;
}
.basicMeterTable .td-needToShow {
  width: 40px;
}
.basicMeterTable .td-bulkDelivery {
  width: 109px;
}
.basicMeterTable .hasDatepicker {
  width: 75px !important;
}
.basicMeterTable .editableDate {
  width: 140px;
}
.basicMeterTable .unitOfMeasure {
  width: 109px;
}
.basicMeterTable .meterType {
  width: 120px;
}
.basicMeterTable .td-customMeterId {
  width: 100px;
  word-break: break-all;
  -ms-word-break: break-all;
}
#meterDownloadModal {
  width: 500px;
}
#meterDownloadModal #downloadDateSelection {
  height: 50px;
}
#meterDownloadModal .dateSelect {
  margin-left: 50px;
}
#meterDownloadModal .dateSelect .hasDatepicker {
  width: 75px !important;
}
/*----------------------------
        TINYMCE TOOLBAR
    ----------------------------*/
.mceToolbar td,
.mceToolbar tr {
  background: #F0F0EE !important;
}
/*----------------------------
        2 COLUMN INFO AREAS (VIEW CONTACT/PROCESSING CHECKLIST)
    ----------------------------*/
.info-col {
  width: 50%;
}
.info-col div.info-section {
  clear: both;
  margin-bottom: 10px;
  overflow: auto;
}
.info-col div.info-section span {
  float: left;
}
.info-col div.info-section .label {
  padding-top: 0;
}
/*----------------------------
        MODALS
    ----------------------------*/
#confirm {
  display: none;
}
/* Overlay */
#simplemodal-overlay {
  background-color: #eee;
  cursor: wait;
}
/* Container */
#simplemodal-container-exit {
  height: 225px;
  width: 550px;
  text-align: left;
  background: #fff;
  border: 2px solid #336699;
}
#simplemodal-container-exit .header {
  height: 30px;
  line-height: 30px;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
}
#simplemodal-container-exit .header span {
  padding-left: 8px;
}
#simplemodal-container-exit .message {
  color: #333;
  font-size: 14px;
  margin: 0;
  padding: 12px 4px 12px 8px;
  width: 100%;
}
#simplemodal-container-exit .buttons {
  line-height: 26px;
  width: 150px;
  float: right;
  overflow: hidden;
  padding: 10px 8px 0;
}
#simplemodal-container-exit .buttons div {
  float: right;
  margin-left: 4px;
  width: 70px;
  height: 26px;
  color: #666;
  font-weight: bold;
  text-align: center;
  border: 1px solid #bbb;
  cursor: pointer;
}
#simplemodal-container a.modal-close,
#simplemodal-container a.modal-close:link,
#simplemodal-container a.modal-close:active,
#simplemodal-container a.modal-close:visited {
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fff;
}
#simplemodal-container a.modal-close:hover {
  color: #ccc;
}
#basic-modal-content {
  display: none;
  text-align: left;
}
#simplemodal-container a.modalCloseImg {
  background: url(../../image/icons/close-modal.png) no-repeat;
  cursor: pointer;
  height: 29px;
  position: absolute;
  right: -2px;
  top: 8px;
  width: 25px;
  z-index: 3200;
}
.simplemodal-wrap {
  overflow-x: hidden;
  height: 90% !important;
}
#modalMeter-title {
  background-color: #e6eeee;
}
#addMeterModal {
  width: 400px;
}
.modal-actions {
  display: block;
  clear: both;
  margin-top: 10px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.basic-modal-buttons {
  float: right;
  margin-top: 15px;
}
.basic-modal-buttons button {
  margin-left: 5px;
}
.flex-search-container {
  display: flex;
  align-items: center;
  gap: 25px;
}
.search-container-width {
  width: 68%;
}
.flex-prop-search-input {
  display: flex;
  align-items: center;
  gap: 5px;
}
.flex-spacer {
  flex: 1 1 auto;
}
/*----------------------------
        TOOLTIPS
    ----------------------------*/
div[role="tooltip"] {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111 !important;
  background-color: #eee;
  padding: 5px;
  opacity: 0.85;
  max-width: 300px;
  box-shadow: unset;
  border-radius: unset;
}
div[role="tooltip"] h3,
div[role="tooltip"] div {
  margin: 0;
}
/*----------------------------
        Numbered Steps
    ----------------------------*/
.step-number-container {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #01A5E2;
}
.step-number-container .step-number {
  display: block;
  width: 29px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
  color: #fff;
}
/*----------------------------
        Tabbed content
    ----------------------------*/
#tab-content-container div {
  overflow: hidden;
}
#tab-content-container .tab-content {
  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);
  display: inline;
  float: left;
  margin-right: 20px;
  width: 940px;
  margin-right: 0;
  padding: 20px 0;
  position: relative;
  z-index: 50;
  margin-bottom: 20px;
  border: 1px solid #c0c0c0;
}
/*------------------------------------
    PAGE SPECIFIC CSS
------------------------------------*/
/*----------------------------
        LOGIN
    ----------------------------*/
#login-left,
#login-right {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  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: 1px solid #bfcacf;
  min-height: 275px;
}
#login-right ul {
  margin: 0;
  padding: 0;
}
#login-right li {
  list-style-type: none;
}
#login-right img {
  vertical-align: middle;
}
#login-right .login-right-link {
  padding-top: 10px;
}
form#loginForm input {
  margin-top: 3px;
}
/*----------------------------
        EDIT ACCOUNT
    ----------------------------*/
.selectStates {
  width: 45px;
}
/*----------------------------
        CREATE RESOURCE(S)
    ----------------------------*/
#code,
#message {
  width: 500px;
}
/*---------------------
     Sustainability Checklist
    -----------------------*/
#sustainability-checklist h1 {
  font-size: 24px;
}
#sustainability-checklist h2 {
  font-size: 20px;
}
#sustainability-checklist .field-desc {
  min-width: 150px;
}
#sustainability-checklist .border {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 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);
  border: 1px solid #c0c0c0;
}
#sustainability-checklist .txt-not-applicable-justification {
  width: 500px;
  height: 75px;
}
#sustainability-checklist .guideline-completion-justification-container {
  margin-left: 50px;
}
#sustainability-checklist #sustainability-tree-container {
  overflow: hidden;
  padding: 15px;
  min-height: 400px;
}
#sustainability-checklist #checklist-inputs .txt-notes-comments {
  width: 550px;
  height: 120px;
}
#details-ids-modal fieldset {
  width: 450px;
  margin-left: 5px;
}
#details-ids-modal .id-label {
  width: 200px;
  margin-right: 20px;
  margin-bottom: 15px;
}
/*----------------------------
    MY PORTFOLIO
----------------------------*/
/*----------------------------
        CONTACT LIST
    ----------------------------*/
.button-menu {
  margin-left: 35px;
}
.alpha-filter-vertical {
  position: relative;
  text-align: right;
}
.alpha-filter-vertical input {
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 0;
  display: block;
  margin-bottom: 1px;
  width: 35px;
}
.alpha-filter-vertical input.active {
  background: #fff;
  border: 1px solid #666;
  border-right: 0;
  color: #666;
}
#listCheckbox {
  width: 30px;
}
#listName {
  width: 330px;
}
#listOrganization {
  width: 300px;
}
#filter input[type="text"] {
  width: 120px;
}
#filter h4 {
  color: #383A3B;
}
img.connected-icon {
  margin: 0 2px -4px 2px;
}
img.pending-icon {
  margin: 0 2px -2px 4px;
}
/*-----------------------------------------------------
        VIEW CONTACT
    -----------------------------------------------------*/
#view-contact-container #gbox_table-shared-in,
#view-contact-container #gbox_table-shared-out {
  margin-bottom: 10px;
}
#view-contact-container #share-more-button {
  margin: 10px 10px 0 0;
}
/*-----------------------------------------------------
        CONNECTION REQUESTS
    -----------------------------------------------------*/
#connection-req-container table {
  width: 100%;
}
#connection-req-container table th:last-child {
  width: 200px;
}
#dx-connection-request-modal {
  height: 525px;
  padding-right: 10px;
}
#dx-connection-request-modal .actions {
  float: right;
}
#dx-connection-request-modal .actions button {
  margin: 0;
  margin-right: 10px;
}
#dx-connection-request-tabcontent #connection-request-form,
#dx-connection-request-page #connection-request-form,
#dx-connection-request-tabcontent .intro,
#dx-connection-request-page .intro,
#dx-connection-request-tabcontent .provider-tos-text,
#dx-connection-request-page .provider-tos-text,
#dx-connection-request-tabcontent .provider-tos,
#dx-connection-request-page .provider-tos,
#dx-connection-request-tabcontent .field-description,
#dx-connection-request-page .field-description {
  margin-bottom: 20px;
}
#dx-connection-request-tabcontent .label,
#dx-connection-request-page .label {
  width: 180px;
  margin: 0;
  position: relative;
}
#dx-connection-request-tabcontent .label .required-indicator,
#dx-connection-request-page .label .required-indicator {
  position: absolute;
  right: 3px;
}
#dx-connection-request-tabcontent .field-description,
#dx-connection-request-page .field-description {
  margin-left: 180px;
}
#dx-connection-request-tabcontent .provider-tos-text,
#dx-connection-request-page .provider-tos-text {
  width: 450px;
  max-height: 300px;
  overflow-y: scroll;
  padding: 10px;
  border: 1px solid #bbb;
  background: #fff;
}
#dx-connection-request-tabcontent .connection-modal-agreement-text,
#dx-connection-request-page .connection-modal-agreement-text {
  float: left;
  margin-left: 10px;
  width: 550px;
}
/*----------------------------
    ORGANIZATIONS
----------------------------*/
/*----------------------------
        ADD ORGANIZATION
    ----------------------------*/
#add-org-container #partner-tip {
  margin-top: 190px;
}
/*----------------------------
        VIEW ORGANIZATION
    ----------------------------*/
#viewOrganization .column1,
#viewOrganization .column2 {
  width: 50%;
}
#viewOrganization .column1 .label,
#viewOrganization .column2 .label {
  margin-right: 25px;
  height: 30px;
  clear: left;
  font-weight: bold;
}
#viewOrganization .column1 #address-section #address-label,
#viewOrganization .column2 #address-section #address-label {
  height: 60px;
}
#viewOrganization .column1 #address-section p,
#viewOrganization .column2 #address-section p {
  margin-left: 170px;
}
/*----------------------------
    ADD PROPERTY FLOW
----------------------------*/
/*----------------------------
        GET STARTED
    ----------------------------*/
#add-property-get-started-container .get-started-section {
  border-bottom: 1px solid #c4d8e8;
  border-top: 1px solid #EDEDED;
  overflow: auto;
}
#add-property-get-started-container .get-started-section .get-started-image {
  margin-right: 15px;
}
#add-property-get-started-container .get-started-section .get-started-content {
  width: 585px;
  line-height: 20px;
  /* special case labels -- testing attribute flag since
                * for attribute is generated by Spring Form
                */
}
#add-property-get-started-container .get-started-section .get-started-content input[type=radio] {
  float: left;
  margin-top: 2px;
}
#add-property-get-started-container .get-started-section .get-started-content label {
  display: block;
  margin-left: 25px;
}
#add-property-get-started-container .get-started-section .get-started-content label[for="property.primaryFunction"] {
  margin-left: 0px;
}
#add-property-get-started-container .get-started-section .indented {
  margin-left: 20px;
}
#add-property-get-started-container .first {
  border-top: 0;
}
#add-property-get-started-container .last {
  border-bottom: 0;
}
/*----------------------------
        BASIC PROPERTY INFO
    ----------------------------*/
#basic-property-info-container #tip-1 {
  margin-top: 375px;
}
#basic-property-info-container #tip-2 {
  margin-top: 487px;
}
#building-tip-1 {
  margin-top: 375px;
}
/*----------------------------
        PROPERTY/BUILDING USE INFO
    ----------------------------*/
#building-use-info-container .propertyUseCharacteristicsTable,
#property-use-info-container .propertyUseCharacteristicsTable {
  margin: 15px auto;
}
#building-use-info-container #container-basic-info,
#property-use-info-container #container-basic-info {
  width: 100%;
}
#building-use-info-container #container-basic-info .container,
#property-use-info-container #container-basic-info .container {
  width: 50%;
}
#building-use-info-container #container-basic-info .basic-info-label,
#property-use-info-container #container-basic-info .basic-info-label {
  margin: 10px 20px 10px 5px;
  font-weight: bold;
  width: 150px;
}
#building-use-info-container #container-basic-info .parent-property,
#property-use-info-container #container-basic-info .parent-property {
  margin: 10px 20px 10px 5px;
  font-weight: bold;
  width: 150px;
  font-weight: normal;
  width: 50%;
  margin-left: 5px;
}
#building-use-info-container #container,
#property-use-info-container #container {
  width: 96%;
  border: 0px solid #000000;
  padding: 2px;
  margin-left: 25px;
  overflow: auto;
}
#building-use-info-container div#parking-accordion,
#property-use-info-container div#parking-accordion {
  border: 1px solid #000000;
  width: 96%;
  margin-left: 20px;
  margin-right: 20px;
}
#building-use-info-container div#accordion-title,
#property-use-info-container div#accordion-title {
  border: 1px solid #000000;
  width: 96%;
  line-height: 20px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #30C4FF;
  font-weight: bold;
}
#building-use-info-container div#basic-info-accordion-container,
#property-use-info-container div#basic-info-accordion-container {
  margin-left: 2px;
  width: 100%;
  position: relative;
  padding-left: 2px;
}
#building-use-info-container div#accordion-header,
#property-use-info-container div#accordion-header {
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
#building-use-info-container #parent-property,
#property-use-info-container #parent-property {
  margin-left: 5px;
}
.itEnergyConfiguration {
  width: 100%;
}
/*----------------------------
    CREATE PROPERTY GROUPS
----------------------------*/
#create-group-container,
#edit-group-container,
.create-spreadsheet-container {
  vertical-align: middle;
}
#create-group-container .required-indicator,
#edit-group-container .required-indicator,
.create-spreadsheet-container .required-indicator {
  position: static;
  margin-left: 5px;
}
#create-group-container span.small,
#edit-group-container span.small,
.create-spreadsheet-container span.small {
  font-size: 85%;
}
#create-group-container label,
#edit-group-container label,
.create-spreadsheet-container label {
  font-weight: bold;
}
#create-group-container .right-col,
#edit-group-container .right-col,
.create-spreadsheet-container .right-col {
  float: right;
}
#create-group-container input[type="text"],
#edit-group-container input[type="text"],
.create-spreadsheet-container input[type="text"] {
  margin-left: 15px;
}
#create-group-container #modalDialogSelectPropertiesTable_div,
#edit-group-container #modalDialogSelectPropertiesTable_div,
.create-spreadsheet-container #modalDialogSelectPropertiesTable_div {
  margin-right: 10px;
}
#create-group-container .checklist label,
#edit-group-container .checklist label,
.create-spreadsheet-container .checklist label {
  font-size: 12px;
}
/*----------------------------
    MANAGE PROPERTY GROUPS
----------------------------*/
#manage-groups-container fieldset {
  margin: 5px 0 20px 0;
}
#manage-groups-container .edit-group-link {
  padding: 4px 0 0 10px;
}
/*----------------------------
        ADD BUILDING
    ----------------------------*/
#add-building-container .nameLabel {
  width: 170px;
  margin-right: 10px;
  float: left;
  width: 150px;
}
#add-building-container #GFA-paragraph {
  margin: 5px 0 15px 250px;
  font-size: 85%;
}
#add-building-container #addBuildingForm #name-field-error {
  margin-left: 90px;
}
#add-building-container #addBuildingForm #primary-function-field-error,
#add-building-container #addBuildingForm #GFA-field-error {
  margin-left: 230px;
}
#addBuildingsToPropertyForm table .checkbox-column {
  width: 35px;
}
/*----------------------------
  Shared styling for reporting form pages
----------------------------*/
.reporting-form-shared #form-errors {
  margin-bottom: 2em;
}
.reporting-form-shared .required-indicator {
  position: static;
  float: left;
}
.reporting-form-shared .indent {
  margin-left: 20px;
}
.reporting-form-shared .indent-more {
  padding-left: 100px;
  display: block;
}
.reporting-form-shared small {
  display: block;
  margin-top: 5px;
}
.reporting-form-shared input[type=text] {
  width: 400px;
}
.reporting-form-shared #timeframe-options #timeframeType,
.reporting-form-shared #timeframe-options #dateYear {
  float: left;
}
.reporting-form-shared #timeframe-options .inline-tip {
  clear: both;
  display: block;
  padding-top: 5px;
}
.reporting-form-shared #timeframe-options #addLink {
  clear: both;
  padding-top: 5px;
  margin-left: 200px;
}
.reporting-form-shared #timeframe-options .field-error {
  width: 300px;
  margin-top: .5em;
}
.reporting-form-shared .field-error {
  display: block;
}
.reporting-form-shared .label {
  width: 100px;
  margin: 0;
  font-weight: bold;
}
.reporting-form-shared .step-number-container {
  margin-left: -40px;
  margin-top: 0;
}
.reporting-form-shared #submit-buttons {
  float: right;
  margin-top: 2em;
}
.reporting-form-shared #submit-buttons button {
  margin-right: 5px;
}
.reporting-form-shared #selected-metrics {
  margin-left: 20px;
  margin-top: 2em;
  margin-bottom: 1.5em;
}
.reporting-form-shared #selected-metrics table {
  width: 490px;
}
.reporting-form-shared #selected-metrics td {
  padding: 7px;
}
.reporting-form-shared #select-locations {
  margin-left: 20px;
  padding-left: 100px;
  display: block;
}
.reporting-form-shared #select-locations .field-error {
  margin-top: .5em;
}
.reporting-form-shared #select-locations select {
  width: 180px;
}
.reporting-form-shared #select-locations .stateSelectWrapper .required-indicator {
  margin-left: 5px;
}
.reporting-form-shared #select-locations #addAnotherLocation {
  padding-left: 115px;
}
.reporting-form-shared #select-locations img {
  margin-right: 5px;
  margin-bottom: -3px;
}
.reporting-form-shared #contact-details {
  line-height: 1.5;
  margin-top: .5em;
}
.reporting-form-shared .tip:first-child {
  margin-top: 200px;
}
/*----------------------------
            Spreadsheet Template
        ----------------------------*/
.create-spreadsheet-container #onePropertyChooser {
  width: 250px;
}
.create-spreadsheet-container .tablescroll td {
  padding: 7px !important;
}
.create-spreadsheet-container .field-error {
  display: block;
}
#modalDialogSelectMetrics {
  width: 823px;
}
#modalDialogSelectMetrics .excessMetrics {
  color: #f00;
}
#modalDialogSelectMetrics #metricCategoryList {
  margin: 0;
  width: 20em;
}
#modalDialogSelectMetrics #metricCategoryList li {
  list-style: none;
}
#modalDialogSelectMetrics #metricCategoryList span.hint {
  width: 200px;
}
#modalDialogSelectMetrics #metricCategoryList .inline-tip {
  width: 200px;
}
#modalDialogSelectMetrics #metricTabContent {
  margin-left: 20em;
  padding-left: 10px;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-nav {
  padding: .2em .1em .2em .2em;
  float: left;
  width: 12em;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px 0.2em 0;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-panel {
  padding: 5px;
  width: 95%;
}
#modalDialogSelectMetrics {
  width: 823px;
}
#modalDialogSelectMetrics .excessMetrics {
  color: #f00;
}
#modalDialogSelectMetrics #metricCategoryList {
  margin: 0;
  width: 20em;
}
#modalDialogSelectMetrics #metricCategoryList li {
  list-style: none;
}
#modalDialogSelectMetrics #metricCategoryList span.hint {
  width: 200px;
}
#modalDialogSelectMetrics #metricCategoryList .inline-tip {
  width: 200px;
}
#modalDialogSelectMetrics #metricTabContent {
  margin-left: 20em;
  padding-left: 10px;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-nav {
  padding: .2em .1em .2em .2em;
  float: left;
  width: 12em;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px 0.2em 0;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
}
#modalDialogSelectMetrics .ui-tabs-vertical .ui-tabs-panel {
  padding: 5px;
  width: 95%;
}
/*----------------------------
            Data Request
        ----------------------------*/
.data-request-container.unpublished form {
  margin-left: 35px;
}
.data-request-container .indent {
  margin-left: 20px;
}
.data-request-container .indent-more {
  padding-left: 100px;
  display: block;
}
.data-request-container #form-errors {
  margin-bottom: 2em;
}
.data-request-container .required-indicator {
  position: static;
  float: left;
}
.data-request-container .indent {
  margin-left: 20px;
}
.data-request-container .indent-more {
  padding-left: 100px;
  display: block;
}
.data-request-container small {
  display: block;
  margin-top: 5px;
}
.data-request-container input[type=text] {
  width: 400px;
}
.data-request-container #timeframe-options #timeframeType,
.data-request-container #timeframe-options #dateYear {
  float: left;
}
.data-request-container #timeframe-options .inline-tip {
  clear: both;
  display: block;
  padding-top: 5px;
}
.data-request-container #timeframe-options #addLink {
  clear: both;
  padding-top: 5px;
  margin-left: 200px;
}
.data-request-container #timeframe-options .field-error {
  width: 300px;
  margin-top: .5em;
}
.data-request-container .field-error {
  display: block;
}
.data-request-container .label {
  width: 100px;
  margin: 0;
  font-weight: bold;
}
.data-request-container .step-number-container {
  margin-left: -40px;
  margin-top: 0;
}
.data-request-container #submit-buttons {
  float: right;
  margin-top: 2em;
}
.data-request-container #submit-buttons button {
  margin-right: 5px;
}
.data-request-container #selected-metrics {
  margin-left: 20px;
  margin-top: 2em;
  margin-bottom: 1.5em;
}
.data-request-container #selected-metrics table {
  width: 490px;
}
.data-request-container #selected-metrics td {
  padding: 7px;
}
.data-request-container #select-locations {
  margin-left: 20px;
  padding-left: 100px;
  display: block;
}
.data-request-container #select-locations .field-error {
  margin-top: .5em;
}
.data-request-container #select-locations select {
  width: 180px;
}
.data-request-container #select-locations .stateSelectWrapper .required-indicator {
  margin-left: 5px;
}
.data-request-container #select-locations #addAnotherLocation {
  padding-left: 115px;
}
.data-request-container #select-locations img {
  margin-right: 5px;
  margin-bottom: -3px;
}
.data-request-container #contact-details {
  line-height: 1.5;
  margin-top: .5em;
}
.data-request-container .tip:first-child {
  margin-top: 200px;
}
.data-request-container form {
  padding-top: 5px;
}
.data-request-container h3 {
  padding-top: 5px !important;
  margin-bottom: 1em;
}
.data-request-container #timeframe-options {
  margin-bottom: 1.3em;
  margin-left: 20px;
  padding-left: 100px;
  display: block;
}
/*----------------------------
            RESPOND TO DATA REQUEST
        ----------------------------*/
.data-response-container #form-errors {
  margin-bottom: 2em;
}
.data-response-container .required-indicator {
  position: static;
  float: left;
}
.data-response-container .indent {
  margin-left: 20px;
}
.data-response-container .indent-more {
  padding-left: 100px;
  display: block;
}
.data-response-container small {
  display: block;
  margin-top: 5px;
}
.data-response-container input[type=text] {
  width: 400px;
}
.data-response-container #timeframe-options #timeframeType,
.data-response-container #timeframe-options #dateYear {
  float: left;
}
.data-response-container #timeframe-options .inline-tip {
  clear: both;
  display: block;
  padding-top: 5px;
}
.data-response-container #timeframe-options #addLink {
  clear: both;
  padding-top: 5px;
  margin-left: 200px;
}
.data-response-container #timeframe-options .field-error {
  width: 300px;
  margin-top: .5em;
}
.data-response-container .field-error {
  display: block;
}
.data-response-container .label {
  width: 100px;
  margin: 0;
  font-weight: bold;
}
.data-response-container .step-number-container {
  margin-left: -40px;
  margin-top: 0;
}
.data-response-container #submit-buttons {
  float: right;
  margin-top: 2em;
}
.data-response-container #submit-buttons button {
  margin-right: 5px;
}
.data-response-container #selected-metrics {
  margin-left: 20px;
  margin-top: 2em;
  margin-bottom: 1.5em;
}
.data-response-container #selected-metrics table {
  width: 490px;
}
.data-response-container #selected-metrics td {
  padding: 7px;
}
.data-response-container #select-locations {
  margin-left: 20px;
  padding-left: 100px;
  display: block;
}
.data-response-container #select-locations .field-error {
  margin-top: .5em;
}
.data-response-container #select-locations select {
  width: 180px;
}
.data-response-container #select-locations .stateSelectWrapper .required-indicator {
  margin-left: 5px;
}
.data-response-container #select-locations #addAnotherLocation {
  padding-left: 115px;
}
.data-response-container #select-locations img {
  margin-right: 5px;
  margin-bottom: -3px;
}
.data-response-container #contact-details {
  line-height: 1.5;
  margin-top: .5em;
}
.data-response-container .tip:first-child {
  margin-top: 200px;
}
.data-response-container h3.subtitle {
  font-weight: normal;
  color: #000;
  font-size: 16px;
  margin-bottom: 1.2em;
}
.data-response-container button {
  margin-right: 10px;
  padding: 5px 8px;
}
.data-response-container .tip,
.data-response-container .last-tip {
  margin-top: 5px;
}
.data-response-container .field-error {
  margin-left: 20px;
}
.data-response-container .indent {
  margin-left: 120px;
}
.data-response-container .label {
  margin-left: 20px;
  width: 100px;
  font-weight: bold;
}
.data-response-container #onePropertyChooser {
  width: 250px;
}
.data-response-container #timeframe-options {
  margin-bottom: 1.3em;
}
.data-response-container #timeframe-options .field-error {
  margin-left: 0;
  width: 300px;
  margin-top: .5em;
  margin-bottom: 0;
}
.data-response-container #timeframeType,
.data-response-container #dateYear {
  float: left;
}
.data-response-container .inline-tip-icon {
  clear: both;
  margin-left: 120px;
}
.data-response-container #no-properties-warning {
  margin-left: 130px;
}
.data-response-container fieldset h4 {
  padding: 10px 0;
}
.data-response-container #contact-selection {
  margin-left: 150px;
}
.data-response-container #contact-details p {
  margin-bottom: 0;
}
.data-response-container #about-request .indent {
  padding-top: 10px;
  margin-left: 140px;
}
.data-response-container #about-request .label {
  margin-left: -140px;
  width: 140px;
}
.data-response-container #about-request .contact-details {
  padding-left: 20px;
}
/*----------------------------
        SHARING
    ----------------------------*/
#sharing-container #table-my-shared,
#sharing-container #table-shared-with-me {
  width: 100%;
}
/*----------------------------
        SHARE PROPERTY
    ----------------------------*/
.share-property-section {
  padding: 20px 0;
}
.share-property-section img {
  margin-right: 20px;
}
.share-property-section .inline-tip {
  margin-left: 100px;
  display: block;
}
.share-property-section .property-select-wrapper {
  margin-left: 100px;
  margin-bottom: 0;
}
.share-property-section .multi-select-wrapper {
  margin-left: 100px;
  margin-bottom: 0;
}
.share-property-section .shareWithContactLabel {
  margin-left: 100px;
  margin-bottom: 0;
}
.share-property-section #shareWithContactControl {
  max-height: 250px;
}
.share-property-section .bulk-permission-wrapper {
  margin-left: 110px;
  margin-bottom: 0px;
}
div#modalDialogSelectProperties {
  width: 900px;
}
div#modalDialogSelectProperties .tablescroll {
  margin-bottom: 10px;
}
div#modalDialogSelectProperties .tablescroll_head {
  margin-top: 5px;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable {
  border: none;
  width: 550px;
}
div#modalDialogSelectProperties #selectPropertyPage_modalDialog_filterContainer {
  width: 270px;
}
div#modalDialogSelectProperties fieldset#selectPropertyPage_modalDialog_filterContainer_fieldset {
  margin: 5px 5px 0 0;
}
div#modalDialogSelectProperties fieldset#selectPropertyPage_modalDialog_filterContainer_fieldset div#filterByAllList {
  padding-left: 0;
}
div#modalDialogSelectProperties fieldset#selectPropertyPage_modalDialog_filterContainer_fieldset div#filterByAllList .filter-list-container {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 11px;
  max-height: 60px;
  overflow: auto;
  background: #fff;
  border: 1px solid #94C6DA;
  margin-bottom: 10px;
}
div#modalDialogSelectProperties fieldset#selectPropertyPage_modalDialog_filterContainer_fieldset div#filterByAllList .filter-list-container ul {
  margin: 0;
}
div#modalDialogSelectProperties fieldset#selectPropertyPage_modalDialog_filterContainer_fieldset div#filterByAllList .filter-list-container input[type="checkbox"] {
  vertical-align: -3px;
  margin: 3px;
}
/* PERMISSIONS */
#share-property-container #my-share-property-table {
  width: 100%;
}
#share-property-container #my-share-property-table th.long,
#share-property-container #my-share-property-table td.long {
  width: 300px;
}
#share-property-container #my-share-property-table th.med,
#share-property-container #my-share-property-table td.med {
  width: 100px;
  text-align: center;
}
#share-property-container #my-share-property-table th.small,
#share-property-container #my-share-property-table td.small {
  width: 20px;
}
#share-property-container #my-share-property-table div.connectionStatusLink {
  display: inline-block;
  white-space: nowrap;
}
#share-property-container #my-share-property-table .warning {
  background-image: url(../../image/icons/icon_blocker.png);
  padding-left: 33px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 4px;
}
#customAccessModal {
  overflow: auto;
}
#customAccessModal .padded-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#customAccessModal .required {
  color: red;
  margin-left: -9px;
  font-weight: bold;
  border: none;
}
#customAccessModal .scrollableInfo {
  margin-left: 10px;
  width: 200px;
  height: 415px;
  overflow: auto;
}
#customAccessModal .scrollableInfo p {
  font-size: 11px;
}
#customAccessModal .scrollableInfo ul {
  font-size: 11px;
}
#customAccessModal #customAccessContainer {
  overflow: auto;
  max-height: 523px;
}
#customAccessModal .customAccessTable {
  overflow: auto;
  width: 445px;
  max-height: 300px;
}
#automatedDataExchangeModal {
  overflow: auto;
}
#automatedDataExchangeModal .padded-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#automatedDataExchangeModal .required {
  color: red;
  margin-left: -9px;
  font-weight: bold;
  border: none;
}
#automatedDataExchangeModal .scrollableInfo {
  margin-left: 10px;
  width: 200px;
  height: 415px;
  overflow: auto;
}
#automatedDataExchangeModal .scrollableInfo p {
  font-size: 11px;
}
#automatedDataExchangeModal #webServiceAccessContainer {
  overflow: auto;
  /*max-width: 610px;*/
  max-height: 400px;
  min-height: 150px;
}
#automatedDataExchangeModal .webServiceAccessTable {
  overflow: auto;
  max-width: 99%;
  max-height: 300px;
}
/*-----------------------------------------------------
    GLOSSARY
-----------------------------------------------------*/
#glossary-container #letters {
  background: #F7F7F7;
  border: 1px solid #BFCACF;
  padding: 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 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);
  margin-bottom: 15px;
  text-align: center;
}
#glossary-container #letters a,
#glossary-container #letters span,
#glossary-container #letters text {
  display: inline-block;
  padding: 0 5px 0 5px;
  font-size: 18px;
}
#glossary-container h3 {
  font-size: 30px;
}
#glossary-container h4 {
  padding-top: 15px;
}
#glossary-container .definition {
  margin-bottom: 1em;
}
/*---------------------------------
    DESIGN RESULTS (Auth and Unauth)
------------------------------------
/* Design Tab */
#Design {
  line-height: 18px;
}
#Design h3,
#Design h4 {
  font-weight: normal;
}
#Design h2,
#Design h4 {
  color: #3E576F;
}
#Design #design-left .big-button {
  font-size: 15px !important;
}
#Design #design-left #design-score-container #score-widget-score {
  font-size: 40px;
  font-weight: bold;
}
#Design #design-left #design-score-container #score-widget-apply {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #efefef;
  border: 1px solid #c0c0c0;
  padding: 5px;
}
#Design #design-left #design-score-container #score-widget-apply img {
  margin-top: 4px;
}
#Design #design-left #design-score-container #score-widget-apply a {
  width: 210px;
}
#Design #design-left #design-download-container img {
  padding-top: 2px;
}
#Design #design-left #design-download-container h4 {
  width: 180px;
  padding-left: 10px;
}
#Design #design-left table tr,
#Design #design-left table td {
  vertical-align: top;
  background: none;
  border: none;
}
#Design #design-right .compare-text {
  font-size: 14px;
  padding: 12px 5px 0 10px;
  line-height: 20px;
}
#Design #design-right .compare-text #compare-target-percent,
#Design #design-right .compare-text #compare-median-percent {
  font-weight: bold;
}
#Design #design-right .compare-text #compare-target-percent {
  color: #008000;
}
#Design #design-right .compare-text #compare-median-percent {
  color: #ff0000;
}
#Design #design-right .not-enough-info {
  width: 450px;
  padding-left: 10px;
}
#Design #unauth-done {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.placeholder {
  border: 1px solid #c0c0c0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 20px;
}
.test_changes {
  display: none;
}
.alert-found {
  color: red;
}
.alert-found img {
  vertical-align: middle;
}
.no-alert {
  color: green;
}
.no-alert img {
  vertical-align: middle;
}
#meter-consumption-container,
.accordion-container,
#utility-bill-table {
  margin-bottom: 20px;
}
#meter-consumption-container #addMeterSelectModal img,
.accordion-container #addMeterSelectModal img,
#utility-bill-table #addMeterSelectModal img {
  padding-right: 5px;
  margin-top: -1px;
}
#meter-consumption-container #meterList,
.accordion-container #meterList,
#utility-bill-table #meterList,
#meter-consumption-container .meterlist,
.accordion-container .meterlist,
#utility-bill-table .meterlist {
  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: 1px solid #c0c0c0;
  margin-top: 10px;
}
#meter-consumption-container .collapsible-title,
.accordion-container .collapsible-title,
#utility-bill-table .collapsible-title {
  line-height: 26px;
  background-color: #eeeff1;
  font-weight: bold;
  font-size: 14px;
  padding: 5px;
  margin-bottom: 1px;
}
#meter-consumption-container .collapsible-title img,
.accordion-container .collapsible-title img,
#utility-bill-table .collapsible-title img {
  vertical-align: middle;
  margin-top: -1px;
}
#meter-consumption-container .collapsible-title a,
.accordion-container .collapsible-title a,
#utility-bill-table .collapsible-title a {
  font-size: 12px;
  font-weight: normal;
}
#meter-consumption-container .collapsible-title a.edit,
.accordion-container .collapsible-title a.edit,
#utility-bill-table .collapsible-title a.edit {
  margin-left: 10px;
}
#meter-consumption-container .collapsible-title a.deletes,
.accordion-container .collapsible-title a.deletes,
#utility-bill-table .collapsible-title a.deletes {
  padding-left: 15px;
  margin-right: 10px;
  cursor: pointer;
  text-decoration: underline;
}
#meter-consumption-container .collapsible-title a.deletes img,
.accordion-container .collapsible-title a.deletes img,
#utility-bill-table .collapsible-title a.deletes img {
  margin-right: 3px;
}
#meter-consumption-container .accordion,
.accordion-container .accordion,
#utility-bill-table .accordion {
  width: 100%;
  overflow: none;
  background: url('../../image/accordion-bg.png') 0 36px repeat-x;
}
#meter-consumption-container .accordion .content,
.accordion-container .accordion .content,
#utility-bill-table .accordion .content {
  padding: 10px;
  margin: 0;
}
#meter-consumption-container .accordion .dataGridTableContainer,
.accordion-container .accordion .dataGridTableContainer,
#utility-bill-table .accordion .dataGridTableContainer {
  margin: 8px 0;
  padding: 0 !important;
}
#meter-consumption-container .accordion .dataGridTableContainer .dataTables,
.accordion-container .accordion .dataGridTableContainer .dataTables,
#utility-bill-table .accordion .dataGridTableContainer .dataTables {
  min-width: 100%;
}
#meter-consumption-container .accordion .belowTable,
.accordion-container .accordion .belowTable,
#utility-bill-table .accordion .belowTable {
  margin-bottom: 15px;
}
#meter-consumption-container .accordion .belowTable .add-delete-links,
.accordion-container .accordion .belowTable .add-delete-links,
#utility-bill-table .accordion .belowTable .add-delete-links {
  width: 200px;
  line-height: 20px;
}
#meter-consumption-container .accordion .belowTable .add-delete-links img,
.accordion-container .accordion .belowTable .add-delete-links img,
#utility-bill-table .accordion .belowTable .add-delete-links img {
  vertical-align: middle;
}
#meter-consumption-container .accordion .belowTable .upload-area,
.accordion-container .accordion .belowTable .upload-area,
#utility-bill-table .accordion .belowTable .upload-area {
  padding-top: 6px;
  text-align: right;
}
#meter-consumption-container .accordion .belowTable .tip-container,
.accordion-container .accordion .belowTable .tip-container,
#utility-bill-table .accordion .belowTable .tip-container {
  background: url('../../image/icons/tip-icon.png') no-repeat;
  background-size: 17px 21px;
  margin: 5px 25px 35px 0;
  padding-left: 23px;
}
#meter-consumption-container .accordion .belowTable .tip-container span,
.accordion-container .accordion .belowTable .tip-container span,
#utility-bill-table .accordion .belowTable .tip-container span {
  display: block;
  float: left;
  width: 320px;
  margin-right: 10px;
}
#meter-consumption-container .delete,
.accordion-container .delete,
#utility-bill-table .delete {
  float: right;
}
#meter-consumption-container .associated,
.accordion-container .associated,
#utility-bill-table .associated {
  float: left;
}
#meter-consumption-container .multi-select,
.accordion-container .multi-select,
#utility-bill-table .multi-select {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  float: left;
}
#meter-consumption-container .multiSelect,
.accordion-container .multiSelect,
#utility-bill-table .multiSelect {
  float: left;
}
#meter-consumption-container .multi-after,
.accordion-container .multi-after,
#utility-bill-table .multi-after {
  float: left;
}
#meter-consumption-container .dataTable,
.accordion-container .dataTable,
#utility-bill-table .dataTable {
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-right: 30px;
}
#meter-consumption-container .dataTable .chosen-container,
.accordion-container .dataTable .chosen-container,
#utility-bill-table .dataTable .chosen-container {
  margin-left: 10px;
}
#meter-consumption-container .checkbox,
.accordion-container .checkbox,
#utility-bill-table .checkbox {
  text-align: center;
}
#meter-consumption-container .containsAdd,
.accordion-container .containsAdd,
#utility-bill-table .containsAdd {
  float: right;
  display: inline;
  margin-top: 13px;
}
#design-recognition-container section {
  margin-bottom: 20px;
}
#design-recognition-container section {
  padding: 10px 0 10px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 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);
  background: #f7f7f7;
  border: 1px solid #bfcacf;
}
#design-recognition-container .address {
  display: inline;
  float: left;
  margin-right: 20px;
  width: 300px;
  margin-right: 0;
  margin-left: 100px;
  margin-bottom: 20px;
  clear: left;
}
#design-recognition-container li.complete {
  list-style-type: none;
  list-style-image: url('../../image/apply-progress-complete.png');
  padding-left: 10px;
}
#design-recognition-container li.current {
  list-style-type: none;
  list-style-image: url('../../image/apply-progress-arrow.png');
  padding-left: 10px;
}
#design-recognition-container li.bullet {
  list-style-type: none;
  list-style-image: url('../../image/apply-progress-bullet.png');
  padding-left: 10px;
}
.modal-two-columns {
  position: relative;
}
.modal-two-columns .modal-first-column {
  float: left;
  width: 40%;
  padding-right: 10px;
}
.modal-two-columns .modal-second-column {
  float: left;
  width: 55%;
}
.modal-clear {
  clear: both;
}
/*-----------------------------------------------------
    select propert modal
-----------------------------------------------------*/
div#modalDialogSelectProperties {
  width: 900px;
}
div#modalDialogSelectProperties a {
  cursor: pointer;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable {
  border: none;
  width: 615px;
  max-height: 488px;
  overflow-y: auto;
  display: block;
  font-size: 12px;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable thead tr th {
  padding-right: 15px;
  height: 50px;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable tbody tr {
  height: 25px;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable .tableHeader,
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable .headerSortUp,
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable .headerSortDown {
  background-repeat: no-repeat !important;
  background-position: center right !important;
  cursor: pointer;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable .tableHeader {
  background-image: url(../../image/Grid/bg.gif) !important;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable .headerSortUp {
  background-image: url(../../image/Grid/asc.gif) !important;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable .headerSortDown {
  background-image: url(../../image/Grid/desc.gif) !important;
}
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable tbody,
div#modalDialogSelectProperties table#modalDialogSelectPropertiesTable thead {
  width: 615px;
}
div#modalDialogSelectProperties div#spinner img {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
}
.button-badge {
  background-color: #fa3e3e;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  padding: 2px 2px;
  font-size: 10px;
  position: relative;
  bottom: 8px;
}
.es_notification_badge {
  border-radius: 50%;
  color: white;
  font-weight: bold;
  padding: 1px 1px;
  font-size: 10px;
  position: relative;
  bottom: 4px;
}
/*-----------------------------------------------------
    custom download page
-----------------------------------------------------*/
.row-count-error {
  padding: 0.8em;
  margin-bottom: 1em;
  background: #fbe3e4;
  border: 2px solid #fbc2c4;
}
.download-failed-warning {
  border: 2.5px solid black;
  padding: 8px;
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 97%;
  background: #f7c985;
}
.message-panel .section-title {
  display: block;
  background: #d7eafd;
  font-size: 15px;
  padding: 10px;
  border-bottom: 1px solid #c0d0e0;
  margin-bottom: 0;
}
.disabledLink {
  color: darkgray;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
/*-----------------------------------------------------
    My Property Summary Tab
-----------------------------------------------------*/
#modalDialogSelectMetricsSummary {
  width: 823px;
}
#modalDialogSelectMetricsSummary .excessMetrics {
  color: #f00;
}
#modalDialogSelectMetricsSummary #metricCategoryList {
  margin: 0;
  width: 20em;
}
#modalDialogSelectMetricsSummary #metricCategoryList li {
  list-style: none;
}
#modalDialogSelectMetricsSummary #metricCategoryList span.hint {
  width: 200px;
}
#modalDialogSelectMetricsSummary #metricCategoryList .inline-tip {
  width: 200px;
}
#modalDialogSelectMetricsSummary #metricTabContent {
  margin-left: 20em;
  padding-left: 10px;
}
#modalDialogSelectMetricsSummary .ui-tabs-vertical .ui-tabs-nav {
  padding: .2em .1em .2em .2em;
  float: left;
  width: 12em;
}
#modalDialogSelectMetricsSummary .ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px 0.2em 0;
}
#modalDialogSelectMetricsSummary .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
}
#modalDialogSelectMetricsSummary .ui-tabs-vertical .ui-tabs-panel {
  padding: 5px;
  width: 95%;
}
#liveAccessToWebServices-container .account-info-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 20px;
  border: 3px solid #fff;
  background-color: lightgrey;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#liveAccessToWebServices-container .account-info-org {
  display: grid;
  grid-template-columns: 120px auto;
}
#liveAccessToWebServices-container .account-info-label {
  display: inline-block;
  width: 120px;
}
.spinner-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1001;
}
.ui-widget-overlay {
  background: #444444 !important;
  opacity: .5 !important;
}
.ui-dialog .ui-dialog-content {
  background: white !important;
}