@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.form-group .ng-invalid {
  border-color: #a94442; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400; }

body, p {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; }

body {
  margin-top: 70px; }
  body:not(.header) {
    margin-top: 0px; }
  body.browser-not-supprted {
    overflow: hidden; }
    body.browser-not-supprted .browser-not-supprted-overlay {
      display: none;
      opacity: 0.8;
      flex-direction: column;
      background: #000000;
      color: #ffffff;
      justify-content: center;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center;
      z-index: 1000;
      text-align: center;
      padding: 25%; }
      body.browser-not-supprted .browser-not-supprted-overlay.show {
        display: block; }

main {
  height: 100%; }

.bidgely-form-info-title {
  font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500; }

.has-error .form-control-error {
  display: block !important; }

.signup-body-padding {
  padding-top: 30px;
  padding-bottom: 30px; }

.icn-energy-monitor {
  background-image: url("../img/icn-energy-monitor.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%; }

.icn-smart-meter {
  background-image: url("../img/icn-smart-meter.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%; }

.img-smart-meter {
  background-image: url("../img/energymonitor/img_smart_meter.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 150px;
  width: 150px; }

.img-analog-meter {
  background-image: url("../img/energymonitor/img_analog_meter.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 150px;
  width: 150px; }

.img-rainforest-eagle {
  background-image: url("../img/energymonitor/img_rainforest_eagle_rfaz109.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 70px; }

.img-digi-connectport {
  background-image: url("../img/energymonitor/img_digi_connectport_ert.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 70px; }

.img-ted-5000 {
  background-image: url("../img/energymonitor/img_ted_5000.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 70px; }

.icn-energy-monitor-blue {
  background-image: url("../img/icn-energy-monitor-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%; }

.icn-utility-blue {
  background-image: url("../img/icn-utility-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%; }

.button-padding-right {
  padding-right: 4px; }

.home-profile-container input[type=number]::-webkit-outer-spin-button {
  margin: 0; }

.home-profile-container input[type=number]::-webkit-inner-spin-button {
  margin: 0; }

.utility-hidden {
  display: none !important;
  visibility: hidden !important; }

.utility-no-border {
  border: medium none; }

.popover-align-center {
  text-align: center; }

.left-margin-legend {
  margin-left: 1%; }

.helper-link {
  font-size: 13px;
  line-height: 18px; }

.page-iframe {
  width: 100%;
  min-height: 500px;
  overflow: hidden;
  border: none;
  display: block; }

.mobile-web-iframe {
  overflow: hidden;
  border: none;
  display: block;
  width: 480px;
  height: 900px;
  margin: auto;
  padding: 50px 0px;
  overflow-x: hidden;
  overflow-y: scroll; }

.logo-white {
  background: transparent url("../img/logo-bidgely-white.svg") no-repeat 0 0; }

.nve-her-logo {
  content: url("../img/nve/power-shift-logo.png");
  width: 220px;
  height: 86px; }

.rmp-her-logo {
  content: url("../img/utility/rmp_her_logo.png");
  height: 73px;
  width: 408px;
  margin-top: 10px; }

.dominion-her-logo {
  content: url("../img/utility/dominion_logo.svg");
  height: 160px;
  width: 408px;
  margin-top: 10px; }

.cva-her-logo {
  content: url("../img/utility/cva_logo.svg");
  height: 160px;
  width: 350px;
  margin-top: 10px; }

.gpc-her-logo {
  content: url("../img/gpc/gpc_her_logo.png");
  height: 73px;
  width: 408px;
  margin-top: 10px; }

.coh-her-logo {
  content: url("../img/coh/coh-her-logo.png");
  height: 90px;
  width: 350px;
  margin-top: 10px; }

.mce-her-logo {
  content: url("../img/mce/mce-her-logo.png");
  height: 90px;
  width: 300px;
  margin-top: 10px; }

.ubc-logo {
  content: url("../img/ubc/ubc-logo.png");
  height: 70px;
  width: 290px;
  margin-top: 10px; }

.nve-go-paperless {
  background-size: contain; }

.nve-free-assessment-text {
  height: 80px;
  width: 770px; }

.nve-marketing-content {
  width: 330px;
  height: 280px; }

.ue-logo {
  width: 70px;
  height: 54px;
  margin-top: 8px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-ue-white.png") no-repeat 0 0;
  background-size: 70px 54px; }

.ce-logo {
  width: 160px;
  height: 40px;
  margin-top: 17px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-ce-white.png") no-repeat 0 0;
  background-size: 150px 40px; }

.je-logo {
  width: 160px;
  height: 40px;
  margin-top: 17px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-je-white.png") no-repeat 0 0;
  background-size: 68px 40px; }

.comed-logo {
  width: 217px;
  height: 46px;
  margin-top: 17px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-comed-white.png") no-repeat 0 0;
  background-size: 217px 46px; }

.opuc-logo {
  display: block;
  width: 165px;
  height: 60px;
  margin-top: 0px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-opuc-white.png") no-repeat 0 0;
  background-size: 165px 60px; }

.enovos-logo {
  width: 160px;
  height: 40px;
  margin-top: 17px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-enovos-white.png") no-repeat 0 0;
  background-size: 100px 45px; }

.hydroottawa-logo {
  width: 160px;
  height: 45px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-hydroottawa-white.svg") no-repeat 0 0;
  background-size: 160px 45px;
  display: inline-block;
  float: left;
  margin-right: 25px;
  cursor: default; }

.hydroottawa-email-logo {
  width: 195px;
  height: 45px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-hydro-ottawa.png") no-repeat 0 0;
  background-size: 195px 45px; }

.rmp-email-logo {
  width: 215px;
  height: 50px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-rmp.svg") no-repeat 0 0;
  background-size: contain; }

.pp-email-logo {
  width: 230px;
  height: 45px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/PP-Logo-Email.svg") no-repeat 0 0;
  background-size: 195px 45px; }

.pp-or-email-logo {
  width: 280px;
  height: 60px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/pp-or-logo.png") no-repeat 0 0; }

.gpc-email-logo {
  width: 215px;
  height: 50px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/gpc-logo-preferences.png") no-repeat 0 0;
  background-size: contain; }

.coh-email-logo {
  height: 30px;
  width: 115px;
  background: transparent url("../img/coh/coh-her-logo.png") no-repeat 0 0;
  background-size: contain; }

.mce-email-logo {
  height: 50px;
  width: 115px;
  background: transparent url("../img/mce/mce-her-logo.png") no-repeat 0 0;
  background-size: contain;
  margin: 0 auto; }

.dominion-email-logo {
  height: 50px;
  width: 115px;
  background: transparent url("../img/utility/dominion_logo.svg") no-repeat 0 0;
  background-size: contain;
  margin: 0 auto; }

.cva-email-logo {
  height: 50px;
  width: 115px;
  background: transparent url("../img/utility/cva_logo.svg") no-repeat 0 0;
  background-size: contain;
  margin: 0 auto; }

.nve-logo {
  width: 160px;
  height: 36px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-nvenergy-white.svg") no-repeat 0 0;
  background-size: 160px 36px;
  display: inline-block;
  float: left;
  margin-right: 25px; }

.nve-fapr-logo {
  background: transparent url("../img/PowerShift-Logo.svg") no-repeat;
  height: 100px;
  background-size: contain; }

.nve-fapr-marketing-content {
  background: transparent url("../img/nve-marketing-content.jpg") no-repeat;
  background-size: contain;
  height: 440px; }

.duke-logo {
  height: 45px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/duke/logo-duke.png") no-repeat 0 0;
  background-size: contain;
  width: 160px; }

.vse-logo {
  height: 45px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/vse/logo-vse.png") no-repeat 0 0;
  background-size: contain;
  width: 160px; }

.ui-logo {
  height: 42px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/ui/logo-ui.png") no-repeat 0 0;
  background-size: contain;
  width: 192px; }

.fpl-blue-logo {
  margin-top: 10px;
  height: 59px;
  width: 65px;
  background: transparent url("../fpl/images/fpl-logo-blue.svg") no-repeat 0 0;
  background-size: contain; }

.dep-logo {
  height: 59px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/dep/logo-dep.png") no-repeat 0 0;
  background-size: contain;
  width: 156px; }

.lh-logo {
  height: 83px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/lh-logo-48x83.png") no-repeat 0 0;
  background-size: contain;
  width: 48px; }

.fpl-logo {
  width: 100px !important;
  height: 59px !important;
  margin-top: 10px !important;
  margin-left: 5px !important;
  background: url("../img/utility/logo-fpl.png") no-repeat !important;
  background-size: 59px 59px !important;
  display: inline-block;
  float: left;
  margin-right: 25px !important; }

.rmp-logo {
  width: 160px;
  height: 36px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/utility/rmp-logo-white.svg") no-repeat 0 0;
  background-size: 160px 36px;
  display: inline-block;
  float: left;
  margin-right: 25px; }

.tepco-logo {
  height: 45px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/tepco-logo.png") no-repeat 0 0;
  background-size: contain;
  background-position: center;
  width: 118px; }

.nve-email-logo {
  height: 30px;
  background: transparent url("../img/utility/nvenergy-logo.png") no-repeat 0 0;
  background-size: contain;
  width: 134px; }

.nve-power-shift-logo {
  height: 50px;
  background: transparent url("../img/utility/nve-power-shift-logo.png") no-repeat 0 0;
  background-size: contain;
  width: 134px; }

.scg-logo {
  background: transparent url("../img/scg-email-logo.png") no-repeat 0 0;
  background-size: contain;
  height: 55px;
  width: 100px; }

header.navbar .bidgely-header-logo.pp-logo {
  width: 180px;
  height: 36px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/utility/pp-logo-white.png") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin-right: 25px; }

header.navbar .bidgely-header-logo.coh-logo {
  width: 180px;
  height: 54px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/coh/coh-logo-white.png") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin-right: 25px; }

header.navbar .bidgely-header-logo.mce-logo {
  width: 180px;
  height: 54px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/mce/mce-white-logo.png") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin-right: 25px; }

header.navbar .bidgely-header-logo.dominion-logo {
  width: 180px;
  height: 54px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/utility/dominion-white-logo.png") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin-right: 25px; }

header.navbar .bidgely-header-logo.cva-logo {
  width: 180px;
  height: 54px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/utility/cva_logo.png") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin-right: 25px; }

.simplyenergy-logo {
  height: 45px;
  margin-top: 10px;
  margin-left: 5px;
  background: transparent url("../img/utility/simplyenergy-logo.png") no-repeat 0 0;
  background-size: contain;
  width: 160px; }

.pp-logo {
  width: 160px;
  height: 36px;
  margin-top: 15px;
  margin-left: 5px;
  background: transparent url("../img/pp-logo-white.png") no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin-right: 25px; }

.pp-her-logo {
  content: url("../img/utility/PP-Logo-HER.png");
  width: 408px;
  margin-top: 10px;
  height: 61px; }

a.origin-logo {
  width: 36px;
  height: 60px;
  margin-top: 5px;
  margin-left: 5px;
  background: transparent url("../img/utility/logo-origin-white.svg") no-repeat 0 0;
  background-size: 36px 60px;
  display: inline-block;
  float: left;
  margin-right: 25px;
  cursor: default; }

.vse-print-logo {
  background: url("../img/vse/logo-vse.png") no-repeat;
  height: 90px;
  background-size: contain; }

a.clean {
  text-decoration: none; }

#frm-login .btn-bidgely {
  width: 100%; }

.edit-account .has-error .bidgely-col-form-label {
  color: #d9534f; }

.edit-account .has-error .error-message {
  padding-top: 10px; }

.btn-secondary {
  background-color: #e78523;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  text-align: left; }
  .btn-secondary:hover {
    color: #ffffff;
    background-color: #CE7116; }
  .btn-secondary:focus {
    color: #ffffff; }

.loading-spinner {
  -webkit-animation: loading-spinner infinite .75s linear;
  -moz-animation: loading-spinner infinite .75s linear;
  -o-animation: loading-spinner infinite .75s linear;
  animation: loading-spinner infinite .75s linear;
  border: 2px solid #ffffff;
  border-top-color: transparent;
  border-radius: 100%;
  height: 40px;
  margin: 0 auto;
  width: 40px; }

@-webkit-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.custom-padding {
  padding: 0px 10px; }

.preload .loading-spinner {
  top: 70%; }

.overlay {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: table;
  left: 0;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000; }
  .overlay .middle {
    display: table-cell;
    vertical-align: middle; }
  .overlay .overlay-content {
    color: #ffffff;
    font-size: 22px;
    font-weight: 200;
    line-height: 35px;
    margin: 0 auto;
    max-width: 700px;
    text-align: center; }

#dashboard-loading {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  height: 175px;
  width: 100%;
  opacity: 0.8;
  line-height: 150px;
  z-index: 10; }
  #dashboard-loading.IE {
    height: 225px;
    line-height: 200px; }
  #dashboard-loading.weather {
    height: 275px;
    line-height: 250px; }
  #dashboard-loading .bidgely-loading {
    padding-left: 25px;
    line-height: normal;
    background-repeat: no-repeat;
    font-weight: 700;
    width: 75px; }

.faq-modal {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
  .faq-modal .modal-header {
    padding: 25px; }
    .faq-modal .modal-header h4 {
      text-align: center;
      font-weight: 300;
      color: #323232;
      font-size: 24px;
      line-height: 20px; }
    .faq-modal .modal-header button {
      opacity: 1;
      font-weight: 100;
      font-size: 30px;
      margin: 0;
      position: absolute;
      top: 8px;
      right: 15px; }
  .faq-modal .modal-body {
    padding: 0; }
    .faq-modal .modal-body .faq {
      border-bottom: 1px solid #e5e5e5;
      padding: 10px 20px; }
      .faq-modal .modal-body .faq .icon {
        border: 1px solid #2BA2E0;
        border-radius: 15px;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 30px;
        font-size: 28px;
        font-weight: 200;
        color: #2BA2E0;
        margin-right: 15px;
        float: left; }
        .faq-modal .modal-body .faq .icon.icon-collapse::before {
          content: "+"; }
        .faq-modal .modal-body .faq .icon.icon-expanded::before {
          content: "-"; }
      .faq-modal .modal-body .faq .faq-wrapper {
        float: left;
        max-width: 500px; }
        .faq-modal .modal-body .faq .faq-wrapper .title {
          font-size: 16px;
          font-weight: 400;
          line-height: 30px;
          color: #2BA2E0;
          vertical-align: middle; }
        .faq-modal .modal-body .faq .faq-wrapper .desc {
          font-size: 15px;
          line-height: 20px;
          padding: 10px 0;
          display: none; }
          .faq-modal .modal-body .faq .faq-wrapper .desc li {
            font-size: 15px;
            line-height: 20px; }
        .faq-modal .modal-body .faq .faq-wrapper.expanded .title {
          color: #323232; }
        .faq-modal .modal-body .faq .faq-wrapper.expanded .desc {
          display: block; }
  .faq-modal .modal-footer {
    text-align: center;
    border: none;
    padding: 20px; }
    .faq-modal .modal-footer .btn-primary {
      width: 180px;
      background-color: #008DC9;
      border: none;
      font-size: 16px;
      font-weight: 300;
      padding: 8px;
      letter-spacing: 1px;
      height: 40px; }

.session-exp-modal {
  z-index: 10000 !important; }

.bidgely-alertbar {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 300;
  margin-bottom: 0px;
  background-color: #d2dae2; }
  .bidgely-alertbar > div.alert {
    margin-bottom: 0px;
    border: 0px;
    text-align: left;
    color: #354052;
    background-image: none;
    border-bottom: 1px solid #d8dfe5;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; }
    .bidgely-alertbar > div.alert div.message {
      margin: 0px 10px; }
      .bidgely-alertbar > div.alert div.message .bidgely-icon-warning {
        font-size: 20px;
        top: 2px;
        margin-right: 10px; }
    .bidgely-alertbar > div.alert button.close {
      width: 19px;
      height: 19px;
      background-image: url("../img/icn_close.png");
      opacity: 1; }
    .bidgely-alertbar > div.alert.alert-danger strong {
      padding-left: 20px;
      background-image: url("../img/icn_alert.png");
      background-repeat: no-repeat;
      background-position: 0px 2px;
      opacity: 1; }

.alert-padding {
  padding-top: 2%;
  transition: padding 0.3s ease-in; }
  @media (max-width: 767px) {
    .alert-padding {
      padding-top: 30%; } }
  @media (min-width: 768px) {
    .alert-padding {
      padding-top: 8%; } }
  @media (min-width: 970px) {
    .alert-padding {
      padding-top: 5%; } }

.bidgely-browse {
  width: 100%;
  padding: 0px;
  font-size: 14px;
  line-height: 1.428571429;
  overflow: hidden; }
  .bidgely-browse.container > .content-row {
    padding: 15px 0px; }
    .bidgely-browse.container > .content-row.top {
      background-color: #ffffff; }
    .bidgely-browse.container > .content-row.bottom {
      display: none; }
    .bidgely-browse.container > .content-row > .row {
      margin: auto; }

@media (max-width: 969px) {
  .bidgely-browse.container > .content-row {
    padding: 0px; }
    .bidgely-browse.container > .content-row.bottom {
      padding-bottom: 10px; } }

@media (min-width: 768px) {
  .bidgely-browse.container > .content-row > .row {
    width: 698px; } }

@media (min-width: 970px) {
  .bidgely-browse.container > .content-row > .row {
    width: 940px; } }

@media (min-width: 1200px) {
  .bidgely-browse.container > .content-row > .row {
    width: 1170px; } }

#bidgely-timescale-menu,
.bidgely-timelabel,
.bidgely-timeframe-menu {
  color: #666;
  font-size: 14px;
  font-weight: bold; }
  #bidgely-timescale-menu a,
  .bidgely-timelabel a,
  .bidgely-timeframe-menu a {
    color: #666; }
    #bidgely-timescale-menu a.bidgely-compare-bill,
    .bidgely-timelabel a.bidgely-compare-bill,
    .bidgely-timeframe-menu a.bidgely-compare-bill {
      text-decoration: underline; }
      #bidgely-timescale-menu a.bidgely-compare-bill:hover,
      .bidgely-timelabel a.bidgely-compare-bill:hover,
      .bidgely-timeframe-menu a.bidgely-compare-bill:hover {
        text-decoration: none; }
    #bidgely-timescale-menu a span.glyphicon-chevron-left, #bidgely-timescale-menu a span.glyphicon-chevron-right,
    .bidgely-timelabel a span.glyphicon-chevron-left,
    .bidgely-timelabel a span.glyphicon-chevron-right,
    .bidgely-timeframe-menu a span.glyphicon-chevron-left,
    .bidgely-timeframe-menu a span.glyphicon-chevron-right {
      color: #666; }
  #bidgely-timescale-menu span.glyphicon-chevron-left, #bidgely-timescale-menu span.glyphicon-chevron-right,
  .bidgely-timelabel span.glyphicon-chevron-left,
  .bidgely-timelabel span.glyphicon-chevron-right,
  .bidgely-timeframe-menu span.glyphicon-chevron-left,
  .bidgely-timeframe-menu span.glyphicon-chevron-right {
    color: #ffffff;
    cursor: pointer; }

#bidgely-timescale-menu #bidgely-timescale-block.monthly {
  margin-left: 0px; }

.bidgely-timelabel .datepicker-outer {
  float: right;
  position: relative;
  margin: 0px;
  padding: 0px; }

.bidgely-timelabel .datepicker {
  position: absolute;
  top: 13px;
  left: -7px; }
  .bidgely-timelabel .datepicker .hidden {
    font-size: 1px;
    height: 1px;
    width: 1px; }

.bidgely-timelabel .datepickerclick {
  float: right;
  margin: 0px;
  padding: 0px; }

#bidgely-timescale-block {
  background-color: #f7f7f7;
  padding: 10px 10px;
  text-align: center; }
  @media (min-width: 970px) {
    #bidgely-timescale-block {
      border-bottom: none;
      margin: 0px 15px; } }
  #bidgely-timescale-block > div {
    padding: 0px; }

#bidgely-timescale-menu > .row > div {
  padding-left: 0px;
  padding-right: 0px; }

#bidgely-timescale-menu > .row > div.spent-message {
  padding-left: 15px;
  padding-right: 15px; }

#bidgely-timescale-menu .border {
  background-color: #2a3546;
  width: 1px;
  display: inline-block;
  padding: 10px 0px; }
  #bidgely-timescale-menu .border.short {
    padding: 2px 0px; }

#bidgely-timescale-menu .time-frame-type {
  background-color: #f7f7f7;
  height: 40px;
  text-align: left;
  position: relative; }
  #bidgely-timescale-menu .time-frame-type a {
    position: absolute; }
    #bidgely-timescale-menu .time-frame-type a.day {
      min-width: 27%; }
    #bidgely-timescale-menu .time-frame-type a.year {
      right: 0px;
      min-width: 29%; }
    #bidgely-timescale-menu .time-frame-type a.month {
      background-color: #f7f7f7;
      position: relative;
      margin-left: 26%;
      white-space: nowrap;
      max-width: 47%;
      overflow: hidden;
      text-overflow: ellipsis; }

#bidgely-timescale-menu .graph-view-type {
  max-width: 114px;
  width: 114px;
  display: inline-block;
  height: 40px;
  float: right;
  margin-left: 15px; }

#bidgely-timescale-menu .time-frame-type,
#bidgely-timescale-menu .graph-view-type {
  position: relative; }
  #bidgely-timescale-menu .time-frame-type a,
  #bidgely-timescale-menu .graph-view-type a {
    color: #666;
    font-weight: bold;
    padding: 10px 15px;
    display: inline-block;
    text-align: center; }
    #bidgely-timescale-menu .time-frame-type a[graphtype],
    #bidgely-timescale-menu .graph-view-type a[graphtype] {
      background-color: #f7f7f7;
      padding: auto;
      position: absolute; }
    #bidgely-timescale-menu .time-frame-type a[graphtype].kwh,
    #bidgely-timescale-menu .graph-view-type a[graphtype].kwh {
      min-width: 50%;
      right: 0px; }
    #bidgely-timescale-menu .time-frame-type a[graphtype].cost,
    #bidgely-timescale-menu .graph-view-type a[graphtype].cost {
      left: 0px;
      padding: 10px 20px;
      width: 50%; }
  #bidgely-timescale-menu .time-frame-type a:hover,
  #bidgely-timescale-menu .graph-view-type a:hover {
    text-decoration: none; }
  #bidgely-timescale-menu .time-frame-type a.selected,
  #bidgely-timescale-menu .graph-view-type a.selected {
    background-color: #16a4fa !important;
    color: #ffffff; }
  #bidgely-timescale-menu .time-frame-type .display-overlay,
  #bidgely-timescale-menu .graph-view-type .display-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }

#bidgely-timescale-menu div.timescale-loading {
  position: absolute;
  right: 10px;
  top: 10px; }

#bidgely-timescale-menu div.weather {
  display: inline-block;
  float: right; }
  #bidgely-timescale-menu div.weather div {
    background-color: #f7f7f7;
    font-weight: bold;
    padding: 0px;
    display: inline-block;
    text-align: center;
    float: right;
    height: 40px; }
    #bidgely-timescale-menu div.weather div input[type=radio] {
      height: 32px;
      display: none; }
    #bidgely-timescale-menu div.weather div label {
      margin-bottom: 0px;
      padding: 0px 15px;
      cursor: pointer; }
    #bidgely-timescale-menu div.weather div .bidgely-icon {
      font-size: 30px;
      margin-top: 5px; }
  #bidgely-timescale-menu div.weather div:hover {
    text-decoration: none; }
  #bidgely-timescale-menu div.weather div.selected {
    background-color: #16a4fa !important;
    color: #ffffff; }

#bidgely-timescale-menu .spent-message {
  color: #354052;
  font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, sans-serif;
  font-size: 24px; }
  #bidgely-timescale-menu .spent-message .amount {
    font-size: 34px; }

#bidgely-timescale-menu div.meters {
  text-align: left;
  color: #ffffff;
  background-color: #16a4fa;
  height: 40px;
  position: absolute;
  left: 50%;
  margin-left: -25%;
  font-weight: 300;
  cursor: pointer;
  z-index: 10; }
  #bidgely-timescale-menu div.meters span.caret {
    position: absolute;
    right: 10px;
    top: 18px; }
  #bidgely-timescale-menu div.meters div.meters-list {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    #bidgely-timescale-menu div.meters div.meters-list.expand {
      overflow: visible; }
    #bidgely-timescale-menu div.meters div.meters-list > div {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      height: 40px;
      background-color: #f7f7f7;
      border-top: 1px solid #666;
      padding: 10px 25px 10px 10px;
      color: #666;
      max-width: 200px; }
      #bidgely-timescale-menu div.meters div.meters-list > div:first-child {
        background-color: #16a4fa;
        border: none;
        color: #ffffff; }
      #bidgely-timescale-menu div.meters div.meters-list > div:hover, #bidgely-timescale-menu div.meters div.meters-list > div.selected {
        background-color: #16a4fa;
        color: #ffffff; }

@media (max-width: 1199px) and (min-width: 969px) {
  #bidgely-timescale-menu div.graph-view-type {
    max-width: 80px;
    font-size: 10px;
    line-height: 20px; }
    #bidgely-timescale-menu div.graph-view-type a[graphtype].cost, #bidgely-timescale-menu div.graph-view-type a[graphtype].kwh {
      padding: 10px 0px; }
  #bidgely-timescale-menu div.weather div.cloud .bidgely-icon {
    font-size: 20px;
    line-height: inherit; } }

@media (max-width: 1199px) {
  #bidgely-timescale-menu .time-frame-type a.day {
    width: 29%; }
  #bidgely-timescale-menu .time-frame-type a.year {
    width: 28%; }
  #bidgely-timescale-menu .time-frame-type a.month {
    width: 44%;
    margin-left: 29%;
    white-space: nowrap; }
  #bidgely-timescale-menu div.meters {
    position: relative;
    width: 100%;
    left: auto;
    margin-left: 0px; }
    #bidgely-timescale-menu div.meters > div.meters-list > div {
      max-width: none; } }

@media (max-width: 969px) {
  #bidgely-timescale-block {
    border-bottom: 1px solid #2a3546;
    margin: 0px; }
  #bidgely-timescale-menu .time-frame-type {
    border-bottom: 1px solid #2a3546; }
    #bidgely-timescale-menu .time-frame-type a.day, #bidgely-timescale-menu .time-frame-type a.year {
      width: 35%; }
    #bidgely-timescale-menu .time-frame-type a.month {
      width: 33%;
      margin-left: 33%;
      white-space: nowrap; }
  #bidgely-timescale-menu .graph-view-type {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-left: 0px;
    border-bottom: 1px solid #2a3546; }
    #bidgely-timescale-menu .graph-view-type > a[graphtype].cost, #bidgely-timescale-menu .graph-view-type > a[graphtype].kwh {
      padding-bottom: 9px; }
  #bidgely-timescale-menu div.meters {
    border-bottom: 1px solid #2a3546; }
  div.graph-legend {
    margin: 10px 0px;
    padding: 5px 0px; }
    div.graph-legend div.legend {
      text-align: left;
      display: block;
      padding: 5px; }
      div.graph-legend div.legend > div {
        display: inline-block; } }

@media (max-width: 767px) {
  #bidgely-timescale-menu .time-frame-type a,
  #bidgely-timescale-menu .graph-view-type a {
    height: 42px;
    vertical-align: middle;
    line-height: 100%; }
    #bidgely-timescale-menu .time-frame-type a[graphtype],
    #bidgely-timescale-menu .graph-view-type a[graphtype] {
      height: 40px; } }

.datepicker-outer th {
  color: #000000; }

.datepicker-outer .btn-default {
  background-image: none;
  background-repeat: no-repeat;
  border-color: #ffffff;
  box-shadow: none; }
  .datepicker-outer .btn-default .text-info {
    color: #000000; }

.datepicker-outer .btn-default:active, .datepicker-outer .btn-default.active {
  background-color: #3276b1;
  border-color: #285e8e;
  color: #ffffff;
  text-shadow: none; }
  .datepicker-outer .btn-default:active .text-info, .datepicker-outer .btn-default.active .text-info {
    color: #ffffff; }

.datepicker-outer .btn-default.active:hover, .datepicker-outer .btn-default.active:focus {
  background-color: #3276b1;
  border-color: #285e8e; }

.datepicker-outer .btn-default:hover, .datepicker-outer .btn-default:focus {
  background: #eeeeee;
  border-color: #eeeeee; }

.datepicker-outer .btn-sm, .datepicker-outer .btn-group-sm > .btn {
  padding: 4px 8px; }

#bidgely-timegraph {
  min-height: 42px; }
  #bidgely-timegraph .chart-loading {
    background-image: url("../img/icn-bidgely-loader.gif");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding-left: 25px; }
  #bidgely-timegraph div.graph-container .highcharts-tooltip {
    background-color: #fff;
    border-width: 0;
    padding: 0px 9px 18px 8px; }
  #bidgely-timegraph div.graph-container.IE {
    height: 225px; }
  #bidgely-timegraph .missing-values-legend {
    padding: 20px 0;
    color: #008DC9;
    font-size: 14px;
    text-align: right; }

.energy-rate .rate-value {
  position: relative;
  left: 16px; }

.real-time-dial .bidgely-icon.bidgely-icon-heart {
  height: 20px;
  width: 20px; }

#bidgely-crunching #heartbeatBox {
  background-color: #c1dff9; }
  #bidgely-crunching #heartbeatBox.darker-color {
    background-color: #16a4fa; }

#bidgely-crunching .arrow01 {
  border-right-color: #c1dff9; }
  #bidgely-crunching .arrow01.darker-color {
    border-right-color: #16a4fa; }

.comparison .legend-container .legend.you {
  color: #00a6fd; }
  .comparison .legend-container .legend.you .block {
    background-color: #00a6fd; }

.comparison .legend-container .legend.efficient {
  color: #359914; }
  .comparison .legend-container .legend.efficient .block {
    background-color: #359914; }

.comparison .legend-container .legend.average {
  color: #e49a00; }
  .comparison .legend-container .legend.average .block {
    background-color: #e49a00; }

header.navbar {
  min-height: 70px;
  height: auto;
  z-index: 9999; }

header .red-banner {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: #ff0000;
  color: #ffffff;
  min-height: 50px;
  width: 100%;
  z-index: 10; }
  header .red-banner .mail-report {
    padding: 5px 15px !important;
    background: white;
    border-color: white;
    border-radius: 5px;
    color: #969696;
    font-size: 14px;
    font-weight: 400; }
  header .red-banner .customer-detail-bar {
    padding: 15px; }
    header .red-banner .customer-detail-bar span {
      margin-right: 20px; }
    header .red-banner .customer-detail-bar .co-browsing-text {
      font-size: 20px;
      font-weight: 300; }
    header .red-banner .customer-detail-bar .capitalize-text {
      text-transform: capitalize; }
  header .red-banner + .title-area {
    padding-top: 80px; }

.usage-header.navigation-container {
  background-color: #F5F5F5;
  height: 55px;
  margin-bottom: 15px; }
  .usage-header.navigation-container .page-title {
    font-size: 16px;
    text-align: center; }
    .usage-header.navigation-container .page-title div {
      height: 55px;
      display: inline-block;
      padding: 0 40px;
      text-align: center;
      letter-spacing: 3px;
      color: #969696;
      cursor: pointer;
      font-weight: 400;
      line-height: 55px; }
    .usage-header.navigation-container .page-title .active {
      border-bottom: 3px solid #008EC4;
      color: #008EC4; }
  .usage-header.navigation-container .page-title-mobile {
    display: none; }
    .usage-header.navigation-container .page-title-mobile .isactive {
      border-bottom: 3px solid #008EC4;
      color: #008EC4; }

@media (max-width: 970px) {
  .mail-report {
    float: none;
    margin-top: 5px;
    margin-bottom: 0; } }

@media (max-width: 767px) {
  .usage-header.navigation-container_4 .page-title div {
    width: 25%;
    padding: 0 8px; } }

@media (max-width: 480px) {
  .usage-header .page-title {
    display: none; }
  .usage-header .page-title-mobile {
    display: block;
    font-size: 16px;
    text-align: center; }
    .usage-header .page-title-mobile div {
      width: 45%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 5px !important;
      height: 55px;
      display: inline-block;
      text-align: center;
      letter-spacing: 3px;
      color: #969696;
      cursor: pointer;
      font-weight: 400;
      line-height: 55px; }
      .usage-header .page-title-mobile div.nav-arrow {
        color: #008DC9 !important; }
  .usage-header.navigation-container_3 .page-title div {
    width: 33.33%; } }

@media (min-width: 970px) {
  .mail-report {
    float: right; } }

#UIfoot .small span {
  margin: 0 10px 0 0; }

.b2c {
  margin-top: 20px; }

.meter-dashboard #div-meters {
  margin-top: 25px; }

#frm-device-register .or-seperator {
  margin: 0 10px; }

#frm-device-register .you-less-logo {
  background-image: url("../img/company/logo-youless.png");
  height: 50px;
  width: 158px; }

#div-registration-form .has-error .bidgely-form-label {
  color: #d9534f; }

#div-registration-form .error-message {
  display: none; }

#div-registration-form .registration-steps {
  padding-top: 30px; }
  #div-registration-form .registration-steps .circle {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    margin-right: 5px;
    color: #ccc;
    float: left; }
    #div-registration-form .registration-steps .circle.active {
      border: 2px solid #16a4fa;
      color: #333333; }
    #div-registration-form .registration-steps .circle > span {
      display: inline-block;
      padding: 7px 0;
      text-align: center;
      width: 36px; }

#div-registration-form .has-error .bidgely-form-label {
  color: #d9534f; }

#div-registration-form .has-error .form-control {
  border-color: #d9534f; }

#div-registration-form .has-error .error-message {
  display: block; }

#div-registration-form .new-registration-flow .bidgely-page-header {
  background-color: #e6e6e6; }

#div-registration-form .new-registration-flow .bidgely-form-section label, #div-registration-form .new-registration-flow .bidgely-form-section .bidgely-form-label {
  color: #838b92; }

#div-registration-form .new-registration-flow .has-error .bidgely-form-label {
  color: #d9534f; }

#div-registration-form #creating-account > .glyphicon-ok-sign, #div-registration-form #preparing-data > .glyphicon-ok-sign {
  color: #070;
  margin-right: 10px;
  font-size: 20px; }

#div-registration-form #creating-account .loading, #div-registration-form #preparing-data .loading {
  background-image: url("../img/icn_loading_sm.gif");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
  position: relative;
  top: 45%;
  vertical-align: middle;
  width: 20px; }

#div-registration-form .btn-show-my-data {
  margin-top: 50px;
  width: 350px; }

.landing-page .hero-image-container {
  position: relative;
  background-image: url("../img/landing-page-hero.jpg");
  padding-top: 38%;
  background-position: center center; }
  .landing-page .hero-image-container div {
    bottom: 30px;
    color: white;
    position: absolute;
    text-align: center;
    width: 100%; }

.landing-page .btn-container {
  text-align: center;
  padding-top: 20px; }
  .landing-page .btn-container .btn-bidgely {
    width: 320px; }

.device-status .device-status-lights .homebeat div {
  display: inline; }

.icn-laptop-blue {
  background-image: url("../img/icn-laptop-blue.png"); }

.icn-energy-monitor-blue {
  background-image: url("../img/icn-energy-monitor-blue.png"); }

.icn-utility-blue {
  background-image: url("../img/icn-utility-blue.png"); }

.icn-utility {
  background-image: url("../img/icn-utility.png"); }

.icn-smart-meter-blue {
  background-image: url("../img/icn-smart-meter-blue.png"); }

.icn-smart-meter {
  background-image: url("../img/icn-smart-meter.png"); }

.icn-energy-monitor {
  background-image: url("../img/icn-energy-monitor.png"); }

.icn-laptop {
  background-image: url("../img/icn-laptop.png"); }

.pairing-success {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px; }

.taking-too-long-title {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin: 30px 0 10px 0; }

.taking-too-long-desc {
  color: #a5acb2;
  font-size: 13px;
  margin-bottom: 10px; }

.taking-too-long-img img {
  max-width: 100%; }

.enable-usr-select {
  -webkit-user-select: auto !important;
  -khtml-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  -o-user-select: auto !important;
  user-select: auto !important; }

.container.feedback .title, .container.feedback .ns-header {
  font-size: 26px;
  margin: 20px 0;
  line-height: normal; }

.container.feedback .sub-title, .container.feedback .ns-subtitle {
  font-size: 18px; }

.container.feedback .error {
  margin-top: 15px; }

.container.feedback .ns-header, .container.feedback .ns-subtitle {
  display: none; }

.container.feedback .ns-subtitle {
  margin-bottom: 20px; }

.container.feedback .caption {
  color: #ccc;
  font-size: 15px;
  margin-bottom: 20px; }

.container.feedback .checkbox-wrapper {
  text-align: left;
  width: 300px;
  margin: auto;
  margin-bottom: 30px; }
  .container.feedback .checkbox-wrapper .has-error {
    border: 1px solid #ae4a50;
    color: #ae4a50; }

.container.feedback .nextstep-wrapper ul {
  text-align: left; }
  .container.feedback .nextstep-wrapper ul li {
    margin-bottom: 7px; }
    .container.feedback .nextstep-wrapper ul li a {
      text-decoration: underline; }

.container.feedback textarea {
  resize: none; }

.container.feedback .margin-bottom {
  margin-bottom: 20px; }

.container.feedback .spacebelow {
  margin-bottom: 50px; }

.container.feedback .btn-container .btn {
  border: 1px solid #ccc;
  min-width: 200px; }

.container.feedback .btn-container .btn-bidgely.enabled {
  background-color: #0072bc; }

.container.feedback .btn-container .btn-bidgely.disabled {
  background-color: #86bae6; }

.container.feedback .message, .container.feedback .unsubscribe-message {
  display: none;
  font-size: 26px;
  margin: 20px 0; }

.container.feedback .unsubscribe-message {
  line-height: normal; }

.container.feedback.thankyou .title, .container.feedback.thankyou .sub-title, .container.feedback.thankyou .caption, .container.feedback.thankyou .checkbox-wrapper, .container.feedback.thankyou .btn {
  display: none; }

.container.feedback.thankyou .message, .container.feedback.thankyou .unsubscribe-message {
  display: block; }
  .container.feedback.thankyou .message.nsAcknowledge, .container.feedback.thankyou .unsubscribe-message.nsAcknowledge {
    display: none; }

.container.feedback.thankyou .ns-header.nsAcknowledge, .container.feedback.thankyou .ns-subtitle.nsAcknowledge {
  display: block; }

.container.email {
  font-size: 16px;
  font-weight: 300; }
  .container.email .title {
    font-size: 26px;
    margin: 20px 0;
    line-height: 35px; }
  .container.email .sub-title {
    font-size: 20px; }
  .container.email .radio-wrapper {
    padding: 20px 0 30px 0;
    text-align: left; }
  .container.email .checkbox-wrapper {
    padding: 20px 0 30px 0;
    text-align: left; }
    .container.email .checkbox-wrapper > div {
      padding-bottom: 15px;
      margin-bottom: 15px; }
  .container.email .success-message {
    font-size: 26px;
    margin: 20px 0;
    color: #000000; }
  .container.email .success {
    padding-top: 15px; }
  .container.email .options-container {
    font-size: 15px;
    margin: 20px 0 20px 0;
    min-height: 250px; }
    .container.email .options-container .radio-wrapper {
      padding-bottom: 10px;
      padding-top: 0;
      text-align: left; }
  .container.email .btn-container button {
    background-color: #0072bc;
    border: 1px solid #ccc;
    min-width: 200px; }
  .container.email .sub-description {
    font-size: 20px;
    margin: 20px 0; }
  .container.email.notify-me .desc {
    font-size: 32px;
    line-height: 38px;
    padding: 20px 0; }

@media (max-width: 767px) {
  .container.email .btn-container button {
    margin-left: 0; } }

.disagg101 {
  color: #323232; }
  .disagg101 .disagg-utility-logo.ui-logo {
    height: 48px;
    width: 212px;
    margin-left: 180px; }
  .disagg101 .top-module {
    text-align: center; }
    .disagg101 .top-module h1 {
      padding-top: 30px;
      font-size: 38px; }
    .disagg101 .top-module p {
      margin-bottom: 20px;
      color: #a3a8b6;
      font-size: 18px;
      line-height: 24px;
      font-weight: 300; }
  .disagg101 .section {
    padding: 50px;
    text-align: center; }
    .disagg101 .section.gray {
      background-color: #ebebeb; }
    .disagg101 .section .features {
      max-width: 940px;
      margin: auto; }
      .disagg101 .section .features h2 {
        margin: 0 0 30px 0;
        font-size: 28px;
        line-height: 36px; }
      .disagg101 .section .features .box {
        text-align: center;
        padding: 0 10px; }
        .disagg101 .section .features .box .app-icon {
          width: 100px;
          height: 100px;
          border-radius: 50px;
          text-align: center;
          background-color: #499ED7;
          color: white;
          font-size: 60px;
          padding-top: 20px;
          margin: auto; }
        .disagg101 .section .features .box .title {
          margin: 10px 0px 1px;
          font-size: 21px;
          line-height: 30px; }
        .disagg101 .section .features .box .desc {
          color: #848999;
          font-size: 14px;
          margin-bottom: 30px; }
  .disagg101 .disagg-img {
    background-image: url("../img/disagg.jpg");
    background-size: 100% 100%;
    padding-top: 33%; }
  .disagg101 .like-dislike-wrapper {
    padding: 10px;
    text-align: center; }
    .disagg101 .like-dislike-wrapper .title {
      font-size: 21px;
      line-height: 30px; }
    .disagg101 .like-dislike-wrapper .thumb {
      height: 60px;
      width: 60px;
      display: inline-block;
      margin: 10px;
      border-radius: 30px;
      background-repeat: no-repeat;
      background-size: 60px;
      background-color: #e6e6e6;
      cursor: pointer; }
      .disagg101 .like-dislike-wrapper .thumb.up {
        background-image: url("../img/thumbs-up.png"); }
      .disagg101 .like-dislike-wrapper .thumb.down {
        background-image: url("../img/thumbs-down.png"); }

.terms .section {
  padding: 0px 0px 25px 0px; }
  .terms .section .indent, .terms .section.indent {
    padding-left: 25px;
    padding-bottom: 0px; }

.opt-out-header {
  padding: 20px; }
  .opt-out-header .bidgely-header-logo {
    background-size: contain;
    margin: 0 auto; }
  .opt-out-header .vse-logo {
    height: 45px;
    width: 75px;
    background: transparent url("../img/vse/logo-vse.png") no-repeat 0 0;
    background-size: contain; }

.opt-out-footer {
  color: #838b92;
  font-size: 14px;
  font-weight: 300;
  margin: 0 auto;
  padding: 15px 0 140px; }
  .opt-out-footer a {
    color: #838b92;
    text-decoration: underline; }
  .opt-out-footer .social-links {
    clear: both;
    overflow: auto;
    margin: 0  auto;
    padding: 10px; }
    .opt-out-footer .social-links > li {
      display: inline-block;
      padding: 0 4px; }
    .opt-out-footer .social-links .social-icon {
      height: 35px;
      width: 35px;
      background-repeat: no-repeat;
      background-size: contain;
      display: block; }
      .opt-out-footer .social-links .social-icon.facebook {
        background-image: url("../img/social-facebook.png"); }
      .opt-out-footer .social-links .social-icon.instagram {
        background-image: url("../img/social-instagram.png"); }
      .opt-out-footer .social-links .social-icon.linkedin {
        background-image: url("../img/social-linkedin.png"); }
      .opt-out-footer .social-links .social-icon.twitter {
        background-image: url("../img/social-twitter.png"); }
      .opt-out-footer .social-links .social-icon.youtube {
        background-image: url("../img/social-youtube.png"); }
  .opt-out-footer .utility-name {
    margin: 15px 0; }
    .opt-out-footer .utility-name.no-space-address-feedback {
      margin: 15px 0 0 0; }
  .opt-out-footer .utility-address {
    margin: 15px 0; }
    .opt-out-footer .utility-address.no-space-address-feedback {
      margin: 0; }
  .opt-out-footer .utility-email-new-line {
    margin-bottom: 10px; }
    .opt-out-footer .utility-email-new-line a {
      text-decoration: none; }
  .opt-out-footer .utility-support-mail {
    margin-bottom: 5px; }
  .opt-out-footer .footer-links a {
    display: block;
    padding-bottom: 5px; }

@media (max-width: 767px) {
  .opt-out-footer {
    padding: 0 15px 140px; } }

.opt-out-container {
  max-width: 500px;
  text-align: center; }

.checkbox-wrapper {
  position: relative; }
  .checkbox-wrapper label {
    padding-left: 30px;
    line-height: 25px; }
  .checkbox-wrapper input[type="checkbox"], .checkbox-wrapper input[type="checkbox"] + label {
    height: 22px;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 2; }
  .checkbox-wrapper input[type="checkbox"] {
    opacity: 0; }
  .checkbox-wrapper input[type="checkbox"] + label {
    background: transparent url("../img/check-box-empty.png") no-repeat 0 0;
    display: inline-block;
    z-index: 1; }
  .checkbox-wrapper input[type="checkbox"]:checked + label {
    background: transparent url("../img/check-box-checked.png") no-repeat 0 0;
    height: 22px;
    width: 22px;
    display: inline-block; }

.radio-wrapper {
  position: relative; }
  .radio-wrapper label {
    padding-left: 25px;
    line-height: 28px; }
  .radio-wrapper input[type="radio"], .radio-wrapper input[type="radio"] + label {
    height: 22px;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 2; }
  .radio-wrapper input[type="radio"] {
    opacity: 0; }
  .radio-wrapper input[type="radio"] + label {
    background: transparent url("../img/radio-button-empty.png") no-repeat 0 0;
    display: inline-block;
    z-index: 1; }
  .radio-wrapper input[type="radio"]:checked + label {
    background: transparent url("../img/radio-button-filled.png") no-repeat 0 0;
    display: inline-block;
    height: 22px;
    width: 22px; }

html {
  background-color: #ffffff; }

[kb-item].kb-selected {
  background: lightblue; }
  [kb-item].kb-selected:focus {
    outline: #04549E auto 2px; }

.update-avaliable-modal .update-avaliable {
  padding: 30px;
  text-align: center; }
  .update-avaliable-modal .update-avaliable .heading, .update-avaliable-modal .update-avaliable .desc {
    margin-bottom: 10px; }

.send-report-modal {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400; }
  .send-report-modal .modal-header, .send-report-modal .modal-footer {
    min-height: 0;
    padding: 5px;
    text-align: center;
    border-bottom: none;
    display: flex;
    justify-content: center; }
  .send-report-modal .modal-body {
    background: #e6e6e6;
    display: flex;
    flex-direction: column;
    min-height: 300px;
    padding: 0;
    border-radius: 0 0 5px 5px; }
    .send-report-modal .modal-body .radio-wrapper {
      margin: 0 auto;
      width: 315px; }
    .send-report-modal .modal-body .success-msg-body {
      display: flex;
      justify-content: center;
      width: 100%;
      min-height: 310px;
      padding: 30px; }
    .send-report-modal .modal-body .error-msg-body {
      display: flex;
      flex-direction: column;
      align-items: center;
      align-self: flex-end; }
      .send-report-modal .modal-body .error-msg-body.survey-required {
        padding: 35px; }
      .send-report-modal .modal-body .error-msg-body p {
        color: #ffffff;
        padding: 3px 10px;
        background: #ff0000;
        max-width: 100%; }
    .send-report-modal .modal-body .close-btn-wrapper {
      text-align: center;
      padding: 40px 0; }
    .send-report-modal .modal-body .form-section {
      margin-top: 20px; }
    .send-report-modal .modal-body .checkbox-wrapper {
      left: 140px; }
      .send-report-modal .modal-body .checkbox-wrapper input[type="checkbox"] {
        position: relative; }
      .send-report-modal .modal-body .checkbox-wrapper input[type="checkbox"] + label {
        padding-left: 25px;
        line-height: 30px;
        width: 75%;
        font-size: 100%;
        font-weight: 400; }
      .send-report-modal .modal-body .checkbox-wrapper input[type="checkbox"]:checked + label {
        padding-left: 25px;
        line-height: 30px;
        width: 75%;
        font-size: 100%;
        font-weight: 400; }
    .send-report-modal .modal-body .input-wrapper {
      position: relative;
      margin-bottom: 10px; }
      .send-report-modal .modal-body .input-wrapper input {
        padding-left: 5px;
        font-size: 87.5%;
        width: 100%;
        border: 1px solid white;
        color: #666; }
        .send-report-modal .modal-body .input-wrapper input.has-error {
          border-color: #ff0000; }
        .send-report-modal .modal-body .input-wrapper input:disabled {
          color: #c3c7ca; }
        .send-report-modal .modal-body .input-wrapper input.input-inline {
          width: 48%;
          display: inline;
          margin-right: 5px; }
          .send-report-modal .modal-body .input-wrapper input.input-inline:last-child {
            margin-right: 0; }
        .send-report-modal .modal-body .input-wrapper input:disabled::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #c3c7ca; }
        .send-report-modal .modal-body .input-wrapper input:disabled:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #c3c7ca; }
        .send-report-modal .modal-body .input-wrapper input:disabled::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #c3c7ca; }
        .send-report-modal .modal-body .input-wrapper input:disabled:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #c3c7ca; }
        .send-report-modal .modal-body .input-wrapper input::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #666; }
        .send-report-modal .modal-body .input-wrapper input:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #666; }
        .send-report-modal .modal-body .input-wrapper input::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #666; }
        .send-report-modal .modal-body .input-wrapper input:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #666; }
  .send-report-modal h4 {
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-weight: 500;
    color: #000000;
    width: 95%; }
  .send-report-modal .form-content-wrapper {
    padding: 15px;
    min-height: 480px;
    width: 315px;
    margin: 0 auto; }
  .send-report-modal .send-report-btn-wrapper {
    padding: 10px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 0 0 5px 5px; }
    .send-report-modal .send-report-btn-wrapper .btn {
      padding: 0px 35px;
      height: 30px;
      text-transform: capitalize;
      background-color: #2D8DC9;
      border-color: #2D8DC9; }
  .send-report-modal .close {
    color: black;
    font-weight: 500;
    opacity: 1; }

.modal-action-modal-size {
  max-width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
  width: 450px; }

.action-plan-education-modal {
  padding: 30px 30px 0;
  text-align: center; }
  .action-plan-education-modal .content .heading {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px; }
  .action-plan-education-modal .content .sub-heading {
    font-size: 16px;
    font-weight: 200;
    padding: 22px 0;
    line-height: 20px; }
  .action-plan-education-modal .content .review-later {
    font-size: 14px;
    color: #008DC9;
    cursor: pointer;
    padding: 10px 0 15px; }
  .action-plan-education-modal .content .cta {
    background-color: #008DC9;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    padding: 10px 32px;
    letter-spacing: 1px; }

.custom-tooltip {
  z-index: 1000; }
  .custom-tooltip .tooltip-inner {
    background-color: #ffffff;
    border: 1px solid #b8b8b8;
    color: #969696;
    font-size: 16px; }
  .custom-tooltip.right .tooltip-arrow {
    border-right-color: #b8b8b8; }
  .custom-tooltip .tooltip-arrow {
    border-right-color: #b8b8b8; }

.tooltip-container {
  display: inline-block; }
  .tooltip-container.click-enabled {
    left: 0 !important;
    position: relative; }
    .tooltip-container.click-enabled .custom-tooltip {
      left: -8px !important;
      opacity: 1; }
      .tooltip-container.click-enabled .custom-tooltip .tooltip-inner {
        font-size: 14px;
        text-align: left !important;
        width: 230px; }
        .tooltip-container.click-enabled .custom-tooltip .tooltip-inner div span {
          display: block;
          text-align: right; }

.dashboardv2 {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative; }
  .dashboardv2 .loading, .dashboardv2 .no-data {
    display: none;
    height: 180px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #d2d2d2; }
  .dashboardv2 .pdf-loader {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 20%; }
    .dashboardv2 .pdf-loader .loading-text {
      width: 100%;
      flex-direction: column;
      justify-content: center;
      text-align: center; }
  .dashboardv2 .disagg-trigger-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    display: table;
    left: 0;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000; }
    .dashboardv2 .disagg-trigger-overlay .middle {
      display: table-cell;
      vertical-align: middle; }
    .dashboardv2 .disagg-trigger-overlay .overlay-content {
      color: #ffffff;
      font-size: 30px;
      font-weight: 200;
      line-height: 35px;
      margin: 0 auto;
      max-width: 950px;
      text-align: center; }
  .dashboardv2 .btn-wrapper.view-all-tips {
    text-align: center;
    padding: 20px 0; }
  .dashboardv2 .btn-wrapper .btn-secondary {
    font-size: 16px;
    letter-spacing: 2px;
    padding: 10px 30px;
    margin: 0 20px;
    text-transform: uppercase; }
  .dashboardv2 img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block; }
  .dashboardv2 .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    background-color: #e6e6e6; }
    .dashboardv2 .header .utility-logo {
      margin-top: 20px;
      margin-left: 20px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
      flex: 0 auto; }
  .dashboardv2 .title-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    padding-top: 30px;
    padding-bottom: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .dashboardv2 .title-area .print-icon-wrapper {
      position: static;
      left: 20px;
      top: 80px;
      display: block;
      width: 140px;
      margin-left: 20px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      cursor: pointer; }
      .dashboardv2 .title-area .print-icon-wrapper .print-info {
        font-size: 20px;
        color: #bebebe; }
      .dashboardv2 .title-area .print-icon-wrapper .print-icon {
        min-height: 40px;
        width: 40px;
        display: block;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        /* order: 0; */
        cursor: pointer;
        background: url("../img/print-icon.png") no-repeat; }
        .dashboardv2 .title-area .print-icon-wrapper .print-icon .tooltip-container {
          margin-left: 45px; }
          .dashboardv2 .title-area .print-icon-wrapper .print-icon .tooltip-container.click-enabled .custom-tooltip {
            left: -12px !important; }
        .dashboardv2 .title-area .print-icon-wrapper .print-icon:hover .print-options-wrapper {
          visibility: visible; }
        .dashboardv2 .title-area .print-icon-wrapper .print-icon .print-options-wrapper {
          border: 1px solid #d2d2d2;
          position: absolute;
          left: 51px;
          top: 62px;
          background-color: #ffffff;
          z-index: 1;
          visibility: hidden; }
          .dashboardv2 .title-area .print-icon-wrapper .print-icon .print-options-wrapper .print-options .print-me {
            padding: 5px; }
            .dashboardv2 .title-area .print-icon-wrapper .print-icon .print-options-wrapper .print-options .print-me:first-child {
              border-bottom: 1px solid #d2d2d2; }
            .dashboardv2 .title-area .print-icon-wrapper .print-icon .print-options-wrapper .print-options .print-me:hover {
              background-color: #008DC9;
              color: #ffffff; }
    .dashboardv2 .title-area .title-text {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      -webkit-box-flex: 0;
      -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
      flex: 0 auto;
      background-color: transparent;
      color: #323232;
      font-size: 28px;
      line-height: 34px;
      font-weight: 400;
      text-align: center; }
      .dashboardv2 .title-area .title-text .site-address {
        color: #969696;
        font-size: 55%; }
    .dashboardv2 .title-area .kw-switch {
      cursor: pointer;
      position: static;
      top: 80px;
      right: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-width: 170px;
      height: 28px;
      margin-right: 40px;
      margin-left: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      background-color: transparent; }
      .dashboardv2 .title-area .kw-switch.invisible {
        visibility: hidden; }
      .dashboardv2 .title-area .kw-switch .kwh-switch-label {
        margin-top: 8px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        color: #969696;
        font-size: 20px;
        line-height: 10px;
        min-width: 15px;
        text-align: right; }
      .dashboardv2 .title-area .kw-switch .kw-switch-recess {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 48px;
        height: 28px;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 14px;
        background-color: #ccc;
        position: relative; }
        .dashboardv2 .title-area .kw-switch .kw-switch-recess .kw-switch-toggle {
          position: absolute;
          right: 20px;
          width: 26px;
          height: 26px;
          margin-top: 1px;
          margin-right: 1px;
          margin-left: 1px;
          border-radius: 13px;
          background-color: #008dc9;
          -moz-transition: .25s ease-in-out;
          -webkit-transition: .25s ease-in-out;
          transition: .25s ease-in-out; }
        .dashboardv2 .title-area .kw-switch .kw-switch-recess.cost .kw-switch-toggle {
          right: 0px; }
      .dashboardv2 .title-area .kw-switch .kwh-switch-label-selected {
        margin-top: 8px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        color: #323232;
        font-size: 20px;
        line-height: 10px;
        min-width: 15px;
        text-align: right; }
    .dashboardv2 .title-area .weather-switch {
      cursor: pointer;
      position: absolute;
      top: 80px;
      right: 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 140px;
      height: 28px;
      margin-right: 20px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      background-color: transparent; }
      .dashboardv2 .title-area .weather-switch.invisible {
        visibility: hidden; }
      .dashboardv2 .title-area .weather-switch .weather-switch-label {
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        color: #969696;
        font-size: 35px;
        line-height: 10px; }
      .dashboardv2 .title-area .weather-switch .weather-switch-recess {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 48px;
        height: 28px;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 14px;
        background-color: #ccc;
        position: relative; }
        .dashboardv2 .title-area .weather-switch .weather-switch-recess .weather-switch-toggle {
          position: absolute;
          right: 20px;
          width: 26px;
          height: 26px;
          margin-top: 1px;
          margin-right: 1px;
          margin-left: 1px;
          border-radius: 13px;
          background-color: #008dc9;
          -moz-transition: .25s ease-in-out;
          -webkit-transition: .25s ease-in-out;
          transition: .25s ease-in-out; }
        .dashboardv2 .title-area .weather-switch .weather-switch-recess.on .weather-switch-toggle {
          right: 0px; }
      .dashboardv2 .title-area .weather-switch .weather-switch-label-selected {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        color: #008dc9;
        font-size: 35px;
        line-height: 10px; }
  .dashboardv2 .monthly-total-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    text-align: center; }
    .dashboardv2 .monthly-total-section .monthly-total {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .dashboardv2 .monthly-total-section .monthly-total .currency-sign {
        padding-top: 18px;
        padding-right: 5px;
        color: #008dc9;
        font-size: 40px; }
      .dashboardv2 .monthly-total-section .monthly-total .total-amount {
        display: inline-block;
        background-color: transparent;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        color: #008dc9;
        font-size: 80px;
        line-height: 80px;
        font-weight: 300;
        text-align: center; }
      .dashboardv2 .monthly-total-section .monthly-total .kwh-sign {
        margin-bottom: 12px;
        padding-left: 10px;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        color: #008DC9;
        font-size: 30px; }
      .dashboardv2 .monthly-total-section .monthly-total.no-breakdown {
        min-height: 80px; }
        .dashboardv2 .monthly-total-section .monthly-total.no-breakdown .total-amount {
          font-size: 40px;
          line-height: 40px; }
        .dashboardv2 .monthly-total-section .monthly-total.no-breakdown .kwh-sign, .dashboardv2 .monthly-total-section .monthly-total.no-breakdown .currency-sign {
          display: none; }
    .dashboardv2 .monthly-total-section .info-icon {
      margin-top: 12px;
      margin-left: 17px;
      width: 22px;
      height: 22px;
      font-size: 22px;
      color: #bebebe; }
    .dashboardv2 .monthly-total-section .tooltip-container.click-enabled .custom-tooltip {
      left: -2px !important; }
    .dashboardv2 .monthly-total-section .arrow-left, .dashboardv2 .monthly-total-section .arrow-right {
      cursor: pointer;
      display: none;
      color: #bebebe; }
      .dashboardv2 .monthly-total-section .arrow-left .bidgely-icon, .dashboardv2 .monthly-total-section .arrow-right .bidgely-icon {
        top: -1px;
        left: -10px; }
      .dashboardv2 .monthly-total-section .arrow-left.active, .dashboardv2 .monthly-total-section .arrow-right.active {
        color: #008DC9; }
    .dashboardv2 .monthly-total-section .arrow-left {
      width: 21px;
      height: 50px;
      margin-top: 10px;
      margin-left: 2%;
      font-size: 50px; }
      .dashboardv2 .monthly-total-section .arrow-left .bidgely-icon {
        top: -1px;
        left: -10px;
        font-size: 1em;
        width: 28px; }
    .dashboardv2 .monthly-total-section .arrow-right {
      width: 21px;
      height: 50px;
      margin-top: 10px;
      margin-right: 4%;
      font-size: 50px; }
      .dashboardv2 .monthly-total-section .arrow-right .bidgely-icon {
        top: -1px;
        left: -10px;
        font-size: 1em;
        width: 28px; }
  .dashboardv2 .comibined-description-na {
    text-align: center;
    padding: 10px;
    color: #008DC9; }
  .dashboardv2 .graph {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    margin-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #d2d2d2; }
    .dashboardv2 .graph .arrow-left, .dashboardv2 .graph .arrow-right {
      cursor: pointer;
      color: #bebebe; }
      .dashboardv2 .graph .arrow-left .bidgely-icon, .dashboardv2 .graph .arrow-right .bidgely-icon {
        top: -1px;
        left: -10px; }
      .dashboardv2 .graph .arrow-left.active, .dashboardv2 .graph .arrow-right.active {
        color: #008DC9; }
    .dashboardv2 .graph .arrow-left {
      width: 21px;
      height: 50px;
      margin-top: 10px;
      margin-bottom: 50px;
      margin-left: 2%;
      font-size: 50px; }
      .dashboardv2 .graph .arrow-left .bidgely-icon {
        top: -1px;
        left: -10px;
        font-size: 1.3em;
        width: 47px; }
    .dashboardv2 .graph .arrow-right {
      width: 21px;
      height: 50px;
      margin-top: 10px;
      margin-right: 4%;
      margin-bottom: 50px;
      font-size: 50px; }
      .dashboardv2 .graph .arrow-right .bidgely-icon {
        top: -1px;
        left: -10px;
        font-size: 1.3em;
        width: 47px; }
    .dashboardv2 .graph .carousel {
      height: 100px;
      width: 100%;
      max-width: 1196px;
      margin: 0 8px; }
      .dashboardv2 .graph .carousel li {
        width: 52px;
        height: 85px;
        margin-left: 50%; }
        .dashboardv2 .graph .carousel li .progress {
          position: absolute;
          overflow: visible;
          height: 10px;
          width: 85px;
          top: 52px;
          right: 8px;
          background-color: transparent;
          box-shadow: none;
          border: none;
          border-radius: 0;
          cursor: pointer; }
          .dashboardv2 .graph .carousel li .progress.vertical {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
          .dashboardv2 .graph .carousel li .progress .progress-bar {
            height: 100%;
            background-color: #e6e6e6;
            box-shadow: none;
            min-width: 10px; }
            .dashboardv2 .graph .carousel li .progress .progress-bar.active {
              background-color: #008dc9; }
          .dashboardv2 .graph .carousel li .progress .not-available {
            display: none;
            font-size: 12px;
            color: #008DC9;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            position: absolute;
            top: -5px;
            left: 10px; }
          .dashboardv2 .graph .carousel li .progress.no-breakdown .not-available {
            display: block; }
  .dashboardv2 .billing-cycle {
    margin-top: 0px;
    position: relative; }
    .dashboardv2 .billing-cycle .billing-cycle-timeframe {
      padding-top: 15px;
      padding-bottom: 15px;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      color: #008dc9;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      letter-spacing: 2px; }
    .dashboardv2 .billing-cycle .na-desc {
      position: absolute;
      right: 15px;
      top: -15px;
      font-size: 12px;
      color: #008dc9; }
  .dashboardv2 .breakdown {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 20px;
    float: none;
    clear: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e6e6e6; }
    .dashboardv2 .breakdown .breakdown-appliances {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 840px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: transparent;
      text-align: left; }
      .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance {
        display: inline-block;
        width: 100px;
        height: 150px;
        max-height: 150px;
        max-width: 100px;
        min-height: 150px;
        min-width: 100px;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        background-color: transparent; }
        @media (max-width: 767px) {
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance {
            height: auto;
            max-height: 180px; } }
        .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost {
          width: 100px;
          height: 100px;
          padding-top: 15px;
          border-radius: 10px;
          background-color: #bebebe;
          -webkit-transition: background-color 300ms ease;
          transition: background-color 300ms ease; }
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .breakdown-appliance-icon {
            display: block;
            width: 50px;
            height: 50px;
            margin: 0px 25px 10px;
            background-color: transparent;
            font-size: 50px;
            color: #ffffff; }
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .appliance-cost {
            color: #ffffff;
            font-size: 16px;
            font-weight: 400;
            text-align: center; }
            .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .appliance-cost .kwh-sign {
              display: inline;
              color: #ffffff;
              font-size: 12px; }
          @media only screen and (min-device-width: 1199px) {
            .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost:hover {
              background-color: #008dc9; } }
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost.appliance-loading {
            animation-name: breakdownApplianceLoadingBackground;
            animation-timing-function: step-end;
            animation-fill-mode: forwards;
            animation-duration: 2s; }
            .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost.appliance-loading .appliance-cost, .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost.appliance-loading .breakdown-appliance-icon {
              animation-name: breakdownApplianceLoadingDisplayBlock;
              animation-timing-function: step-end;
              animation-fill-mode: forwards;
              animation-duration: 2s; }
            .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost.appliance-loading .loading-spinner-container {
              animation-name: breakdownApplianceLoadingDisplayNone;
              animation-timing-function: step-end;
              animation-fill-mode: forwards;
              animation-duration: 2s; }
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost.active {
            background-color: #008dc9;
            animation: none; }
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .loading-spinner-container {
            opacity: 0; }
            .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .loading-spinner-container .loading-spinner {
              position: relative;
              margin-top: 15px;
              top: -80px; }
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost:focus .loading-spinner-container {
            display: none; }
        .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .appliance-label {
          margin-top: 10px;
          color: #969696;
          font-size: 14px;
          line-height: 19px;
          font-weight: 400;
          text-align: center; }
          .dashboardv2 .breakdown .breakdown-appliances .breakdown-appliance .appliance-label.active {
            color: #008dc9; }
      .dashboardv2 .breakdown .breakdown-appliances.align-center {
        justify-content: center; }
    .dashboardv2 .breakdown .zero-data-appliances {
      display: none; }
      .dashboardv2 .breakdown .zero-data-appliances .breakdown-message-container {
        display: table;
        height: 270px; }
        .dashboardv2 .breakdown .zero-data-appliances .breakdown-message-container .message {
          vertical-align: middle;
          display: table-cell;
          text-align: center;
          max-width: 680px; }
    .dashboardv2 .breakdown.no-breakdown .zero-data-appliances {
      display: block; }
    .dashboardv2 .breakdown.no-breakdown .breakdown-appliances {
      display: none; }
  .dashboardv2 .pointer {
    display: block;
    height: 28px;
    margin-top: 0px;
    background-color: transparent; }
    .dashboardv2 .pointer.arrow {
      text-align: center; }
    .dashboardv2 .pointer.arrow-with-mrgn {
      margin: 0 0 0 50%; }
  .dashboardv2 .breakdown-message {
    padding-top: 30px;
    padding-bottom: 0px;
    background-color: #e6e6e6;
    font-size: 20px;
    line-height: 26px;
    text-align: center; }
    .dashboardv2 .breakdown-message.sub {
      font-weight: 300;
      font-size: 16px;
      font-style: normal;
      padding-top: 10px;
      color: #676767; }
  .dashboardv2 .progress-nav-wrapper {
    height: 50px;
    background-color: #e6e6e6; }
    .dashboardv2 .progress-nav-wrapper .progress-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .dashboardv2 .progress-nav-wrapper .progress-wrapper .progress-phrase {
        font-weight: 500;
        margin-left: 15px;
        font-size: 14px; }
      .dashboardv2 .progress-nav-wrapper .progress-wrapper .bar {
        background-color: #ffffff;
        margin-top: 9px;
        width: 200px;
        height: 5px; }
        .dashboardv2 .progress-nav-wrapper .progress-wrapper .bar .filled {
          height: 5px;
          background-color: #008DC9;
          transition: width 0.5s;
          width: 0%; }
  .dashboardv2 .breakdown-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e6e6e6; }
    .dashboardv2 .breakdown-cta .breakdown-cta-descriptor {
      display: block;
      clear: none;
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      text-align: center;
      width: 50%;
      color: #646464;
      margin-bottom: 10px;
      padding-bottom: 20px; }
  .dashboardv2 .appliance-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc {
      background-color: transparent; }
      .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips {
        max-width: 1115px;
        border-radius: 5px;
        background-color: #e6e6e6;
        margin-bottom: 30px; }
        .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .appliance-title {
          padding-top: 30px;
          color: #323232;
          font-size: 24px;
          text-align: center;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          font-weight: 400; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .appliance-title.whole-home-title {
            padding-bottom: 20px; }
        .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .appliance-description {
          margin-right: 20px;
          margin-left: 20px;
          padding: 20px 100px;
          color: #323232;
          font-size: 16px;
          line-height: 22px;
          text-align: center;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          font-weight: 400; }
        .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .appliance-savings {
          padding: 0px 30px 30px 30px;
          font-size: 20px;
          line-height: 26px;
          text-align: center;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          font-weight: 400;
          color: #323232; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .appliance-savings .info-icon {
            color: #8c8c8c;
            margin-left: 15px; }
        .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 20px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip {
            width: 25%;
            margin-right: 10px;
            margin-bottom: 20px;
            margin-left: 10px; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-title {
              padding: 15px;
              border-top-left-radius: 4px;
              border-top-right-radius: 4px;
              background-color: #008dc9;
              color: #ffffff;
              font-size: 16px;
              line-height: 20px; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-image {
              background-color: #008dc9; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-text {
              padding: 10px 10px 20px;
              background-color: #008dc9;
              color: #ffffff;
              font-size: 12px;
              line-height: 16px; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-button-section {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              padding-right: 20px;
              padding-left: 20px;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              background-color: #008dc9; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-button-section .tip-button {
                width: 190px;
                height: 35px;
                margin-bottom: 20px;
                padding-top: 8px;
                border: 1px solid #e78523;
                border-radius: 4px;
                color: #ffffff;
                font-size: 12px;
                line-height: 16px;
                text-align: center;
                letter-spacing: 1px;
                text-transform: uppercase;
                cursor: pointer;
                text-decoration: none; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-did-this {
              padding-bottom: 20px;
              background-color: #008dc9;
              font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
              color: #ffffff;
              line-height: 18px;
              text-align: center; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-actions {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              margin-top: 1px; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-actions .tip-action-1 {
                width: 50%;
                margin-right: 0px;
                padding: 10px 5px;
                border-right: 1px solid #ffffff;
                border-bottom-left-radius: 4px;
                background-color: #008dc9;
                font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
                color: #ffffff;
                font-size: 11px;
                line-height: 15px;
                text-align: center;
                cursor: pointer; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-actions .tip-action-1.active {
                  background-color: #2a6781; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-actions .tip-action-2 {
                width: 50%;
                padding: 10px 5px;
                border-bottom-right-radius: 4px;
                background-color: #008dc9;
                font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
                color: #ffffff;
                font-size: 11px;
                line-height: 15px;
                text-align: center;
                cursor: pointer; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip .tip-actions .tip-action-2.active {
                  background-color: #2a6781; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .nodata-message {
            display: none; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container.no-data {
            flex-direction: column;
            min-height: 300px; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container.no-data .nodata-message {
              display: block;
              text-align: center; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .loading-overlay {
            display: none;
            opacity: 0.8;
            flex-direction: column;
            background: #000000;
            color: #ffffff;
            justify-content: center;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .loading-overlay > div {
              text-align: center; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container.loading {
            position: relative;
            min-height: 300px; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container.loading .loading-overlay {
              display: flex; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container.loading .tip {
              display: none; }
        .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-view-all {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-view-all .tips-view-all-button {
            display: inline-block;
            padding: 10px 80px;
            border-radius: 5px;
            background-color: #008dc9;
            color: #ffffff;
            font-size: 16px;
            line-height: 22px;
            text-align: center;
            letter-spacing: 2px;
            text-transform: uppercase; }
        .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-footer {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-right: 20px;
          margin-left: 20px;
          padding-top: 20px;
          padding-bottom: 20px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-top: 1px solid #b8b8b8; }
      .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section {
        width: 100%;
        max-width: 1115px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        background-color: #e6e6e6; }
        .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 540px;
          padding-top: 25px;
          padding-bottom: 25px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
          align-self: flex-start;
          background-color: transparent; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-title {
            font-size: 20px; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-subtitle {
            padding-top: 10px;
            padding-bottom: 20px;
            letter-spacing: 2px;
            text-transform: uppercase; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper {
              width: 100%;
              border-bottom: 1px solid #b8b8b8;
              border-top: 1px solid #b8b8b8;
              padding: 0 60px 0 45px; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                *zoom: 1;
                width: 100%;
                position: relative;
                padding: 20px 0 0 0;
                position: relative; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:before, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:before, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                  display: table;
                  content: ""; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                  clear: both; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                  text-align: center;
                  width: 10%;
                  float: left;
                  font-size: 30px;
                  color: #bebebe;
                  position: absolute;
                  left: -45px; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                  float: left;
                  height: 30px;
                  line-height: 30px;
                  border-radius: 5px;
                  background: #bebebe;
                  padding: 0 10px;
                  width: 50%;
                  color: #ffffff; }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                    float: left; }
                    .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span:last-child, .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                      float: right; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                padding: 0px; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                  background: #E33125;
                  width: 600px;
                  position: relative;
                  min-width: 55px;
                  overflow: visible; }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                    float: left;
                    text-align: left; }
                    .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                      float: left; }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress .vertical-pointer {
                    position: absolute;
                    right: 0px;
                    top: 39px;
                    height: 40px;
                    width: 2px;
                    border-right: 2px solid #969696; }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.efficient {
                    background: #51B348; }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.average {
                    background: #EEB300; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .cost {
                height: 30px;
                line-height: 30px;
                float: left;
                display: inline;
                min-width: 90px;
                font-weight: 300;
                padding: 0 0 0 10px;
                position: absolute;
                right: -90px;
                text-align: left;
                color: #354052;
                font-size: 20px;
                font-weight: 400; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency {
                text-align: left;
                padding: 40px 0 0 0; }
                .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar {
                  background: url("../img/efficiency.png") no-repeat;
                  background-size: contain;
                  height: 50px;
                  width: 100%; }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.de-de {
                    background-image: url("../img/efficiency-de-de.png"); }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.fr-fr {
                    background-image: url("../img/efficiency-fr-fr.png"); }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.es-us {
                    background-image: url("../img/efficiency-es-us.png"); }
                  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.hydroottawa {
                    background-image: url("../img/efficiency-empty.png"); }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .nodata-message {
              display: none;
              text-align: center; }
            .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data {
              flex-direction: column;
              height: 200px; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .comparison-wrapper {
                display: none; }
              .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .nodata-message {
                display: block; }
          .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-footer {
            padding-top: 20px;
            font-size: 16px;
            text-align: center; }
    .dashboardv2 .appliance-details.no-breakdown {
      display: none; }
  .dashboardv2.loading .loading {
    display: flex;
    position: absolute;
    z-index: 100;
    border: none;
    height: 200px;
    background: rgba(255, 255, 255, 0.8); }
  .dashboardv2.loading .title-area .kw-switch, .dashboardv2.loading .title-area .weather-switch {
    visibility: hidden; }
  .dashboardv2.loading .monthly-total-section, .dashboardv2.loading .graph, .dashboardv2.loading .chart, .dashboardv2.loading .billing-cycle, .dashboardv2.loading .breakdown, .dashboardv2.loading .breakdown-cta, .dashboardv2.loading .arrow, .dashboardv2.loading .appliance-details, .dashboardv2.loading .breakdown-message, .dashboardv2.loading .progress-nav-wrapper {
    display: none; }
  .dashboardv2.no-data .breakdown .breakdown-appliances {
    display: none; }
  .dashboardv2.no-data .breakdown .zero-data-appliances {
    display: block; }
  .dashboardv2.no-data .breakdown-message.sub {
    display: none; }
  .dashboardv2.no-data .monthly-total-section, .dashboardv2.no-data .graph, .dashboardv2.no-data .chart, .dashboardv2.no-data .billing-cycle, .dashboardv2.no-data .appliance-details, .dashboardv2.no-data .loading, .dashboardv2.no-data .title-area, .dashboardv2.no-data .arrow, .dashboardv2.no-data .breakdown-cta-descriptor {
    display: none; }
  .dashboardv2 .budget-billing-data {
    font-size: 12px;
    text-align: center;
    display: none; }
    .dashboardv2 .budget-billing-data .actual {
      background-color: #EBEBEB;
      color: #969696; }
    .dashboardv2 .budget-billing-data .budget {
      background-color: #5BAA4D;
      color: #ffffff; }
    .dashboardv2 .budget-billing-data .cost-label {
      padding: 0 10px; }
  .dashboardv2 .chart {
    height: 120px;
    position: relative; }
    .dashboardv2 .chart .left-block, .dashboardv2 .chart .right-block {
      background-color: #ffffff;
      height: 110px;
      width: 90px;
      position: absolute;
      top: -3px;
      z-index: 500; }
    .dashboardv2 .chart .right-block {
      right: 0px; }
    .dashboardv2 .chart .left-block {
      left: 0px; }
    .dashboardv2 .chart.has-weather, .dashboardv2 .chart.has-budget-billing {
      height: 200px; }
      .dashboardv2 .chart.has-weather .left-block, .dashboardv2 .chart.has-weather .right-block, .dashboardv2 .chart.has-budget-billing .left-block, .dashboardv2 .chart.has-budget-billing .right-block {
        border-bottom: 1px solid #eeeeee;
        height: 120px;
        top: -2px; }
    .dashboardv2 .chart .bb-labels {
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 13px; }
    .dashboardv2 .chart .x-axis-label {
      text-align: center;
      font-size: 13px;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-style: normal;
      font-weight: 400; }
      .dashboardv2 .chart .x-axis-label.top {
        color: #969696; }
      .dashboardv2 .chart .x-axis-label.bottom {
        color: #ffffff;
        line-height: 45px;
        vertical-align: middle; }
    .dashboardv2 .chart .arrow-left, .dashboardv2 .chart .arrow-right {
      cursor: pointer;
      color: #bebebe;
      position: absolute;
      top: 30px;
      z-index: 600; }
      .dashboardv2 .chart .arrow-left .bidgely-icon, .dashboardv2 .chart .arrow-right .bidgely-icon {
        top: -1px;
        left: -10px; }
      .dashboardv2 .chart .arrow-left.active, .dashboardv2 .chart .arrow-right.active {
        color: #008DC9; }
    .dashboardv2 .chart .arrow-left {
      width: 21px;
      height: 50px;
      left: 2%;
      font-size: 50px; }
      .dashboardv2 .chart .arrow-left .bidgely-icon {
        top: -1px;
        left: -10px;
        font-size: 1.3em;
        width: 47px; }
    .dashboardv2 .chart .arrow-right {
      width: 21px;
      height: 50px;
      right: 4%;
      font-size: 50px; }
      .dashboardv2 .chart .arrow-right .bidgely-icon {
        top: -1px;
        left: -10px;
        font-size: 1.3em;
        width: 47px; }
  .dashboardv2 .insights-chart-tooltip {
    background-color: #ffffff;
    padding: 8px;
    transform: translateY(-10px);
    color: #969696;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    position: relative; }
    .dashboardv2 .insights-chart-tooltip::after {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #b8b8b8;
      content: "";
      position: absolute;
      bottom: -35px;
      left: 50%;
      transform: translate(-50%, -29px); }
  .dashboardv2 .highcharts-tooltip path {
    display: none; }
  .dashboardv2 .dual-dashboard-nav-bar {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 5px 15px;
    text-align: center; }
    .dashboardv2 .dual-dashboard-nav-bar .tab {
      border: 2px solid #008dc9;
      border-right: 0;
      color: #008dc9;
      cursor: pointer;
      display: inline-block;
      height: 35px;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 180px;
      white-space: nowrap; }
      .dashboardv2 .dual-dashboard-nav-bar .tab:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .dashboardv2 .dual-dashboard-nav-bar .tab:last-child {
        border-right: 2px solid #008dc9;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
      .dashboardv2 .dual-dashboard-nav-bar .tab span {
        font-size: 16px;
        letter-spacing: 2px;
        vertical-align: middle;
        line-height: 33px; }
    .dashboardv2 .dual-dashboard-nav-bar .tab-active {
      background-color: #008dc9;
      color: #ffffff; }

@media (max-width: 768px) {
  .tooltip-container, .custom-tooltip {
    display: none; }
  .dashboardv2 .title-area {
    padding-top: 10px;
    padding-bottom: 40px; }
    .dashboardv2 .title-area .title-text {
      margin-top: 0; }
    .dashboardv2 .title-area .print-icon-wrapper {
      display: none; }
    .dashboardv2 .title-area .kw-switch {
      position: absolute;
      top: 50px;
      right: 0px;
      max-width: 140px;
      margin-right: 30px; }
      .dashboardv2 .title-area .kw-switch .kw-switch-recess {
        width: 40px;
        height: 22px;
        margin-right: 5px;
        margin-left: 5px; }
        .dashboardv2 .title-area .kw-switch .kw-switch-recess .kw-switch-toggle {
          height: 20px;
          width: 20px; }
      .dashboardv2 .title-area .kw-switch.with-menu-items {
        top: 120px; }
    .dashboardv2 .title-area .weather-switch {
      display: none; }
    .dashboardv2 .title-area .title-text {
      width: 100%;
      font-size: 20px;
      margin-top: 10px; }
  .dashboardv2 .monthly-total-section .arrow-left, .dashboardv2 .monthly-total-section .arrow-right {
    display: block; }
  .dashboardv2 .monthly-total-section .monthly-total {
    height: 50px;
    width: 100%; }
    .dashboardv2 .monthly-total-section .monthly-total .currency-sign {
      padding-top: 8px;
      font-size: 26px; }
    .dashboardv2 .monthly-total-section .monthly-total .total-amount {
      font-size: 50px;
      line-height: 50px; }
  .dashboardv2 .monthly-total-section .info-icon {
    display: none; }
  .dashboardv2 .billing-cycle .billing-cycle-timeframe {
    font-size: 14px; }
  .dashboardv2 .billing-cycle .na-desc {
    display: none; }
  .dashboardv2 .breakdown-message {
    padding-top: 20px; }
    .dashboardv2 .breakdown-message.sub {
      font-size: 14px;
      padding-top: 0px; }
  .dashboardv2 .graph, .dashboardv2 .chart {
    display: none; }
  .dashboardv2 .budget-billing-data {
    display: block; }
  .dashboardv2 .breakdown {
    padding: 30px; }
    .dashboardv2 .breakdown .breakdown-appliances {
      justify-content: center; }
  .dashboardv2 .appliance-details .appliance-details-tips-nc {
    width: 100%; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-section .tips-wrapper .nav-arrow.right {
      right: -20px; }
      .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-section .tips-wrapper .nav-arrow.right .bidgely-icon {
        width: 33px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .appliance-description {
      padding: 10px 0; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container {
      flex-wrap: wrap; }
      .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip {
        width: 45%; }
  .dashboardv2 .breakdown-cta {
    flex-wrap: wrap;
    padding-bottom: 0px; }
    .dashboardv2 .breakdown-cta .breakdown-cta-descriptor {
      margin-bottom: 0px;
      padding-bottom: 0px;
      width: 100%;
      margin-top: 15px; }
    .dashboardv2 .breakdown-cta .btn-secondary {
      margin-bottom: 20px;
      margin-top: 20px;
      font-size: 16px; } }

@media (max-width: 767px) {
  .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content {
    width: 450px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .left-main {
      width: 350px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .right-main {
      min-width: 0;
      width: 100px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-section-parent {
      margin: 0px 10px;
      padding: 0px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-section {
      margin-bottom: 0; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-ikon .rating-wrapper {
      margin-left: 0px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-ikon .rating-parent {
      justify-content: flex-end;
      margin-left: 0;
      margin-bottom: 0; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-ikon .rating-icon {
      display: none; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-ikon .usage-msg {
      display: none; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .usage-msg {
      display: none; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-footer {
      display: none; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .usage-sm-msg, .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-sm-footer {
      display: block;
      margin: 10px;
      text-align: left;
      padding: 0; } }

@media (max-width: 480px) {
  .dashboardv2 .title-area {
    padding-top: 10px;
    padding-bottom: 40px; }
    .dashboardv2 .title-area .title-text {
      margin-top: 0; }
    .dashboardv2 .title-area .print-icon-wrapper {
      display: none; }
    .dashboardv2 .title-area .kw-switch {
      position: absolute;
      top: 50px;
      right: 0px;
      max-width: 140px;
      margin-right: 15px; }
      .dashboardv2 .title-area .kw-switch .kw-switch-recess {
        width: 40px;
        height: 22px;
        margin-right: 5px;
        margin-left: 5px; }
        .dashboardv2 .title-area .kw-switch .kw-switch-recess .kw-switch-toggle {
          height: 20px;
          width: 20px; }
      .dashboardv2 .title-area .kw-switch.with-menu-items {
        top: 120px; }
  .dashboardv2 .graph .arrow-left, .dashboardv2 .graph .arrow-right, .dashboardv2 .chart .arrow-left, .dashboardv2 .chart .arrow-right {
    display: none; }
  .dashboardv2 .breakdown {
    padding: 10px; }
    .dashboardv2 .breakdown .breakdown-appliances {
      justify-content: center; }
  .dashboardv2 .appliance-details .appliance-details-tips-nc {
    width: 100%; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container {
      flex-wrap: wrap; }
      .dashboardv2 .appliance-details .appliance-details-tips-nc .appliance-details-tips .tips-container .tip {
        width: 100%; }
  .dashboardv2 .breakdown-cta {
    flex-wrap: wrap; }
    .dashboardv2 .breakdown-cta .btn-secondary {
      margin-top: 20px; }
  .dashboardv2 .progress-nav-wrapper .progress-wrapper {
    padding-top: 5px; }
  .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content {
    max-width: 100%; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-section .you .nc-progress .cost {
      padding: 8px 1px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-section .nc-progress .cost {
      padding: 8px 1px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .nc-section .arrow-wrapper {
      display: none; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .right-main {
      display: none; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .main-content .left-main {
      width: 100%; }
  .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc {
    text-align: center; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-title {
      padding-left: 5px;
      padding-right: 5px; }
    .dashboardv2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-footer {
      padding-left: 5px;
      padding-right: 5px; } }

@keyframes breakdownApplianceLoadingDisplayNone {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes breakdownApplianceLoadingDisplayBlock {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes breakdownApplianceLoadingBackground {
  from {
    background-color: #008dc9; }
  to {
    background-color: #bebebe; } }

.finish-audit-content {
  font-size: 15px; }
  .finish-audit-content .form-control {
    border-radius: 3px;
    box-shadow: none; }
    .finish-audit-content .form-control:focus {
      box-shadow: none; }
  .finish-audit-content .title {
    background-color: #15A4FA;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 10px 20px; }
  .finish-audit-content .error-msg {
    color: #FF0000;
    padding: 10px 20px; }
  .finish-audit-content .wrapper {
    padding: 20px; }
  .finish-audit-content .checkbox-wrapper {
    min-height: 28px;
    vertical-align: middle; }
    .finish-audit-content .checkbox-wrapper .checkbox-icon {
      color: #15A4FA;
      display: inline-block;
      font-size: 25px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      width: 30px; }
      .finish-audit-content .checkbox-wrapper .checkbox-icon.empty {
        font-size: 31px; }
  .finish-audit-content .info-section {
    padding: 15px 5px;
    border-bottom: 1px solid #DFDFDF; }
    .finish-audit-content .info-section span {
      font-size: 13px; }
    .finish-audit-content .info-section .checkbox-wrapper .choice {
      line-height: 45px; }

.choices-wrapper .choice {
  background-image: -webkit-linear-gradient(270deg, #ffffff, #E6E6E6);
  background-image: linear-gradient(180deg, #ffffff, #E6E6E6);
  box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin: 0 10px 10px 0;
  position: relative;
  text-align: center;
  width: 130px; }
  .choices-wrapper .choice > span {
    display: inline-block;
    font-weight: 500;
    line-height: normal;
    vertical-align: middle;
    width: 115px; }
  .choices-wrapper .choice .choice-checked {
    opacity: 0;
    background-image: url("../img/selected-check.png");
    background-size: 30px 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s;
    width: 30px; }
  .choices-wrapper .choice.selected .choice-checked {
    opacity: 1; }
  .choices-wrapper .choice:last-child {
    margin-right: 0; }

.cta-sticky-bottom {
  background-color: #ffffff; }
  .cta-sticky-bottom .btn-bidgely {
    background-color: #15A4FA;
    border-radius: 3px;
    cursor: pointer;
    color: #ffffff;
    padding: 10px 20px;
    margin: 10px auto;
    text-align: center;
    width: 220px;
    border: 0;
    font-size: 13px;
    font-weight: 300; }
    .cta-sticky-bottom .btn-bidgely.disable {
      background-color: #D7D7D7;
      cursor: not-allowed; }
    .cta-sticky-bottom .btn-bidgely:focus {
      outline: 0; }
  .cta-sticky-bottom .sync .loading-spinner {
    top: 5px;
    left: 310px; }
  .cta-sticky-bottom.cta-center {
    text-align: center; }

.dashboardv2 .main-content, .SHC-bar-half-width .main-content {
  display: flex;
  flex-direction: column;
  width: 640px; }
  .dashboardv2 .main-content .nc-footer, .SHC-bar-half-width .main-content .nc-footer {
    color: #000000;
    font-size: 14px;
    min-width: 300px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px; }
  .dashboardv2 .main-content .nc-sm-footer, .SHC-bar-half-width .main-content .nc-sm-footer {
    display: none; }
  .dashboardv2 .main-content .usage-sm-msg, .SHC-bar-half-width .main-content .usage-sm-msg {
    display: none; }
  .dashboardv2 .main-content .usage-msg, .SHC-bar-half-width .main-content .usage-msg {
    width: 203px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    margin-bottom: 74px;
    margin-left: 40px; }
    .dashboardv2 .main-content .usage-msg span, .SHC-bar-half-width .main-content .usage-msg span {
      color: #2ba2e0;
      font-weight: 500; }
  .dashboardv2 .main-content .usage-sm-msg span, .SHC-bar-half-width .main-content .usage-sm-msg span {
    color: #2ba2e0;
    font-weight: 500; }
  .dashboardv2 .main-content .title-wrapper, .SHC-bar-half-width .main-content .title-wrapper {
    padding-top: 30px;
    color: #323232;
    font-size: 24px;
    text-align: center;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-weight: 400; }
    .dashboardv2 .main-content .title-wrapper .bc-label, .SHC-bar-half-width .main-content .title-wrapper .bc-label {
      padding: 20px;
      color: #323232;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 400; }
  .dashboardv2 .main-content .nc-section-parent, .SHC-bar-half-width .main-content .nc-section-parent {
    display: flex;
    border-top: 1px solid #bebebe;
    margin: 0 40px;
    padding-left: 10px;
    padding-right: 10px; }
  .dashboardv2 .main-content .left-main, .SHC-bar-half-width .main-content .left-main {
    width: 370px;
    background-color: #e6e6e6; }
  .dashboardv2 .main-content .right-main, .SHC-bar-half-width .main-content .right-main {
    width: 270px;
    background-color: #e6e6e6; }
  .dashboardv2 .main-content .nc-section, .SHC-bar-half-width .main-content .nc-section {
    background-color: #e6e6e6;
    display: flex;
    flex-direction: column;
    margin-bottom: 10; }
    .dashboardv2 .main-content .nc-section .prog-parent, .SHC-bar-half-width .main-content .nc-section .prog-parent {
      position: relative;
      z-index: 1; }
    .dashboardv2 .main-content .nc-section .nc-footer, .SHC-bar-half-width .main-content .nc-section .nc-footer {
      color: #000000;
      font-size: 14px;
      min-width: 300px;
      font-weight: 400;
      line-height: 18px; }
    .dashboardv2 .main-content .nc-section .nc-progress, .SHC-bar-half-width .main-content .nc-section .nc-progress {
      color: #ffffff;
      font-size: 18px;
      font-weight: 500;
      display: flex;
      margin-bottom: 10px;
      min-width: 320px; }
      .dashboardv2 .main-content .nc-section .nc-progress .nc-label, .SHC-bar-half-width .main-content .nc-section .nc-progress .nc-label {
        height: 40px;
        background: #bebebe;
        display: flex;
        padding-left: 8px;
        min-width: 90px;
        justify-content: flex-start;
        align-items: center;
        text-transform: capitalize;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px; }
      .dashboardv2 .main-content .nc-section .nc-progress .cost, .SHC-bar-half-width .main-content .nc-section .nc-progress .cost {
        color: #969696;
        font-size: 18px;
        height: 40px;
        margin-left: 5px;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
    .dashboardv2 .main-content .nc-section .you .nc-progress, .SHC-bar-half-width .main-content .nc-section .you .nc-progress {
      color: #ffffff;
      font-size: 18px;
      font-weight: 500; }
      .dashboardv2 .main-content .nc-section .you .nc-progress .nc-label, .SHC-bar-half-width .main-content .nc-section .you .nc-progress .nc-label {
        background: #2ba2e0; }
      .dashboardv2 .main-content .nc-section .you .nc-progress .cost, .SHC-bar-half-width .main-content .nc-section .you .nc-progress .cost {
        color: #2ba2e0;
        font-size: 28px;
        padding: 8px 7px;
        margin-left: 0;
        position: relative;
        z-index: 1;
        background: #e6e6e6; }
    .dashboardv2 .main-content .nc-section .arrow-wrapper, .SHC-bar-half-width .main-content .nc-section .arrow-wrapper {
      height: 15px;
      width: 355px;
      display: flex;
      position: absolute;
      left: 0px;
      top: 11px;
      z-index: -1; }
      .dashboardv2 .main-content .nc-section .arrow-wrapper.IE, .SHC-bar-half-width .main-content .nc-section .arrow-wrapper.IE {
        width: 348px; }
      .dashboardv2 .main-content .nc-section .arrow-wrapper .line, .SHC-bar-half-width .main-content .nc-section .arrow-wrapper .line {
        position: relative;
        border: 1px solid #2ba2e0;
        width: 97%;
        top: 46%;
        height: 2px; }
      .dashboardv2 .main-content .nc-section .arrow-wrapper .arrow-head, .SHC-bar-half-width .main-content .nc-section .arrow-wrapper .arrow-head {
        background: url("../img/gauge_arrow.png") no-repeat;
        background-size: contain;
        width: 10px;
        height: 17px; }
  .dashboardv2 .main-content .nc-ikon, .SHC-bar-half-width .main-content .nc-ikon {
    display: flex;
    flex-direction: column; }
    .dashboardv2 .main-content .nc-ikon .rating-parent, .SHC-bar-half-width .main-content .nc-ikon .rating-parent {
      display: flex;
      margin-top: 36px;
      margin-bottom: 33px;
      align-items: flex-end; }
      .dashboardv2 .main-content .nc-ikon .rating-parent.GREAT, .SHC-bar-half-width .main-content .nc-ikon .rating-parent.GREAT {
        position: relative; }
    .dashboardv2 .main-content .nc-ikon .rating-wrapper, .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper {
      display: flex;
      justify-content: flex-start;
      height: 125px;
      width: 70px;
      margin-left: 37px; }
      .dashboardv2 .main-content .nc-ikon .rating-wrapper .rating-bar, .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar {
        width: 10px;
        background: transparent;
        flex-direction: column;
        justify-content: center;
        background: url("../img/nc/gauge.png") no-repeat;
        background-size: contain; }
        .dashboardv2 .main-content .nc-ikon .rating-wrapper .rating-bar img, .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar img {
          height: 114px !important;
          width: 5.85px !important; }
        .dashboardv2 .main-content .nc-ikon .rating-wrapper .rating-bar .rating-column, .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .rating-column {
          margin: 2px 0px; }
        .dashboardv2 .main-content .nc-ikon .rating-wrapper .rating-bar .middle-bar, .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .middle-bar {
          height: 90px; }
        .dashboardv2 .main-content .nc-ikon .rating-wrapper .rating-bar .upper-bar, .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .upper-bar {
          height: 30px;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px; }
        .dashboardv2 .main-content .nc-ikon .rating-wrapper .rating-bar .lower-bar, .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .lower-bar {
          height: 30px;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px; }
    .dashboardv2 .main-content .nc-ikon .rating-label, .SHC-bar-half-width .main-content .nc-ikon .rating-label {
      display: flex;
      flex-direction: column;
      color: #969696;
      font-size: 12px;
      font-weight: 500;
      justify-content: space-between;
      height: 130px;
      margin-left: 5px; }
      .dashboardv2 .main-content .nc-ikon .rating-label .you, .SHC-bar-half-width .main-content .nc-ikon .rating-label .you {
        color: #2ba2e0;
        font-size: 16px;
        font-weight: 500;
        line-height: 32px; }
    .dashboardv2 .main-content .nc-ikon .rating-icon, .SHC-bar-half-width .main-content .nc-ikon .rating-icon {
      width: 78px;
      margin-left: 10px; }
      .dashboardv2 .main-content .nc-ikon .rating-icon img.img-GREAT, .SHC-bar-half-width .main-content .nc-ikon .rating-icon img.img-GREAT {
        max-width: 120%; }
      .dashboardv2 .main-content .nc-ikon .rating-icon.GREAT, .SHC-bar-half-width .main-content .nc-ikon .rating-icon.GREAT {
        position: absolute;
        right: 15px;
        bottom: 0;
        width: 95px; }

.dashboardv2 .nc-section .nc-gas .rating-icon img.img-GREAT, .SHC-bar-half-width .nc-section .nc-gas .rating-icon img.img-GREAT {
  width: 100%; }

* {
  -webkit-print-color-adjust: exact;
  color-adjust: exact; }

@media print {
  header, footer {
    display: none !important; }
  #Header, #Footer {
    display: none !important; }
  @page :left {
    margin-left: 0mm; }
  @page :right {
    margin-left: 0mm; }
  html {
    margin: 0px;
    padding: 0; }
  a[href]:after {
    content: none !important; }
  .body {
    overflow: visible;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    zoom: 0.65;
    margin: 0mm !important; }
    .body .page-break {
      page-break-after: always !important; }
  .print-page .info-blocks .fa-survey .survey-faq .fa-cat-title {
    page-break-inside: avoid !important;
    page-break-before: auto;
    page-break-after: auto; }
  .print-page .info-blocks .fa-survey .survey-faq .que-block {
    page-break-inside: avoid !important;
    page-break-before: auto;
    page-break-after: auto;
    margin-top: 13px; }
  .ipad {
    margin: 0mm; }
  * {
    -webkit-print-color-adjust: exact;
    color-adjust: exact; } }

.print-page {
  width: 1700px;
  height: auto;
  padding: 40px 0 0 70px;
  background-color: transparent;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #323232;
  font-size: 28px;
  line-height: 20px;
  margin-bottom: -200px; }
  .print-page .info-block-top {
    min-height: 2000px; }
  .print-page.type-2.budget-billing {
    padding: 50px 0 0 70px; }
    .print-page.type-2.budget-billing .info-block-top .billing-cycle {
      width: 95%;
      padding: 20px 0px 50px 0px; }
  .print-page.type-2 .page-break-after {
    page-break-after: always; }
  .print-page .header {
    display: block;
    position: relative;
    padding: 10px 0px 60px 0px; }
    .print-page .header .title {
      padding-bottom: 0;
      position: absolute;
      height: 100px;
      align-self: unset !important;
      width: 100%; }
  .print-page .noborder {
    border: none !important; }
  .print-page .bottom-line {
    border-bottom: 2px solid #C8C8C8; }
  .print-page .font-20 {
    font-size: 20px; }
  .print-page .top-line {
    border-top: 2px solid #C8C8C8;
    margin-top: 10px; }
  .print-page .no-top-line {
    border-top: none !important; }
  .print-page .date-logo-header {
    display: flex;
    align-items: flex-start;
    background-color: transparent;
    -webkit-box-align: start; }
    .print-page .date-logo-header .date {
      display: flex;
      width: 70%;
      background-color: transparent;
      font-size: 26px; }
      .print-page .date-logo-header .date .date-range {
        padding-top: 40px;
        padding-bottom: 40px;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        font-weight: 500;
        font-size: 26px; }
  .print-page .logo-image {
    float: right;
    height: 60px;
    width: 260px; }
    .print-page .logo-image.nve {
      background: url("../img/nve-logo.png") no-repeat; }
    .print-page .logo-image.rmp {
      background: url("../img/utility/logo-rmp.png") no-repeat; }
    .print-page .logo-image.fpl {
      background: url("../img/utility/logo-fpl.png") no-repeat; }
  .print-page .logo {
    width: 30%;
    background-color: transparent; }
  .print-page .image {
    float: right; }
  .print-page .header {
    display: flex;
    background-color: transparent; }
  .print-page .fa-header {
    display: flex;
    background-color: transparent;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 30px; }
    .print-page .fa-header .header-normal-text {
      font-size: 20px;
      margin: 15px 0;
      line-height: 1.5; }
    .print-page .fa-header .logo-title-wrapper {
      display: flex;
      flex-direction: column;
      width: 70%; }
      .print-page .fa-header .logo-title-wrapper .title {
        padding: 60px 0px 60px 0px;
        font-size: 50px;
        clear: both; }
      .print-page .fa-header .logo-title-wrapper .name-mailing-address {
        margin-top: 60px;
        margin-bottom: 125px;
        margin-left: 30px;
        background-color: transparent;
        color: #000000;
        font-size: 30px;
        line-height: 45px; }
    .print-page .fa-header .marketing-content-wrapper {
      width: 30%;
      display: flex;
      flex-direction: column;
      min-height: 630px;
      align-items: flex-end; }
      .print-page .fa-header .marketing-content-wrapper .fa-account-number {
        margin-bottom: 50px !important; }
      .print-page .fa-header .marketing-content-wrapper .marketing-content {
        width: 100%; }
  .print-page .title {
    padding-top: 20px;
    padding-bottom: 70px;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 80px; }
  .print-page .user-info {
    margin-bottom: 0;
    padding-bottom: 80px;
    line-height: 36px; }
  .print-page .summary-blocks {
    display: flex;
    height: 800px;
    background-color: #ff5c00; }
  .print-page .info-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: column;
    background-color: transparent; }
    .print-page .info-blocks.full-page-height {
      min-height: 2000px; }
    .print-page .info-blocks.margin-50 {
      margin-top: 50px; }
  .print-page .info-block-1 {
    display: flex;
    width: 745px;
    min-height: 400px;
    margin-right: 65px;
    flex-direction: column;
    align-items: stretch;
    background-color: #f5f5f5; }
    .print-page .info-block-1 .primary-amount-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .print-page .info-block-1 .primary-amount-block .primary-amount {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 35px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
      .print-page .info-block-1 .primary-amount-block .primary-value {
        margin-bottom: 10px;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        color: #008DC9;
        font-size: 100px;
        line-height: 100px;
        font-weight: 300;
        letter-spacing: -2px; }
      .print-page .info-block-1 .primary-amount-block .primary-value-currency {
        color: #008DC9;
        font-size: 50px;
        line-height: 66px; }
      .print-page .info-block-1 .primary-amount-block .primary-value-label {
        margin-top: 0px;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        font-weight: 500;
        color: #008DC9;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase; }
    .print-page .info-block-1 .secondary-values {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 30px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .print-page .info-block-1 .secondary-values .secondary-amount-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 200px;
        margin-top: 0px;
        margin-right: 30px;
        margin-left: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
      .print-page .info-block-1 .secondary-values .secondary-amount {
        padding-bottom: 10px;
        font-size: 40px;
        line-height: 40px;
        text-align: center; }
      .print-page .info-block-1 .secondary-values .secondary-amount-label {
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase; }
  .print-page .info-block-title {
    width: 745px;
    height: 40px;
    padding-top: 10px;
    padding-left: 20px;
    background-color: #008DC9;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 5px;
    text-align: left;
    text-transform: uppercase; }
  .print-page .body {
    background-color: transparent;
    color: #ffffff;
    -webkit-print-color-adjust: exact;
    color-adjust: exact; }
  .print-page .info-block-2 {
    display: flex;
    width: 745px;
    height: 400px;
    flex-direction: column;
    align-items: stretch;
    background-color: #f5f5f5; }
    .print-page .info-block-2 .info-block-title {
      padding-bottom: 12px; }
    .print-page .info-block-2 .appliance-details {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 20px;
      border-top: 2px solid #C8C8C8; }
      .print-page .info-block-2 .appliance-details .appliance-details-tips-nc {
        width: 100%;
        background-color: transparent; }
        .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-top: 35px;
          margin-bottom: 30px;
          padding-bottom: 0px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 5px;
          background-color: transparent; }
          .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding-bottom: 25px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
            background-color: transparent;
            padding-top: none;
            width: 100%;
            background: #f5f5f5;
            padding: 0px; }
            .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-subtitle {
              padding-top: 10px;
              padding-bottom: 20px;
              letter-spacing: 2px;
              text-transform: uppercase;
              font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
              font-weight: 500;
              color: #008DC9;
              font-size: 20px; }
            .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget {
              width: 100%;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center; }
              .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper {
                width: 100%;
                border-bottom: 1px solid #b8b8b8;
                border-top: 1px solid #b8b8b8;
                padding: 0 60px 0 45px; }
                .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                  *zoom: 1;
                  width: 100%;
                  position: relative;
                  padding: 20px 0 0 0;
                  position: relative; }
                  .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:before, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:before, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                    display: table;
                    content: ""; }
                  .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                    clear: both; }
                  .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                    text-align: center;
                    width: 10%;
                    float: left;
                    font-size: 30px;
                    color: #bebebe;
                    position: absolute;
                    left: -45px; }
                  .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                    float: left;
                    height: 30px;
                    line-height: 30px;
                    border-radius: 5px;
                    background: #bebebe;
                    padding: 0 10px;
                    width: 50%;
                    color: #ffffff;
                    box-shadow: none;
                    -webkit-box-shadow: none; }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                      float: left; }
                      .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span:last-child, .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                        float: right; }
                .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                  padding: 0px; }
                  .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                    background: #E33125;
                    width: 600px;
                    position: relative;
                    min-width: 65px;
                    overflow: visible; }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                      float: left;
                      text-align: left; }
                      .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                        float: left; }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress .vertical-pointer {
                      position: absolute;
                      right: 0px;
                      top: 48px;
                      height: 40px;
                      width: 2px;
                      border-right: 2px solid #969696; }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.efficient {
                      background: #51B348; }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.average {
                      background: #EEB300; }
                .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .cost {
                  height: 30px;
                  line-height: 30px;
                  float: left;
                  display: inline;
                  min-width: 90px;
                  font-weight: 300;
                  padding: 0 0 0 10px;
                  position: absolute;
                  right: -90px;
                  text-align: left;
                  color: #354052;
                  font-size: 20px;
                  font-weight: 400; }
                .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency {
                  text-align: left;
                  padding: 40px 0 0 0; }
                  .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar {
                    background: url("../img/efficiency.png") no-repeat;
                    background-size: contain;
                    height: 50px;
                    width: 100%; }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.de-de {
                      background-image: url("../img/efficiency-de-de.png"); }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.fr-fr {
                      background-image: url("../img/efficiency-fr-fr.png"); }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.es-us {
                      background-image: url("../img/efficiency-es-us.png"); }
                    .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.hydroottawa {
                      background-image: url("../img/efficiency-empty.png"); }
              .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .nodata-message {
                margin-top: 20px;
                text-align: center; }
              .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data {
                flex-direction: column;
                height: 200px; }
                .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .comparison-wrapper {
                  display: none; }
                .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .nodata-message {
                  display: block; }
            .print-page .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-footer {
              padding-top: 20px;
              text-align: center; }
  .print-page .info-row {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0;
    flex-direction: row;
    align-items: flex-start;
    background-color: transparent; }
    .print-page .info-row .bottom-disclaimer {
      padding-bottom: 20px;
      margin-top: 20px;
      color: #000000;
      font-weight: 500;
      font-size: 25px; }
    .print-page .info-row .tips-container {
      background-color: #fff; }
      .print-page .info-row .tips-container .tip-heading {
        border-top: 2px solid #c8c8c8;
        padding: 20px 0px 10px 0px; }
      .print-page .info-row .tips-container .tip-column {
        float: left;
        width: 350px; }
      .print-page .info-row .tips-container .tip {
        margin: 15px 22px 10px 0px;
        padding: 0px;
        background: #008DC9;
        border-radius: none; }
        .print-page .info-row .tips-container .tip .tip-title {
          border-radius: none; }
        .print-page .info-row .tips-container .tip .tip-title, .print-page .info-row .tips-container .tip .tip-text {
          background-color: #008DC9;
          color: #ffffff;
          font-size: 19px;
          line-height: 22px; }
        .print-page .info-row .tips-container .tip .tip-text {
          padding: 0px 20px 20px; }
  .print-page .row-align {
    flex-direction: row !important; }
  .print-page .col-align {
    flex-direction: column !important; }
  .print-page .info-block-3 {
    display: flex;
    width: 745px;
    margin-right: 65px;
    padding-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5; }
    .print-page .info-block-3 .disagg-appliance-label-bars {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .print-page .info-block-3 .appliance-label {
      margin-bottom: 15px; }
    .print-page .info-block-3 .amount-bar-recess {
      width: 550px;
      height: 15px;
      background-color: #dcdcdc; }
    .print-page .info-block-3 .disagg-appliance-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 650px;
      margin-top: 30px;
      margin-left: 20px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .print-page .info-block-3 .disagg-appliance-amount-bar {
      width: 160px;
      height: 15px;
      background-color: #008dc9; }
    .print-page .info-block-3 .disagg-appliance-amount {
      padding-top: 30px;
      padding-left: 20px;
      color: #008dc9; }
  .print-page .dev-annotation-1 {
    text-align: center; }
  .print-page .info-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 745px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent; }
    .print-page .info-block-4 .tip-2 {
      width: 360px;
      height: 400px;
      margin-top: 0px;
      margin-right: 0px;
      background-color: #008DC9; }
  .print-page .info-block-header-text {
    padding-top: 40px;
    padding-bottom: 10px;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-weight: 500;
    color: #008dc9;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .print-page .info-block-5 {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 60px; }
  .print-page .tip-item {
    width: 360px;
    background-color: #008DC9; }
  .print-page .page-2-wrapper {
    min-height: 2200px;
    position: relative; }
  .print-page .tip-container {
    width: 745px;
    margin-top: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent; }
    .print-page .tip-container .tip-column-1 {
      width: 745px;
      margin-right: 0px;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap; }
      .print-page .tip-container .tip-column-1 .tip-item:nth-child(odd) {
        margin: 0 25px 25px 0; }
      .print-page .tip-container .tip-column-1 .tip-item:nth-child(4) {
        margin-top: 25px; }
    .print-page .tip-container .tip-column-2 {
      width: 360px;
      background-color: transparent; }
    .print-page .tip-container .tip-3 {
      width: 360px;
      height: 490px;
      margin-bottom: 25px;
      background-color: #008DC9; }
    .print-page .tip-container .tip-4 {
      width: 360px;
      height: 400px;
      background-color: #008DC9; }
  .print-page .tip-title {
    padding: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #008dc9;
    color: #ffffff;
    font-size: 24px;
    line-height: 24px; }
  .print-page .tip-image {
    background-color: #008dc9; }
    .print-page .tip-image img {
      max-width: 100%;
      vertical-align: middle;
      display: inline-block; }
  .print-page .tip-text {
    padding: 10px 10px 20px;
    background-color: #008dc9;
    color: #ffffff;
    font-size: 20px;
    line-height: 23px; }
  .print-page .info-block-title-full-width {
    width: 1515px;
    height: 40px;
    padding-top: 10px;
    padding-left: 20px;
    background-color: #008DC9;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 5px;
    text-transform: uppercase; }
  .print-page .tip-container-full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1630px;
    flex-wrap: wrap; }
    .print-page .tip-container-full-width .tip-column-1 {
      width: calc(25% - 25px);
      margin-right: 25px;
      background-color: transparent;
      margin-top: 15px;
      margin-bottom: 30px; }
  .print-page .text-block-full-width {
    width: 1515px;
    margin-bottom: 40px;
    line-height: 36px;
    text-align: center; }
  .print-page .fapr-row-full-width {
    display: flex;
    width: 100%;
    flex-direction: row; }
    .print-page .fapr-row-full-width .energy-insights {
      display: flex;
      flex-direction: row;
      border-top: 2px solid #C8C8C8;
      padding-bottom: 20px;
      margin-top: 20px;
      float: left;
      width: 745px; }
      .print-page .fapr-row-full-width .energy-insights .energy-insights-img {
        width: 360px; }
        .print-page .fapr-row-full-width .energy-insights .energy-insights-img .bidgely-icon-devices-graphic {
          font-size: 195px; }
      .print-page .fapr-row-full-width .energy-insights .energy-insights-text {
        margin-left: 20px;
        align-self: center;
        line-height: 1.5; }
    .print-page .fapr-row-full-width .disclaimer-wrapper {
      display: flex;
      flex-direction: column;
      width: 791px;
      font-size: 22px;
      margin: 20px 0px 50px 0px; }
      .print-page .fapr-row-full-width .disclaimer-wrapper .disclaimer {
        display: flex;
        padding-top: 20px;
        flex-direction: column; }
        .print-page .fapr-row-full-width .disclaimer-wrapper .disclaimer .disclaimer-text {
          line-height: 1.2; }
        .print-page .fapr-row-full-width .disclaimer-wrapper .disclaimer .signature-img {
          width: 500px;
          margin-top: 20px; }
          .print-page .fapr-row-full-width .disclaimer-wrapper .disclaimer .signature-img img {
            max-width: 100%; }
      .print-page .fapr-row-full-width .disclaimer-wrapper .disclaimer-date {
        margin-top: 20px; }
    .print-page .fapr-row-full-width .appliance-details {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 20px;
      width: 50%;
      margin-right: 90px; }
      .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc {
        width: 100%;
        background-color: transparent; }
        .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-top: 35px;
          margin-bottom: 30px;
          padding-bottom: 0px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 5px;
          background-color: transparent; }
          .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding-bottom: 25px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: flex-start;
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
            background-color: transparent;
            padding-top: none;
            width: 100%;
            background: transparent;
            padding: 0px; }
            .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-subtitle {
              display: none; }
            .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-title {
              padding-top: 10px;
              padding-bottom: 20px;
              font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
              font-size: 28px; }
            .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget {
              width: 90%;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              padding-left: 20px; }
              .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper {
                width: 100%;
                padding: 0 60px 0 45px; }
                .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                  *zoom: 1;
                  width: 100%;
                  position: relative;
                  padding: 20px 0 0 0;
                  position: relative; }
                  .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:before, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:before, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                    display: table;
                    content: ""; }
                  .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                    clear: both; }
                  .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                    text-align: center;
                    width: 10%;
                    float: left;
                    font-size: 45px;
                    color: #bebebe;
                    position: absolute;
                    left: -65px;
                    bottom: 18px; }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon img, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon img {
                      max-width: 100%; }
                  .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                    float: left;
                    height: 30px;
                    line-height: 30px;
                    border-radius: 5px;
                    background: #bebebe;
                    padding: 0 10px;
                    width: 50%;
                    color: #ffffff;
                    box-shadow: none;
                    -webkit-box-shadow: none; }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                      float: left; }
                      .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span:last-child, .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                        float: right; }
                .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                  padding: 0px; }
                  .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                    top: -8px; }
                  .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                    background: #E33125;
                    width: 600px;
                    position: relative;
                    min-width: 65px;
                    overflow: visible; }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                      float: left;
                      text-align: left; }
                      .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                        float: left; }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress .vertical-pointer {
                      position: absolute;
                      right: 0px;
                      top: 40px;
                      height: 40px;
                      width: 2px;
                      border-right: 2px solid #969696; }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.efficient {
                      background: #51B348; }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.average {
                      background: #EEB300; }
                .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .cost {
                  height: 30px;
                  line-height: 30px;
                  float: left;
                  display: inline;
                  min-width: 90px;
                  font-weight: 300;
                  padding: 0 0 0 10px;
                  position: absolute;
                  right: -90px;
                  text-align: left;
                  color: #354052;
                  font-size: 20px;
                  font-weight: 400; }
                .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency {
                  text-align: left;
                  padding: 40px 0 0 0; }
                  .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar {
                    background: url("../img/efficiency.png") no-repeat;
                    background-size: contain;
                    height: 50px;
                    width: 100%; }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.de-de {
                      background-image: url("../img/efficiency-de-de.png"); }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.fr-fr {
                      background-image: url("../img/efficiency-fr-fr.png"); }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.es-us {
                      background-image: url("../img/efficiency-es-us.png"); }
                    .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.hydroottawa {
                      background-image: url("../img/efficiency-empty.png"); }
              .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .nodata-message {
                margin-top: 20px;
                text-align: center; }
              .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data {
                flex-direction: column;
                height: 200px; }
                .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .comparison-wrapper {
                  display: none; }
                .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .nodata-message {
                  display: block; }
            .print-page .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-footer {
              padding-top: 20px;
              text-align: center; }
  .print-page .appliance-explanations-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1515px;
    height: 600px;
    margin-top: 60px;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 1px solid #000000;
    color: #000000;
    font-size: 24px;
    line-height: 28px; }
  .print-page .appliance-explanations-title {
    width: 1515px;
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 26px;
    text-align: center; }
  .print-page .appliance-explanations-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 505px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
  .print-page .appliance-explanation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1515px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .print-page .appliance-explanation-title {
    width: 450px;
    margin-bottom: 5px;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500; }
  .print-page .appliance-explanation-description {
    width: 470px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px; }
  .print-page .print-footer {
    position: absolute;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1515px;
    height: 100px;
    margin-left: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent; }
  .print-page .footer-text {
    font-size: 18px;
    line-height: 28px;
    text-align: right; }
  .print-page .appliance-breakdown-wrapper {
    padding-bottom: 30px; }
  .print-page .tip-2 {
    width: 360px;
    height: 400px;
    margin-top: 0;
    margin-right: 0;
    background-color: #008DC9; }
  .print-page .tip-1 {
    width: 360px;
    margin-bottom: 25px;
    background-color: #008DC9; }
  .print-page .tip-container {
    display: flex;
    width: 745px;
    margin-top: 25px;
    flex-direction: row;
    align-items: flex-start;
    background-color: transparent; }
  .print-page .tip-column-1 {
    width: 360px;
    margin-right: 25px;
    background-color: transparent; }
  .print-page .tip-column-1:nth-child(4) {
    margin-right: 0px; }
  .print-page .tip-column-2 {
    width: 360px;
    background-color: transparent; }
  .print-page .tip-3 {
    width: 360px;
    height: 490px;
    margin-bottom: 25px;
    background-color: #008DC9; }
  .print-page .tip-4 {
    width: 360px;
    height: 400px;
    background-color: #008DC9; }
  .print-page .dev-annotation-2 {
    padding-top: 200px;
    color: #ffffff;
    text-align: center; }
  .print-page.type-2 {
    height: 1000px;
    padding: 70px 0 0 70px; }
    .print-page.type-2.fa-print {
      height: auto !important; }
    .print-page.type-2 #overlay {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2; }
    .print-page.type-2 .logo-image {
      float: left; }
    .print-page.type-2 .header .title {
      padding: 10px 0px 60px 0px;
      font-size: 34px;
      text-align: center;
      clear: both;
      align-self: center; }
    .print-page.type-2 .info-blocks {
      font-size: 28px; }
      .print-page.type-2 .info-blocks.survey-chunk-2 {
        page-break-before: always;
        margin-top: 50px; }
        .print-page.type-2 .info-blocks.survey-chunk-2 .info-block-2 {
          border: none; }
      .print-page.type-2 .info-blocks.landlord-tips-info {
        display: block;
        padding-top: 40px; }
      .print-page.type-2 .info-blocks.font-20 {
        font-size: 20px; }
      .print-page.type-2 .info-blocks .monthly-total-section {
        text-align: center; }
        .print-page.type-2 .info-blocks .monthly-total-section img {
          vertical-align: middle;
          max-width: 100%;
          display: inline-block;
          position: relative;
          top: -2px; }
      .print-page.type-2 .info-blocks .monthly-total {
        background: #008DC9;
        margin: 0 auto;
        height: 150px;
        width: 150px;
        border-radius: 10px;
        font-size: 13px;
        color: white; }
        .print-page.type-2 .info-blocks .monthly-total .bidgely-appliance-icon-home {
          font-size: 100px; }
        .print-page.type-2 .info-blocks .monthly-total .currency-sign {
          padding-bottom: 3px;
          font-size: 24px;
          overflow-wrap: break-word; }
      .print-page.type-2 .info-blocks .chart-container {
        height: 100px; }
      .print-page.type-2 .info-blocks .graph {
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100px;
        margin-top: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: 2px solid #c8c8c8; }
        .print-page.type-2 .info-blocks .graph .carousel {
          height: 100px;
          width: 100%;
          max-width: 1327px;
          margin: 0 8px; }
          .print-page.type-2 .info-blocks .graph .carousel li {
            width: 58px;
            height: 85px;
            margin-left: 49%; }
            .print-page.type-2 .info-blocks .graph .carousel li .progress {
              position: absolute;
              overflow: visible;
              height: 14px;
              width: 85px;
              top: 52px;
              right: 8px;
              background-color: transparent;
              box-shadow: none;
              border: none;
              border-radius: 0; }
              .print-page.type-2 .info-blocks .graph .carousel li .progress.vertical {
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
              .print-page.type-2 .info-blocks .graph .carousel li .progress .progress-bar {
                cursor: pointer;
                height: 100%;
                background-color: #c8c8c8;
                box-shadow: none;
                min-width: 10px; }
                .print-page.type-2 .info-blocks .graph .carousel li .progress .progress-bar.active {
                  background-color: #008dc9; }
              .print-page.type-2 .info-blocks .graph .carousel li .progress .not-available {
                display: none;
                font-size: 12px;
                color: #008DC9;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                position: absolute;
                top: -5px;
                left: 10px; }
              .print-page.type-2 .info-blocks .graph .carousel li .progress.no-breakdown .progress-bar {
                min-height: 10px;
                border: 1px solid #b8b8b8;
                background-color: #ffffff;
                position: relative;
                right: -2px; }
      .print-page.type-2 .info-blocks .budget-billing-data {
        width: 95%; }
        .print-page.type-2 .info-blocks .budget-billing-data div {
          height: 30px;
          font-size: 14px; }
          .print-page.type-2 .info-blocks .budget-billing-data div.budget {
            background-color: #818B8D;
            color: #ffffff; }
          .print-page.type-2 .info-blocks .budget-billing-data div.actual {
            background-color: #EBEBEB;
            color: #969696; }
          .print-page.type-2 .info-blocks .budget-billing-data div .cost-type {
            margin: 0 20px;
            width: 100px;
            display: inline-block; }
          .print-page.type-2 .info-blocks .budget-billing-data div .cost-label {
            width: 58px;
            display: inline-block;
            text-align: center;
            padding-top: 5px; }
      .print-page.type-2 .info-blocks .billing-cycle {
        color: #008DC9;
        padding: 20px 0px 70px 0px;
        border-bottom: 2px solid #c8c8c8;
        text-align: center;
        font-weight: 500; }
        .print-page.type-2 .info-blocks .billing-cycle .billing-cycle-timeframe {
          letter-spacing: 4px; }
        .print-page.type-2 .info-blocks .billing-cycle .not-a-bill-label {
          margin-top: 20px;
          color: #000000;
          font-size: 20px;
          font-weight: 400; }
      .print-page.type-2 .info-blocks .breakdown {
        position: relative;
        table-layout: fixed;
        height: auto;
        margin-top: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
        clear: none;
        float: left;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center; }
        .print-page.type-2 .info-blocks .breakdown .breakdown-appliances {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          background-color: transparent; }
          .print-page.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance {
            display: block;
            width: 125px;
            height: 180px;
            /* max-height: 150px; */
            /* max-width: 100px; */
            min-height: 150px;
            min-width: 100px;
            margin-top: 0px;
            margin-right: 10px;
            background-color: transparent;
            float: left; }
            .print-page.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost {
              width: 120px;
              height: 125px;
              padding-top: 15px;
              border-radius: 10px;
              background-color: #008DC9;
              -webkit-transition: #008DC9 300ms ease;
              transition: #008DC9 300ms ease; }
              .print-page.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .breakdown-appliance-icon {
                display: block;
                margin: 0px 25px 10px;
                background-color: transparent;
                font-size: 75px;
                color: #ffffff; }
              .print-page.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .appliance-cost {
                color: #ffffff;
                font-size: 20px;
                font-weight: 400;
                text-align: center; }
                .print-page.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .appliance-cost .kwh-sign {
                  display: inline;
                  color: #ffffff;
                  font-size: 12px; }
            .print-page.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .appliance-label {
              margin-top: 10px;
              font-size: 15px;
              line-height: 23px;
              font-weight: 500;
              text-align: center; }
        .print-page.type-2 .info-blocks .breakdown .zero-data-appliances {
          background: url("../img/zero-data-appliances.png") no-repeat;
          background-size: contain;
          height: 270px;
          width: 350px;
          display: none; }
        .print-page.type-2 .info-blocks .breakdown.no-breakdown .zero-data-appliances {
          display: block; }
        .print-page.type-2 .info-blocks .breakdown.no-breakdown .breakdown-appliances {
          display: none; }
        .print-page.type-2 .info-blocks .breakdown .desc {
          padding-bottom: 30px; }
      .print-page.type-2 .info-blocks .info-block-1, .print-page.type-2 .info-blocks .landlord-recos {
        background-color: #fff; }
        .print-page.type-2 .info-blocks .info-block-1 .tips-container, .print-page.type-2 .info-blocks .landlord-recos .tips-container {
          background-color: #fff; }
          .print-page.type-2 .info-blocks .info-block-1 .tips-container .tip-heading, .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip-heading {
            border-top: 2px solid #c8c8c8;
            padding: 20px 0px 30px 0px; }
          .print-page.type-2 .info-blocks .info-block-1 .tips-container .tip-column, .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip-column {
            float: left;
            width: 350px; }
          .print-page.type-2 .info-blocks .info-block-1 .tips-container .tip, .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip {
            margin: 15px 22px 10px 0px;
            padding: 0px;
            background: #008DC9;
            border-radius: none; }
            .print-page.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-title, .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-title {
              border-radius: none; }
            .print-page.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-title, .print-page.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-text, .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-title, .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-text {
              background-color: #008DC9;
              color: #ffffff;
              font-size: 19px;
              line-height: 22px; }
            .print-page.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-text, .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-text {
              padding: 0px 20px 20px; }
      .print-page.type-2 .info-blocks .landlord-recos {
        margin-top: 20px; }
        .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip-columns {
          padding-top: 15px; }
        .print-page.type-2 .info-blocks .landlord-recos .tips-container .tips-wrapper {
          clear: both;
          min-height: 540px; }
        .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip-heading {
          border: none;
          font-size: 25px;
          color: #008DC9; }
        .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip-desc {
          font-size: 17px; }
        .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip {
          width: 330px;
          float: left;
          page-break-inside: avoid;
          margin-bottom: 40px; }
          .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(13), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(29) {
            page-break-before: always;
            margin-top: 100px; }
          .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(13), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(14), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(15), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(16), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(29), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(30), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(31), .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip:nth-child(32) {
            margin-top: 100px; }
        .print-page.type-2 .info-blocks .landlord-recos .tips-container .tip-column {
          width: 100%; }
        .print-page.type-2 .info-blocks .landlord-recos .tips-container .new-page-wrapper {
          page-break-before: always;
          page-break-inside: avoid;
          margin-top: 70px;
          min-height: 2100px; }
          .print-page.type-2 .info-blocks .landlord-recos .tips-container .new-page-wrapper:first-child {
            margin-top: 0;
            min-height: 1600px; }
      .print-page.type-2 .info-blocks .fa-block {
        display: flex;
        border-top: 2px solid #C8C8C8;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 50px;
        font-weight: 500;
        font-size: 20px;
        flex-direction: column;
        width: 100%; }
        .print-page.type-2 .info-blocks .fa-block .fa-title {
          font-size: 25px;
          padding-bottom: 20px;
          padding-top: 0px;
          font-weight: 400; }
        .print-page.type-2 .info-blocks .fa-block .info-title {
          font-size: 28px;
          padding-bottom: 20px;
          padding-top: 0px;
          font-weight: 500; }
        .print-page.type-2 .info-blocks .fa-block .answer-para {
          font-size: 25px;
          line-height: 32px;
          font-weight: 400;
          margin-bottom: 15px; }
        .print-page.type-2 .info-blocks .fa-block .info-options {
          font-size: 25px;
          line-height: 30px;
          margin: 10px 0px 15px; }
          .print-page.type-2 .info-blocks .fa-block .info-options .option {
            float: left; }
          .print-page.type-2 .info-blocks .fa-block .info-options .option-label {
            font-weight: 400;
            overflow-x: hidden;
            display: inline; }
          .print-page.type-2 .info-blocks .fa-block .info-options .option-desc {
            font-weight: 400;
            overflow-x: hidden;
            display: inline;
            font-size: 20px; }
          .print-page.type-2 .info-blocks .fa-block .info-options .additional-ans {
            font-weight: 400;
            margin-left: 30px; }
        .print-page.type-2 .info-blocks .fa-block .question-block {
          margin-top: 20px;
          border-bottom: 2px solid #C8C8C8; }
          .print-page.type-2 .info-blocks .fa-block .question-block:first-child {
            margin-top: 0px; }
          .print-page.type-2 .info-blocks .fa-block .question-block:last-child {
            border: none; }
        .print-page.type-2 .info-blocks .fa-block .fa-content {
          margin-bottom: -20px; }
          .print-page.type-2 .info-blocks .fa-block .fa-content .bidgely-icon {
            font-size: 28px;
            margin-top: -5px; }
      .print-page.type-2 .info-blocks .fa-survey.fa-block {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        width: 100%;
        margin-top: 0; }
      .print-page.type-2 .info-blocks .fa-survey .fa-title {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 30px;
        margin-top: 30px; }
      .print-page.type-2 .info-blocks .fa-survey .survey-faq {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-bottom: 20px; }
        .print-page.type-2 .info-blocks .fa-survey .survey-faq .que-block {
          width: calc(50% - 165px);
          display: flex;
          font-size: 25px;
          line-height: 32px; }
          .print-page.type-2 .info-blocks .fa-survey .survey-faq .que-block:nth-child(odd) {
            margin-left: 165px; }
          .print-page.type-2 .info-blocks .fa-survey .survey-faq .que-block .faq {
            width: 700px;
            padding-right: 50px;
            font-weight: 400;
            page-break-after: auto; }
          .print-page.type-2 .info-blocks .fa-survey .survey-faq .que-block .response {
            color: #008DC9;
            font-weight: 400;
            width: 250px; }
      .print-page.type-2 .info-blocks .fa-survey .fa-cat-title {
        font-size: 28px;
        line-height: 28px;
        margin-top: 28px;
        padding-top: 0px;
        font-weight: 500;
        width: 100%;
        page-break-after: auto; }
      .print-page.type-2 .info-blocks .home-survey {
        font-size: 15px; }
        .print-page.type-2 .info-blocks .home-survey .title {
          font-size: 20px;
          padding-bottom: 20px;
          padding-top: 0px; }
        .print-page.type-2 .info-blocks .home-survey .survey-faq .faq {
          padding-bottom: 15px;
          width: 450px;
          padding-right: 50px;
          font-weight: 500;
          font-size: 17px; }
        .print-page.type-2 .info-blocks .home-survey .survey-faq div {
          float: left; }
        .print-page.type-2 .info-blocks .home-survey .survey-faq .response {
          color: #008DC9;
          font-weight: 500;
          width: 250px; }
        .print-page.type-2 .info-blocks .home-survey .survey-footer {
          clear: both;
          color: #008DC9; }
          .print-page.type-2 .info-blocks .home-survey .survey-footer a {
            color: #008DC9; }
      .print-page.type-2 .info-blocks .info-block-2 {
        height: auto;
        background-color: #ffffff; }
        .print-page.type-2 .info-blocks .info-block-2.top-line {
          margin-top: 0;
          padding-top: 20px; }
        .print-page.type-2 .info-blocks .info-block-2 .energy-insights {
          display: flex;
          flex-direction: row;
          border-bottom: 2px solid #C8C8C8;
          padding-bottom: 20px;
          margin-bottom: 20px; }
          .print-page.type-2 .info-blocks .info-block-2 .energy-insights .energy-insights-img {
            width: 360px; }
            .print-page.type-2 .info-blocks .info-block-2 .energy-insights .energy-insights-img .bidgely-icon-devices-graphic {
              font-size: 195px; }
          .print-page.type-2 .info-blocks .info-block-2 .energy-insights .energy-insights-text {
            margin-left: 20px;
            align-self: center;
            line-height: 1.5; }
        .print-page.type-2 .info-blocks .info-block-2 .disclaimer {
          display: flex;
          border-bottom: 2px solid #C8C8C8;
          padding-bottom: 20px;
          margin-bottom: 20px;
          flex-direction: column; }
          .print-page.type-2 .info-blocks .info-block-2 .disclaimer .disclaimer-text {
            line-height: 1.2; }
          .print-page.type-2 .info-blocks .info-block-2 .disclaimer .signature-img {
            width: 500px;
            margin-top: 20px; }
            .print-page.type-2 .info-blocks .info-block-2 .disclaimer .signature-img img {
              max-width: 100%; }
        .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section {
          margin-top: 0px;
          margin-bottom: 0px; }
          .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc {
            border-bottom: 2px solid #c8c8c8;
            display: inline-block;
            background-color: #fff;
            padding-bottom: 20px;
            margin-bottom: 20px; }
            .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-subtitle {
              display: none; }
            .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-title {
              text-align: left;
              padding-bottom: 20px; }
            .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget {
              padding-left: 100px; }
              .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper {
                border: none; }
                .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress {
                  height: 40px;
                  line-height: 40px; }
                .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon {
                  left: -65px;
                  line-height: 39px;
                  font-size: 65px; }
                .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .neighbors-img {
                  width: 80px;
                  left: -87px;
                  top: 12px; }
                  .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .neighbors-img img {
                    width: 100%; }
                .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                  font-size: 60px;
                  left: -61px;
                  line-height: 37px; }
                .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                  height: 40px;
                  line-height: 41px; }
                .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .cost {
                  line-height: 36px;
                  font-size: 24px; }
            .print-page.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nodata-message {
              padding-top: 20px; }
  .print-page.ipad {
    width: 1700px;
    height: auto;
    padding: 60px 0 0 70px;
    background-color: transparent;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #323232;
    font-size: 1.575rem;
    line-height: 1.575rem; }
    .print-page.ipad .bottom-line {
      border-bottom: 2px solid #C8C8C8; }
    .print-page.ipad .top-line {
      border-top: 2px solid #C8C8C8;
      margin-top: 10px; }
    .print-page.ipad .no-top-line {
      border-top: none !important; }
    .print-page.ipad .date-logo-header {
      display: flex;
      align-items: flex-start;
      background-color: transparent;
      -webkit-box-align: start; }
      .print-page.ipad .date-logo-header .date {
        display: flex;
        width: 70%;
        background-color: transparent;
        font-size: 1.4625rem; }
        .print-page.ipad .date-logo-header .date .date-range {
          padding-top: 40px;
          padding-bottom: 40px;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          font-weight: 500;
          font-size: 1.4625rem; }
    .print-page.ipad .logo-image {
      float: right;
      background: url("../img/nve-logo.png") no-repeat;
      height: 60px;
      width: 260px; }
    .print-page.ipad .logo {
      width: 30%;
      background-color: transparent; }
    .print-page.ipad .image {
      float: right; }
    .print-page.ipad .header {
      display: block;
      background-color: transparent; }
    .print-page.ipad .fa-header {
      display: flex;
      background-color: transparent;
      border-bottom: 1px solid #c8c8c8;
      margin-bottom: 30px; }
      .print-page.ipad .fa-header .header-normal-text {
        font-size: 1.125rem;
        margin: 15px 0;
        line-height: 1.6875rem; }
      .print-page.ipad .fa-header .logo-title-wrapper {
        display: flex;
        flex-direction: column;
        width: 70%; }
        .print-page.ipad .fa-header .logo-title-wrapper .title {
          padding: 60px 0px 60px 0px;
          font-size: 2.8125rem;
          clear: both; }
        .print-page.ipad .fa-header .logo-title-wrapper .name-mailing-address {
          margin-top: 60px;
          margin-bottom: 125px;
          margin-left: 30px;
          background-color: transparent;
          color: #000000;
          font-size: 1.6875rem;
          line-height: 2.53125rem; }
      .print-page.ipad .fa-header .marketing-content-wrapper {
        width: calc(50%-200px);
        align-self: flex-end;
        display: flex;
        flex-direction: column;
        height: 630px;
        align-items: flex-end; }
        .print-page.ipad .fa-header .marketing-content-wrapper .fa-account-number {
          margin-bottom: 50px !important; }
        .print-page.ipad .fa-header .marketing-content-wrapper .marketing-content {
          width: 100%;
          height: 440px; }
    .print-page.ipad .title {
      padding-top: 20px;
      padding-bottom: 70px;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 400;
      font-size: 4.5rem; }
    .print-page.ipad .user-info {
      margin-bottom: 0;
      padding-bottom: 80px;
      line-height: 2.025rem; }
    .print-page.ipad .summary-blocks {
      display: flex;
      height: 800px;
      background-color: #ff5c00; }
    .print-page.ipad .info-blocks {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: column;
      background-color: transparent; }
    .print-page.ipad .info-block-1 {
      display: flex;
      width: 745px;
      min-height: 400px;
      margin-right: 65px;
      margin-bottom: 50px;
      flex-direction: column;
      align-items: stretch;
      background-color: #f5f5f5; }
      .print-page.ipad .info-block-1 .primary-amount-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .print-page.ipad .info-block-1 .primary-amount-block .primary-amount {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding-top: 35px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start; }
        .print-page.ipad .info-block-1 .primary-amount-block .primary-value {
          margin-bottom: 10px;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          color: #008DC9;
          font-size: 5.625rem;
          line-height: 5.625rem;
          font-weight: 300;
          letter-spacing: -2px; }
        .print-page.ipad .info-block-1 .primary-amount-block .primary-value-currency {
          color: #008DC9;
          font-size: 2.8125rem;
          line-height: 3.7125rem; }
        .print-page.ipad .info-block-1 .primary-amount-block .primary-value-label {
          margin-top: 0px;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          font-weight: 500;
          color: #008DC9;
          font-size: 0.9rem;
          line-height: 1.35rem;
          text-align: center;
          letter-spacing: 2px;
          text-transform: uppercase; }
      .print-page.ipad .info-block-1 .secondary-values {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .print-page.ipad .info-block-1 .secondary-values .secondary-amount-block {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 200px;
          margin-top: 0px;
          margin-right: 30px;
          margin-left: 30px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
        .print-page.ipad .info-block-1 .secondary-values .secondary-amount {
          padding-bottom: 10px;
          font-size: 2.25rem;
          line-height: 2.25rem;
          text-align: center; }
        .print-page.ipad .info-block-1 .secondary-values .secondary-amount-label {
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          font-weight: 500;
          font-size: 0.9rem;
          line-height: 1.35rem;
          text-align: center;
          letter-spacing: 2px;
          text-transform: uppercase; }
    .print-page.ipad .info-block-title {
      width: 745px;
      height: 40px;
      padding-top: 10px;
      padding-left: 20px;
      background-color: #008DC9;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 500;
      color: #ffffff;
      font-size: 1.2375rem;
      letter-spacing: 5px;
      text-align: left;
      text-transform: uppercase; }
    .print-page.ipad .body {
      background-color: transparent;
      color: #ffffff;
      -webkit-print-color-adjust: exact;
      color-adjust: exact; }
    .print-page.ipad .info-block-2 {
      display: flex;
      width: 745px;
      height: 400px;
      margin-bottom: 50px;
      flex-direction: column;
      align-items: stretch;
      background-color: #f5f5f5; }
      .print-page.ipad .info-block-2 .info-block-title {
        padding-bottom: 12px; }
    .print-page.ipad .info-row {
      display: flex;
      margin-bottom: 0;
      padding-bottom: 0;
      flex-direction: row;
      align-items: flex-start;
      background-color: transparent; }
      .print-page.ipad .info-row .bottom-disclaimer {
        padding-bottom: 20px;
        margin-top: 20px;
        color: #000000;
        font-weight: 500;
        font-size: 1.40625rem; }
      .print-page.ipad .info-row .tips-container {
        background-color: #fff; }
        .print-page.ipad .info-row .tips-container .tip-heading {
          border-top: 2px solid #c8c8c8;
          padding: 20px 0px 10px 0px;
          font-size: 1.40625rem; }
        .print-page.ipad .info-row .tips-container .tip-column {
          float: left;
          width: 350px; }
        .print-page.ipad .info-row .tips-container .tip {
          margin: 15px 22px 10px 0px;
          padding: 0px;
          background: #008DC9;
          border-radius: none; }
          .print-page.ipad .info-row .tips-container .tip .tip-title {
            border-radius: none; }
          .print-page.ipad .info-row .tips-container .tip .tip-title, .print-page.ipad .info-row .tips-container .tip .tip-text {
            background-color: #008DC9;
            color: #ffffff;
            font-size: 1.06875rem;
            line-height: 1.2375rem; }
          .print-page.ipad .info-row .tips-container .tip .tip-text {
            padding: 0px 20px 20px; }
    .print-page.ipad .info-block-3 {
      display: flex;
      width: 745px;
      margin-right: 65px;
      padding-bottom: 60px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #f5f5f5; }
      .print-page.ipad .info-block-3 .disagg-appliance-label-bars {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
      .print-page.ipad .info-block-3 .appliance-label {
        margin-bottom: 15px; }
      .print-page.ipad .info-block-3 .amount-bar-recess {
        width: 550px;
        height: 15px;
        background-color: #dcdcdc; }
      .print-page.ipad .info-block-3 .disagg-appliance-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 650px;
        margin-top: 30px;
        margin-left: 20px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
      .print-page.ipad .info-block-3 .disagg-appliance-amount-bar {
        width: 160px;
        height: 15px;
        background-color: #008dc9; }
      .print-page.ipad .info-block-3 .disagg-appliance-amount {
        padding-top: 30px;
        padding-left: 20px;
        color: #008dc9; }
    .print-page.ipad .dev-annotation-1 {
      text-align: center; }
    .print-page.ipad .info-block-4 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      width: 745px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: transparent; }
      .print-page.ipad .info-block-4 .tip-2 {
        width: 360px;
        height: 400px;
        margin-top: 0px;
        margin-right: 0px;
        background-color: #008DC9; }
    .print-page.ipad .info-block-header-text {
      padding-top: 40px;
      padding-bottom: 10px;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 500;
      color: #008dc9;
      font-size: 1.125rem;
      line-height: 1.575rem;
      text-align: center;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .print-page.ipad .info-block-5 {
      margin-bottom: 30px;
      margin-left: 20px;
      margin-top: 60px; }
    .print-page.ipad .tip-item {
      width: 360px;
      background-color: #008DC9; }
    .print-page.ipad .page-2-wrapper {
      min-height: 2200px;
      position: relative; }
    .print-page.ipad .tip-container {
      width: 745px;
      margin-top: 25px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: transparent; }
      .print-page.ipad .tip-container .tip-column-1 {
        width: 745px;
        margin-right: 0px;
        background-color: transparent;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap; }
        .print-page.ipad .tip-container .tip-column-1 .tip-item:nth-child(odd) {
          margin: 0 25px 25px 0; }
        .print-page.ipad .tip-container .tip-column-1 .tip-item:nth-child(4) {
          margin-top: 25px; }
      .print-page.ipad .tip-container .tip-column-2 {
        width: 360px;
        background-color: transparent; }
      .print-page.ipad .tip-container .tip-3 {
        width: 360px;
        height: 490px;
        margin-bottom: 25px;
        background-color: #008DC9; }
      .print-page.ipad .tip-container .tip-4 {
        width: 360px;
        height: 400px;
        background-color: #008DC9; }
    .print-page.ipad .tip-title {
      padding: 15px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      background-color: #008dc9;
      color: #ffffff;
      font-size: 1.2375rem;
      line-height: 1.2375rem; }
    .print-page.ipad .tip-image {
      background-color: #008dc9; }
      .print-page.ipad .tip-image img {
        max-width: 100%;
        vertical-align: middle;
        display: inline-block; }
    .print-page.ipad .tip-text {
      padding: 10px 10px 20px;
      background-color: #008dc9;
      color: #ffffff;
      font-size: 0.95625rem;
      line-height: 1.06875rem; }
    .print-page.ipad .info-block-title-full-width {
      width: 1515px;
      height: 40px;
      padding-top: 10px;
      padding-left: 20px;
      background-color: #008DC9;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      color: #ffffff;
      font-size: 1.2375rem;
      letter-spacing: 5px;
      text-transform: uppercase; }
    .print-page.ipad .tip-container-full-width {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 1630px;
      flex-wrap: wrap; }
      .print-page.ipad .tip-container-full-width .tip-column-1 {
        width: calc(25% - 25px);
        margin-right: 25px;
        background-color: transparent;
        margin-top: 15px;
        margin-bottom: 30px; }
    .print-page.ipad .text-block-full-width {
      width: 1515px;
      margin-bottom: 40px;
      line-height: 36px;
      line-height: 2.025rem;
      text-align: center; }
    .print-page.ipad .fapr-row-full-width {
      padding-bottom: 0px;
      margin-bottom: 0px;
      display: flex;
      flex-direction: row; }
      .print-page.ipad .fapr-row-full-width .energy-insights {
        display: flex;
        flex-direction: row;
        border-top: 2px solid #C8C8C8;
        padding-bottom: 20px;
        margin-top: 20px;
        float: left;
        width: 745px; }
        .print-page.ipad .fapr-row-full-width .energy-insights .energy-insights-img {
          width: 360px; }
          .print-page.ipad .fapr-row-full-width .energy-insights .energy-insights-img .bidgely-icon-devices-graphic {
            font-size: 10.96875rem; }
        .print-page.ipad .fapr-row-full-width .energy-insights .energy-insights-text {
          margin-left: 20px;
          align-self: center;
          line-height: 1.575rem; }
      .print-page.ipad .fapr-row-full-width .disclaimer-wrapper {
        display: flex;
        flex-direction: column;
        width: 791px;
        font-size: 1.2375rem;
        margin: 20px 0px 50px 0px; }
        .print-page.ipad .fapr-row-full-width .disclaimer-wrapper .disclaimer {
          display: flex;
          padding-top: 20px;
          flex-direction: column; }
          .print-page.ipad .fapr-row-full-width .disclaimer-wrapper .disclaimer .disclaimer-text {
            line-height: 1.575rem; }
          .print-page.ipad .fapr-row-full-width .disclaimer-wrapper .disclaimer .signature-img {
            width: 500px;
            margin-top: 20px; }
            .print-page.ipad .fapr-row-full-width .disclaimer-wrapper .disclaimer .signature-img img {
              max-width: 100%; }
        .print-page.ipad .fapr-row-full-width .disclaimer-wrapper .disclaimer-date {
          margin-top: 20px; }
      .print-page.ipad .fapr-row-full-width .appliance-details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 90px;
        font-size: 1.125rem; }
        .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc {
          width: 100%;
          background-color: transparent; }
          .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-top: 35px;
            margin-bottom: 30px;
            padding-bottom: 0px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 5px;
            background-color: transparent; }
            .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              padding-bottom: 25px;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-align-self: flex-start;
              -ms-flex-item-align: start;
              align-self: flex-start;
              background-color: transparent;
              padding-top: none;
              width: 100%;
              background: transparent;
              padding: 0px; }
              .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-title {
                font-size: 1.6875rem; }
              .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-subtitle {
                padding-top: 10px;
                padding-bottom: 20px;
                letter-spacing: 2px;
                text-transform: uppercase;
                font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
                font-weight: 500;
                color: #008DC9;
                font-size: 1.125rem; }
              .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget {
                width: 90%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-left: 20px; }
                .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper {
                  width: 100%;
                  padding: 0 60px 0 45px; }
                  .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                    *zoom: 1;
                    width: 100%;
                    position: relative;
                    padding: 20px 0 0 0;
                    position: relative; }
                    .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:before, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:before, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                      display: table;
                      content: ""; }
                    .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                      clear: both; }
                    .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                      text-align: center;
                      width: 10%;
                      float: left;
                      font-size: 2.53125rem;
                      color: #bebebe;
                      position: absolute;
                      left: -65px;
                      bottom: 20px; }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon img, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon img {
                        max-width: 100%; }
                    .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                      float: left;
                      height: 30px;
                      line-height: 1.6875rem;
                      border-radius: 5px;
                      background: #bebebe;
                      padding: 0 10px;
                      width: 50%;
                      color: #ffffff;
                      box-shadow: none;
                      -webkit-box-shadow: none; }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                        float: left; }
                        .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span:last-child, .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                          float: right; }
                  .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                    padding: 0px; }
                    .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                      top: -12px; }
                    .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                      background: #E33125;
                      width: 600px;
                      position: relative;
                      min-width: 65px;
                      overflow: visible; }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                        float: left;
                        text-align: left; }
                        .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                          float: left; }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress .vertical-pointer {
                        position: absolute;
                        right: 0px;
                        top: 40px;
                        height: 40px;
                        width: 2px;
                        border-right: 2px solid #969696; }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.efficient {
                        background: #51B348; }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.average {
                        background: #EEB300; }
                  .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .cost {
                    height: 30px;
                    line-height: 1.6875rem;
                    float: left;
                    display: inline;
                    min-width: 90px;
                    font-weight: 300;
                    padding: 0 0 0 10px;
                    position: absolute;
                    right: -90px;
                    text-align: left;
                    color: #354052;
                    font-size: 1.125rem;
                    font-weight: 400; }
                  .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency {
                    text-align: left;
                    padding: 40px 0 0 0; }
                    .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar {
                      background: url("../img/efficiency.png") no-repeat;
                      background-size: contain;
                      height: 50px;
                      width: 100%; }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.de-de {
                        background-image: url("../img/efficiency-de-de.png"); }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.fr-fr {
                        background-image: url("../img/efficiency-fr-fr.png"); }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.es-us {
                        background-image: url("../img/efficiency-es-us.png"); }
                      .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.hydroottawa {
                        background-image: url("../img/efficiency-empty.png"); }
                .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .nodata-message {
                  margin-top: 20px;
                  text-align: center; }
                .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data {
                  flex-direction: column;
                  height: 200px; }
                  .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .comparison-wrapper {
                    display: none; }
                  .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .nodata-message {
                    display: block; }
              .print-page.ipad .fapr-row-full-width .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-footer {
                padding-top: 20px;
                font-size: 1.125rem;
                text-align: center; }
    .print-page.ipad .appliance-explanations-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 1515px;
      height: 600px;
      margin-top: 60px;
      margin-left: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      border-top: 1px solid #000000;
      color: #000000;
      font-size: 1.35rem;
      line-height: 1.575rem; }
    .print-page.ipad .appliance-explanations-title {
      width: 1515px;
      margin-top: 30px;
      margin-bottom: 50px;
      font-size: 1.4625rem;
      text-align: center; }
    .print-page.ipad .appliance-explanations-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 505px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
    .print-page.ipad .appliance-explanation {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 1515px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .print-page.ipad .appliance-explanation-title {
      width: 450px;
      margin-bottom: 5px;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-size: 1.125rem;
      font-weight: 500; }
    .print-page.ipad .appliance-explanation-description {
      width: 470px;
      margin-bottom: 20px;
      font-size: 0.9rem;
      line-height: 1.2375rem; }
    .print-page.ipad .print-footer {
      position: absolute;
      bottom: 0px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 1515px;
      height: 100px;
      margin-left: 20px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: transparent; }
    .print-page.ipad .footer-text {
      font-size: 1.0125rem;
      line-height: 1.575rem;
      text-align: right; }
    .print-page.ipad .appliance-breakdown-wrapper {
      padding-bottom: 30px; }
    .print-page.ipad .tip-2 {
      width: 360px;
      height: 400px;
      margin-top: 0;
      margin-right: 0;
      background-color: #008DC9; }
    .print-page.ipad .tip-1 {
      width: 360px;
      margin-bottom: 25px;
      background-color: #008DC9; }
    .print-page.ipad .tip-container {
      display: flex;
      width: 745px;
      margin-top: 25px;
      flex-direction: row;
      align-items: flex-start;
      background-color: transparent; }
    .print-page.ipad .tip-column-1 {
      width: 360px;
      margin-right: 25px;
      background-color: transparent; }
    .print-page.ipad .tip-column-1:nth-child(4) {
      margin-right: 0px; }
    .print-page.ipad .tip-column-2 {
      width: 360px;
      background-color: transparent; }
    .print-page.ipad .tip-3 {
      width: 360px;
      height: 490px;
      margin-bottom: 25px;
      background-color: #008DC9; }
    .print-page.ipad .tip-4 {
      width: 360px;
      height: 400px;
      background-color: #008DC9; }
    .print-page.ipad .dev-annotation-2 {
      padding-top: 200px;
      color: #ffffff;
      text-align: center; }
    .print-page.ipad.type-2.fa-print {
      height: auto !important;
      zoom: 0.9; }
    .print-page.ipad.type-2 #overlay {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2; }
    .print-page.ipad.type-2 .logo-image {
      float: left; }
    .print-page.ipad.type-2 .header .title {
      padding: 10px 0px 60px 0px;
      font-size: 1.9125rem;
      text-align: center;
      clear: both; }
    .print-page.ipad.type-2 .info-blocks {
      font-size: 1.575rem; }
      .print-page.ipad.type-2 .info-blocks .monthly-total-section {
        text-align: center; }
        .print-page.ipad.type-2 .info-blocks .monthly-total-section img {
          vertical-align: middle;
          max-width: 100%;
          display: inline-block;
          position: relative;
          top: -3px; }
      .print-page.ipad.type-2 .info-blocks .monthly-total {
        background: #008DC9;
        margin: 0 auto;
        height: 150px;
        width: 150px;
        border-radius: 10px;
        font-size: 0.73125rem;
        color: white; }
        .print-page.ipad.type-2 .info-blocks .monthly-total .bidgely-appliance-icon-home {
          font-size: 5.625rem; }
        .print-page.ipad.type-2 .info-blocks .monthly-total .currency-sign {
          padding-bottom: 3px;
          font-size: 1.35rem;
          overflow-wrap: break-word; }
      .print-page.ipad.type-2 .info-blocks .graph {
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100px;
        margin-top: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: 2px solid #c8c8c8; }
        .print-page.ipad.type-2 .info-blocks .graph .carousel {
          height: 100px;
          width: 100%;
          max-width: 1327px;
          margin: 0 8px; }
          .print-page.ipad.type-2 .info-blocks .graph .carousel li {
            width: 58px;
            height: 85px;
            margin-left: 49%; }
            .print-page.ipad.type-2 .info-blocks .graph .carousel li .progress {
              position: absolute;
              overflow: visible;
              height: 14px;
              width: 85px;
              top: 52px;
              right: 8px;
              background-color: transparent;
              box-shadow: none;
              border: none;
              border-radius: 0; }
              .print-page.ipad.type-2 .info-blocks .graph .carousel li .progress.vertical {
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
              .print-page.ipad.type-2 .info-blocks .graph .carousel li .progress .progress-bar {
                cursor: pointer;
                height: 100%;
                background-color: #c8c8c8;
                box-shadow: none;
                min-width: 10px; }
                .print-page.ipad.type-2 .info-blocks .graph .carousel li .progress .progress-bar.active {
                  background-color: #008dc9; }
              .print-page.ipad.type-2 .info-blocks .graph .carousel li .progress .not-available {
                display: none;
                font-size: 0.675rem;
                color: #008DC9;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                position: absolute;
                top: -5px;
                left: 10px; }
              .print-page.ipad.type-2 .info-blocks .graph .carousel li .progress.no-breakdown .not-available {
                display: block; }
      .print-page.ipad.type-2 .info-blocks .billing-cycle {
        color: #008DC9;
        padding: 20px 0px 50px 0px;
        border-bottom: 2px solid #c8c8c8;
        text-align: center;
        font-weight: 500; }
        .print-page.ipad.type-2 .info-blocks .billing-cycle .billing-cycle-timeframe {
          letter-spacing: 4px; }
        .print-page.ipad.type-2 .info-blocks .billing-cycle .not-a-bill-label {
          margin-top: 20px;
          color: #000000;
          font-size: 1.125rem;
          font-weight: 400; }
      .print-page.ipad.type-2 .info-blocks .breakdown {
        position: relative;
        table-layout: fixed;
        height: auto;
        margin-top: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
        clear: none;
        float: left;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center; }
        .print-page.ipad.type-2 .info-blocks .breakdown .breakdown-appliances {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          background-color: transparent; }
          .print-page.ipad.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance {
            display: block;
            width: 138px;
            height: 180px;
            min-height: 150px;
            min-width: 100px;
            margin-top: 0px;
            margin-right: 10px;
            background-color: transparent;
            float: left; }
            .print-page.ipad.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost {
              width: 120px;
              height: 125px;
              padding-top: 15px;
              border-radius: 10px;
              background-color: #008DC9;
              -webkit-transition: #008DC9 300ms ease;
              transition: #008DC9 300ms ease; }
              .print-page.ipad.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .breakdown-appliance-icon {
                display: block;
                margin: 0px 25px 10px;
                background-color: transparent;
                font-size: 3.375rem;
                color: #ffffff; }
              .print-page.ipad.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .appliance-cost {
                color: #ffffff;
                margin-top: -10px;
                font-size: 1.125rem;
                font-weight: 400;
                text-align: center; }
                .print-page.ipad.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .appliance-cost .kwh-sign {
                  display: inline;
                  color: #ffffff;
                  font-size: 1.125rem; }
            .print-page.ipad.type-2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .appliance-label {
              margin-top: 10px;
              margin-right: 30px;
              font-size: 1.0125rem;
              line-height: 1.29375rem;
              font-weight: 500;
              text-align: center; }
        .print-page.ipad.type-2 .info-blocks .breakdown .zero-data-appliances {
          background: url("../img/zero-data-appliances.png") no-repeat;
          background-size: contain;
          height: 270px;
          width: 350px;
          display: none; }
        .print-page.ipad.type-2 .info-blocks .breakdown.no-breakdown .zero-data-appliances {
          display: block; }
        .print-page.ipad.type-2 .info-blocks .breakdown.no-breakdown .breakdown-appliances {
          display: none; }
        .print-page.ipad.type-2 .info-blocks .breakdown .desc {
          padding-bottom: 30px;
          font-size: 1.40625rem; }
      .print-page.ipad.type-2 .info-blocks .info-block-1, .print-page.ipad.type-2 .info-blocks .landlord-recos {
        background-color: #fff; }
        .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container {
          background-color: #fff; }
          .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container .tip-heading, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip-heading {
            border-top: 2px solid #c8c8c8;
            padding: 20px 0px 30px 0px;
            font-size: 1.40625rem; }
          .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container .tip-column, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip-column {
            float: left;
            width: 350px; }
          .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container .tip, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip {
            margin: 15px 22px 10px 0px;
            padding: 0px;
            background: #008DC9;
            border-radius: none; }
            .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-title, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-title {
              border-radius: none; }
            .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-title, .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-text, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-title, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-text {
              background-color: #008DC9;
              color: #ffffff;
              font-size: 1.06875rem;
              line-height: 1.2375rem; }
            .print-page.ipad.type-2 .info-blocks .info-block-1 .tips-container .tip .tip-text, .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip .tip-text {
              padding: 0px 20px 20px; }
      .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip-heading {
        border: none;
        color: #008DC9; }
      .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip-desc {
        font-size: 0.95625rem; }
      .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip {
        width: 330px;
        float: left;
        min-height: 423px; }
      .print-page.ipad.type-2 .info-blocks .landlord-recos .tips-container .tip-column {
        width: 100%; }
      .print-page.ipad.type-2 .info-blocks .fa-block {
        display: flex;
        border-top: 2px solid #C8C8C8;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 50px;
        font-weight: 500;
        font-size: 1.125rem;
        flex-direction: column;
        width: 100%; }
        .print-page.ipad.type-2 .info-blocks .fa-block .fa-title {
          font-size: 1.40625rem;
          padding-bottom: 20px;
          padding-top: 0px;
          font-weight: 400; }
        .print-page.ipad.type-2 .info-blocks .fa-block .info-title {
          font-size: 1.575rem;
          padding-bottom: 0px;
          padding-top: 0px;
          font-weight: 500; }
        .print-page.ipad.type-2 .info-blocks .fa-block .answer-para {
          font-size: 1.40625rem;
          line-height: 1.8rem;
          font-weight: 400;
          margin-bottom: 15px;
          margin-top: 15px; }
        .print-page.ipad.type-2 .info-blocks .fa-block .info-options {
          font-size: 1.40625rem;
          line-height: 1.6875rem;
          padding: 10px 0px 15px; }
          .print-page.ipad.type-2 .info-blocks .fa-block .info-options .option {
            float: left; }
          .print-page.ipad.type-2 .info-blocks .fa-block .info-options .option-label {
            font-weight: 400;
            overflow-x: hidden; }
          .print-page.ipad.type-2 .info-blocks .fa-block .info-options .additional-ans {
            margin-left: 30px; }
        .print-page.ipad.type-2 .info-blocks .fa-block .fa-content {
          margin-bottom: -20px; }
          .print-page.ipad.type-2 .info-blocks .fa-block .fa-content .bidgely-icon {
            font-size: 1.575rem;
            margin-top: -5px; }
          .print-page.ipad.type-2 .info-blocks .fa-block .fa-content .question-block {
            margin-top: 20px;
            border-bottom: 2px solid #C8C8C8; }
            .print-page.ipad.type-2 .info-blocks .fa-block .fa-content .question-block:first-child {
              margin-top: 0px; }
            .print-page.ipad.type-2 .info-blocks .fa-block .fa-content .question-block:last-child {
              border: none; }
      .print-page.ipad.type-2 .info-blocks .fa-survey.fa-block {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        width: 100%;
        margin-top: 0; }
      .print-page.ipad.type-2 .info-blocks .fa-survey .fa-title {
        font-size: 1.575rem;
        padding-bottom: 20px;
        padding-top: 0px;
        font-weight: 500; }
      .print-page.ipad.type-2 .info-blocks .fa-survey .survey-faq {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-bottom: 20px; }
        .print-page.ipad.type-2 .info-blocks .fa-survey .survey-faq .que-block {
          width: calc(50% - 165px);
          display: flex;
          font-size: 1.40625rem;
          line-height: 1.8rem; }
          .print-page.ipad.type-2 .info-blocks .fa-survey .survey-faq .que-block:nth-child(odd) {
            margin-left: 165px; }
          .print-page.ipad.type-2 .info-blocks .fa-survey .survey-faq .que-block .faq {
            width: 500px;
            padding-right: 50px;
            font-weight: 400;
            page-break-after: auto; }
          .print-page.ipad.type-2 .info-blocks .fa-survey .survey-faq .que-block .response {
            color: #008DC9;
            font-weight: 400;
            width: 250px; }
      .print-page.ipad.type-2 .info-blocks .fa-survey .fa-cat-title {
        font-size: 1.575rem;
        line-height: 1.575rem;
        padding-bottom: 0px;
        padding-top: 0px;
        font-weight: 500;
        width: 100%;
        margin-top: 20px; }
      .print-page.ipad.type-2 .info-blocks .home-survey {
        font-size: 0.84375rem; }
        .print-page.ipad.type-2 .info-blocks .home-survey .title {
          font-size: 1.125rem;
          padding-bottom: 20px;
          padding-top: 0px; }
        .print-page.ipad.type-2 .info-blocks .home-survey .survey-faq .faq {
          padding-bottom: 15px;
          width: 450px;
          padding-right: 50px;
          font-weight: 500;
          font-size: 0.95625rem; }
        .print-page.ipad.type-2 .info-blocks .home-survey .survey-faq div {
          float: left; }
        .print-page.ipad.type-2 .info-blocks .home-survey .survey-faq .response {
          color: #008DC9;
          font-weight: 500;
          width: 250px; }
        .print-page.ipad.type-2 .info-blocks .home-survey .survey-footer {
          clear: both;
          color: #008DC9; }
          .print-page.ipad.type-2 .info-blocks .home-survey .survey-footer a {
            color: #008DC9; }
      .print-page.ipad.type-2 .info-blocks .info-block-2 {
        height: auto;
        background-color: #ffffff;
        border-top: 2px solid #C8C8C8;
        padding-top: 20px; }
        .print-page.ipad.type-2 .info-blocks .info-block-2 .energy-insights {
          display: flex;
          flex-direction: row;
          border-bottom: 2px solid #C8C8C8;
          padding-bottom: 20px;
          margin-bottom: 20px; }
          .print-page.ipad.type-2 .info-blocks .info-block-2 .energy-insights .energy-insights-img {
            width: 360px; }
            .print-page.ipad.type-2 .info-blocks .info-block-2 .energy-insights .energy-insights-img .bidgely-icon-devices-graphic {
              font-size: 10.96875rem; }
          .print-page.ipad.type-2 .info-blocks .info-block-2 .energy-insights .energy-insights-text {
            margin-left: 20px;
            align-self: center;
            line-height: 1.575rem; }
        .print-page.ipad.type-2 .info-blocks .info-block-2 .disclaimer {
          display: flex;
          border-bottom: 2px solid #C8C8C8;
          padding-bottom: 20px;
          margin-bottom: 20px;
          flex-direction: column; }
          .print-page.ipad.type-2 .info-blocks .info-block-2 .disclaimer .disclaimer-text {
            line-height: 1.575rem; }
          .print-page.ipad.type-2 .info-blocks .info-block-2 .disclaimer .signature-img {
            width: 500px;
            margin-top: 20px; }
            .print-page.ipad.type-2 .info-blocks .info-block-2 .disclaimer .signature-img img {
              max-width: 100%; }
        .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section {
          margin-top: 0px;
          margin-bottom: 0px; }
          .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc {
            display: inline-block;
            background-color: #fff;
            padding-bottom: 20px;
            margin-bottom: 20px; }
            .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-subtitle {
              display: none; }
            .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-title {
              text-align: left;
              padding-bottom: 20px; }
            .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget {
              padding-left: 100px; }
              .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper {
                border: none; }
                .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress {
                  height: 40px;
                  line-height: 2.25rem; }
                .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon {
                  left: -65px;
                  line-height: 2.25rem;
                  font-size: 3.65625rem; }
                .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .neighbors-img {
                  width: 80px;
                  left: -87px;
                  top: 12px; }
                  .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .neighbors-img img {
                    width: 100%; }
                .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                  font-size: 3.375rem;
                  left: -61px;
                  line-height: 2.08125rem; }
                .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                  height: 40px;
                  line-height: 2.30625rem; }
                .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .cost {
                  line-height: 2.025rem;
                  font-size: 1.35rem; }
            .print-page.ipad.type-2 .info-blocks .info-block-2 .appliance-details .appliance-details-tips-nc .nc-section .nc .nodata-message {
              padding-top: 20px; }

.print-page .main-content, .her-new-body .main-content {
  width: 100%;
  flex-direction: row;
  margin-top: 30px;
  margin-bottom: 0; }
  .print-page .main-content .left-main .title-wrapper, .her-new-body .main-content .left-main .title-wrapper {
    color: #323232;
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    margin: 30px 0 0 40px;
    width: 100%;
    text-align: left;
    padding: 0; }
    .print-page .main-content .left-main .title-wrapper .bc-label, .her-new-body .main-content .left-main .title-wrapper .bc-label {
      font-size: 20px;
      line-height: 32px;
      margin-top: 3px;
      font-weight: 400;
      text-align: left;
      padding: 0; }
  .print-page .main-content .nc-section .nc-progress .nc-label, .her-new-body .main-content .nc-section .nc-progress .nc-label {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px; }
  .print-page .main-content.multi-bg .nc-section, .her-new-body .main-content.multi-bg .nc-section {
    background-color: #f0f0f0; }
    .print-page .main-content.multi-bg .nc-section .arrow-wrapper .arrow-head, .her-new-body .main-content.multi-bg .nc-section .arrow-wrapper .arrow-head {
      background: url("../img/gauge_arrow.png") no-repeat; }
  .print-page .main-content.multi-bg .nc-ikon .rating-parent, .her-new-body .main-content.multi-bg .nc-ikon .rating-parent {
    margin-top: 0px; }
    .print-page .main-content.multi-bg .nc-ikon .rating-parent .rating-wrapper, .her-new-body .main-content.multi-bg .nc-ikon .rating-parent .rating-wrapper {
      display: flex;
      justify-content: flex-start;
      height: 240px;
      margin-bottom: 10px;
      margin-left: 0px;
      width: auto; }
  .print-page .main-content.multi-bg .nc-ikon .rating-icon, .her-new-body .main-content.multi-bg .nc-ikon .rating-icon {
    margin-left: 0px;
    width: auto; }

.print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content {
  flex-direction: row; }
  .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content.multi-bg, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content.multi-bg {
    min-height: auto; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content.multi-bg .nc-section .arrow-wrapper .line, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content.multi-bg .nc-section .arrow-wrapper .line {
      margin: 0; }
  .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-footer, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-footer {
    font-size: 14px;
    min-width: 300px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px; }
  .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .usage-msg, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .usage-msg {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
    margin-left: 0;
    padding: 0;
    width: 100%; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .usage-msg span, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .usage-msg span {
      font-weight: 500; }
  .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .usage-sm-msg span, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .usage-sm-msg span {
    color: #2ba2e0;
    font-weight: 500; }
  .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .title-wrapper, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .title-wrapper {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    margin: 15px 0 0 25px;
    min-height: 88px;
    width: auto;
    line-height: 22px; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .title-wrapper .bc-label, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .title-wrapper .bc-label {
      font-size: 15px;
      font-weight: 400; }
  .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section {
    padding-top: 25px;
    padding-left: 25px;
    padding-bottom: 25px; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-footer, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-footer {
      font-size: 14px;
      font-weight: 400;
      line-height: 18px; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-progress, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-progress {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 10px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-progress .nc-label, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-progress .nc-label {
        height: 40px;
        min-width: 100px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-progress .cost, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .nc-progress .cost {
        font-size: 18px;
        height: 40px;
        margin-left: 5px; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .you .nc-progress, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .you .nc-progress {
      font-size: 18px;
      font-weight: 500; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .you .nc-progress .cost, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .you .nc-progress .cost {
        font-size: 28px;
        padding: 8px 7px;
        margin-left: 0; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .arrow-wrapper, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .arrow-wrapper {
      height: 15px;
      width: 120%;
      display: flex;
      position: absolute;
      left: 0px;
      top: 11px;
      z-index: -1; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .arrow-wrapper .arrow-head, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-section .arrow-wrapper .arrow-head {
        background: url("../img/gauge_arrow.png") no-repeat;
        background-size: contain;
        width: 10px;
        height: 17px; }
  .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon {
    display: flex;
    flex-direction: column; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-parent, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-parent {
      display: flex;
      margin-bottom: 33px;
      margin-left: 0px;
      position: relative; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper {
      display: flex;
      height: 125px;
      width: 70px;
      margin-left: 30px;
      margin-bottom: 0px;
      margin-top: 135px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar {
        width: 10px;
        flex-direction: column;
        justify-content: center;
        height: auto; }
        .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .rating-column, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .rating-column {
          margin: 2px 0px; }
        .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .middle-bar, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .middle-bar {
          height: 90px; }
        .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .upper-bar, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .upper-bar {
          height: 30px;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px; }
        .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .lower-bar, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-wrapper .rating-bar .lower-bar {
          height: 30px;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label {
      display: flex;
      flex-direction: column;
      color: #969696;
      font-size: 12px;
      font-weight: 500;
      justify-content: space-between;
      height: 130px;
      margin-left: 5px;
      position: relative; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label .you, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label .you {
        font-size: 16px;
        font-weight: 500;
        line-height: 32px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div {
        line-height: 32px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div:nth-child(1).you, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div:nth-child(1).you {
        margin-top: 0px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div:nth-child(2), .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div:nth-child(2) {
        margin-top: 50px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div:nth-child(3), .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-label > div:nth-child(3) {
        margin-top: 105px; }
    .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon {
      width: 78px;
      margin-left: 10px;
      padding-left: 0px; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon img, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon img {
        max-width: 100%;
        vertical-align: middle; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon img.img-GREAT, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon img.img-GREAT {
        max-width: 100%; }
      .print-page .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon.GREAT, .her-new-body .appliance-details .appliance-details-tips-nc .SHC-bar-half-width .main-content .nc-ikon .rating-icon.GREAT {
        position: absolute;
        right: 115px;
        bottom: 0;
        width: 95px; }

.fa-print .multi-bg .right-main .rating-wrapper {
  margin-top: 144px; }

* {
  -webkit-print-color-adjust: exact;
  color-adjust: exact; }

@media print {
  @page {
    size: A4;
    margin: 0cm !important;
    /*webkit says no*/ }
  @page :left {
    margin-left: 0mm; }
  @page :right {
    margin-left: 0mm; }
  html {
    margin: 0;
    padding: 0; }
  a[href]:after {
    content: none !important; }
  .her-body {
    overflow: visible;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    zoom: 1.3;
    margin-bottom: -109px; }
    .her-body .main-content {
      page-break-inside: auto; }
    .her-body .page-break {
      page-break-after: always;
      width: 100%; }
  .home-survey {
    page-break-inside: avoid; }
  .usage-by-appliance-block {
    page-break-after: always;
    page-break-inside: avoid; }
  * {
    -webkit-print-color-adjust: exact;
    color-adjust: exact; } }

.her-body {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  font-weight: 400;
  color: #3CA0FF;
  font-size: 10.5px;
  line-height: 14px; }
  .her-body .page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 850px;
    padding-right: 0px;
    padding-left: 72px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent; }
    .her-body .page .header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 800px;
      height: auto;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .her-body .page .header .logo-image {
        float: right;
        background: url("../img/utility/PowerShift-Logo.svg") no-repeat;
        height: 60px;
        width: 143px;
        background-size: contain; }
      .her-body .page .header .logo-account-number {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        height: auto;
        margin-top: 0px;
        margin-right: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end; }
        .her-body .page .header .logo-account-number img {
          max-width: 100%;
          vertical-align: middle;
          display: inline-block; }
      .her-body .page .header .account-number {
        margin-top: 40px;
        color: #000000;
        font-size: 12px;
        text-align: right; }
      .her-body .page .header .move-down-acc-number {
        margin-top: 93px;
        color: #000000;
        font-size: 12px;
        text-align: right; }
    .her-body .page .billing-date-range {
      margin-top: 0px;
      margin-left: 0px;
      color: #000000;
      font-size: 13px;
      line-height: 15px; }
    .her-body .page .logo-left-col {
      margin-top: 15px;
      margin-bottom: -8px; }
    .her-body .page .date-range-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: auto;
      margin-left: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: transparent; }
    .her-body .page .report-title {
      margin-top: 20px;
      color: #000000;
      font-size: 35px;
      width: 500px;
      line-height: 40px;
      letter-spacing: -1px;
      font-weight: 400; }
    .her-body .page .div-block {
      display: flex; }
    .her-body .page .name-mailing-address {
      margin-top: 70px;
      margin-bottom: 130px;
      margin-left: 30px;
      background-color: transparent;
      color: #000000;
      font-size: 16px;
      line-height: 20px; }
    .her-body .page .main-content, .her-body .page .main-content-page-2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 800px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .her-body .page .main-content .left-column, .her-body .page .main-content-page-2 .left-column {
        display: flex;
        width: 800px;
        height: auto;
        margin-right: 20px;
        flex-direction: column;
        align-items: flex-start;
        background-color: transparent; }
    .her-body .page .main-content-page-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 800px;
      min-height: 1100px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .her-body .page .left-column {
      display: flex;
      width: 400px;
      height: auto;
      margin-right: 20px;
      flex-direction: column;
      align-items: flex-start;
      background-color: transparent; }
      .her-body .page .left-column .left-col-page-1 {
        min-height: 850px;
        margin-top: 50px; }
      .her-body .page .left-column .block-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 800px;
        height: 20px;
        padding-left: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #0091C7;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        font-weight: 500;
        color: #ffffff;
        font-size: 10.5px;
        letter-spacing: 2px;
        text-transform: uppercase; }
      .her-body .page .left-column .chart-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 800px;
        height: 350px;
        margin-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f5f5f5; }
        .her-body .page .left-column .chart-block .explanatory-text-1 {
          width: 700px;
          margin-bottom: -15px;
          margin-left: 20px;
          padding-top: 15px;
          border-top: 1px none #bebebe;
          color: #000;
          font-size: 10.5px;
          text-align: center; }
        .her-body .page .left-column .chart-block .highcharts-label-black {
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          fill: #000000;
          stroke: #000000;
          font-weight: 800; }
        .her-body .page .left-column .chart-block .kwh-label {
          color: #6c6666;
          position: relative;
          top: 65px;
          left: -338px;
          background-color: #f2f2f2;
          font-size: 12px;
          font-weight: 600; }
        .her-body .page .left-column .chart-block ._12-month-graph-block {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 800px;
          height: 280px;
          margin-top: 0px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
      .her-body .page .left-column .div-block {
        width: 650px;
        margin-top: 20px; }
      .her-body .page .left-column .tips-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 800px;
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f0f0f0;
        color: #000000; }
        .her-body .page .left-column .tips-block .tips-intro-tips-block {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 775px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding-left: 5px;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
          .her-body .page .left-column .tips-block .tips-intro-tips-block .text-block {
            margin-top: 20px;
            margin-bottom: 20px;
            color: #000000;
            font-size: 11px;
            width: 700px;
            align-self: flex-start;
            margin-left: 2px; }
          .her-body .page .left-column .tips-block .tips-intro-tips-block .tip-row {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            display: flex;
            width: 775px;
            padding-left: 5px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: start;
            align-items: center; }
            .her-body .page .left-column .tips-block .tips-intro-tips-block .tip-row .tip-parent {
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: start;
              -webkit-align-items: flex-start;
              -ms-flex-align: start;
              align-items: flex-start; }
            .her-body .page .left-column .tips-block .tips-intro-tips-block .tip-row .tip-1 {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              width: 185px;
              height: 295px;
              margin-right: 0px;
              padding: 5px 15px 10px;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center;
              border-radius: 5px;
              background-color: #ffffff; }
              .her-body .page .left-column .tips-block .tips-intro-tips-block .tip-row .tip-1 .tip-title {
                margin-bottom: 5px;
                font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
                font-weight: 500;
                font-size: 11px; }
              .her-body .page .left-column .tips-block .tips-intro-tips-block .tip-row .tip-1 .tip-description {
                font-size: 11px; }
              .her-body .page .left-column .tips-block .tips-intro-tips-block .tip-row .tip-1 .tip-title-description {
                width: 160px; }
            .her-body .page .left-column .tips-block .tips-intro-tips-block .tip-row .tip-spacer {
              width: 10px;
              height: 20px; }
        .her-body .page .left-column .tips-block .paperless-block {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 770px;
          height: 90px;
          margin-top: 10px;
          margin-bottom: 10px;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-self: center; }
          .her-body .page .left-column .tips-block .paperless-block .paperless-text {
            margin-top: 10px;
            margin-left: 20px;
            font-size: 12px;
            line-height: 16px; }
      .her-body .page .left-column .questions-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 800px;
        padding-bottom: 20px;
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #f0f0f0; }
      .her-body .page .left-column .questions-text {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 12px;
        line-height: 20px;
        color: #000000; }
    .her-body .page .right-column {
      display: flex;
      width: 330px;
      height: 850px;
      margin-top: 60px;
      margin-left: 50px;
      flex-direction: column;
      align-items: flex-start;
      background-color: transparent; }
    .her-body .page .what-you-spent-block {
      display: flex;
      width: 400px;
      height: auto;
      flex-direction: column;
      align-items: flex-start;
      background-color: #f0f0f0; }
    .her-body .page .what-you-spent-full-height {
      height: 180px; }
    .her-body .page .usage-by-appliance-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 400px;
      height: auto;
      margin-top: 20px;
      padding-bottom: 15px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: #f0f0f0; }
      .her-body .page .usage-by-appliance-block .energy-breakdown {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 340px;
        height: auto;
        margin-top: 15px;
        margin-left: 40px;
        padding-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent; }
        .her-body .page .usage-by-appliance-block .energy-breakdown .appliance-block {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 340px;
          height: auto;
          margin-bottom: 4px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          background-color: transparent; }
          .her-body .page .usage-by-appliance-block .energy-breakdown .appliance-block .appliance-name {
            margin-bottom: 0;
            color: #000000;
            font-size: 11px;
            letter-spacing: 0.5px; }
          .her-body .page .usage-by-appliance-block .energy-breakdown .appliance-block .appliance-bar-amount {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 340px;
            height: auto;
            margin-top: 0px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: transparent; }
          .her-body .page .usage-by-appliance-block .energy-breakdown .appliance-block .bar-background {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 280px;
            height: 6px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #dcdcdc; }
          .her-body .page .usage-by-appliance-block .energy-breakdown .appliance-block .bar1 {
            height: 6px;
            background-color: #008DC9; }
          .her-body .page .usage-by-appliance-block .energy-breakdown .appliance-block .appliance-amount {
            margin-left: 10px;
            font-size: 11px;
            letter-spacing: 0.5px; }
    .her-body .page .marketing-content-block {
      width: 330px;
      height: 280px; }
    .her-body .page .nc-block {
      display: flex;
      width: 330px;
      height: 240px;
      margin-top: 20px;
      padding-bottom: 5px;
      flex-direction: column;
      background-color: #f0f0f0; }
      .her-body .page .nc-block .appliance-details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .her-body .page .nc-block .appliance-details .appliance-details-tips-nc {
          width: 100%;
          background-color: transparent; }
          .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-top: 14px;
            padding-bottom: 0px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 5px;
            background-color: transparent; }
            .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              padding-bottom: 25px;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-align-self: flex-start;
              -ms-flex-item-align: start;
              align-self: flex-start;
              background-color: transparent;
              padding-top: none;
              width: 100%;
              background: #f0f0f0;
              padding: 0px; }
              .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-title {
                display: none; }
              .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-subtitle {
                display: none; }
              .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget {
                width: 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center; }
                .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper {
                  width: 100%;
                  padding: 0 10px 0 45px;
                  margin: 0px 10px; }
                  .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                    *zoom: 1;
                    width: 93%;
                    position: relative;
                    padding: 18px 0 0 0;
                    position: relative; }
                    .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:before, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:before, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                      display: table;
                      content: ""; }
                    .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors:after, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you:after {
                      clear: both; }
                    .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon {
                      text-align: center;
                      width: 15%;
                      float: left;
                      line-height: 16px;
                      font-size: 28px;
                      color: #bebebe;
                      position: absolute;
                      left: -40px; }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .icon img, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .icon img {
                        max-width: 100%; }
                    .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                      float: left;
                      height: 19px;
                      line-height: 20px;
                      border-radius: 0px;
                      background: #bebebe;
                      padding: 0 10px;
                      width: 50%;
                      color: #ffffff;
                      box-shadow: none;
                      margin-bottom: 13px;
                      -webkit-box-shadow: none; }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                        float: left; }
                        .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .neighbors .progress span:last-child, .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                          float: right; }
                  .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you {
                    padding: 0px; }
                    .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress {
                      background: #E33125;
                      width: 600px;
                      position: relative;
                      min-width: 55px;
                      overflow: visible; }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span {
                        float: left;
                        text-align: left; }
                        .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress span:last-child {
                          float: left; }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress .vertical-pointer {
                        position: absolute;
                        right: 0px;
                        top: 26px;
                        height: 24px;
                        width: 2px;
                        border-right: 1px solid #969696; }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.efficient {
                        background: #51B348; }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .you .progress.average {
                        background: #EEB300; }
                  .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .cost {
                    height: 30px;
                    float: left;
                    display: inline;
                    min-width: 90px;
                    font-weight: 300;
                    padding: 0 0 0 10px;
                    position: absolute;
                    right: -90px;
                    text-align: left;
                    color: #354052;
                    font-size: 13px;
                    font-weight: 400; }
                  .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency {
                    text-align: left;
                    padding: 25px 0 0 0; }
                    .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar {
                      background: url("../img/efficiency.png") no-repeat;
                      background-size: contain;
                      height: 22px;
                      width: 93%; }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.de-de {
                        background-image: url("../img/efficiency-de-de.png"); }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.fr-fr {
                        background-image: url("../img/efficiency-fr-fr.png"); }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.es-us {
                        background-image: url("../img/efficiency-es-us.png"); }
                      .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .comparison-wrapper .efficiency .efficiency-bar.hydroottawa {
                        background-image: url("../img/efficiency-empty.png"); }
                .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget .nodata-message {
                  margin-top: 20px;
                  text-align: center; }
                .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data {
                  flex-direction: column;
                  height: 200px; }
                  .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .comparison-wrapper {
                    display: none; }
                  .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-widget.no-data .nodata-message {
                    display: block; }
              .her-body .page .nc-block .appliance-details .appliance-details-tips-nc .nc-section .nc .nc-footer {
                width: 290px;
                margin: 8px 20px 10px 20px;
                justify-content: center;
                padding-top: 15px;
                border-top: 1px solid #bebebe;
                color: #000; }
    .her-body .page .go-paperless-block {
      width: 330px;
      margin-top: 20px;
      background-color: #f0f0f0; }
    .her-body .page .home-link-above-nc {
      width: 330px;
      padding-top: 10px;
      color: #000000;
      font-size: 10.5px;
      margin-bottom: -11px; }
    .her-body .page .block-title-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 400px;
      height: 20px;
      padding-left: 10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #0091C7;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 500;
      color: #ffffff;
      font-size: 10.5px;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .her-body .page .block-title-right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 330px;
      height: 20px;
      padding-left: 10px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #0091C7;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 500;
      color: #ffffff;
      font-size: 10.5px;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .her-body .page .explanatory-text-1 {
      width: 360px;
      margin-bottom: 5px;
      margin-left: 20px;
      padding-top: 15px;
      border-top: 1px solid #bebebe;
      color: #000000;
      font-size: 10.5px;
      min-height: 60px; }
    .her-body .page .explanatory-text-last-year {
      width: 360px;
      margin-bottom: 27px;
      margin-left: 20px;
      padding-top: 15px;
      border-top: 1px solid #bebebe;
      color: #000000;
      font-size: 10.5px;
      min-height: 40px; }
    .her-body .page .important-text {
      margin-top: 0;
      margin-bottom: 0; }
    .her-body .page .explanatory-text-2 {
      width: 360px;
      margin-left: 20px;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 400;
      color: #000000;
      font-weight: 500; }
    .her-body .page .turn-over-block {
      display: flex;
      width: 330px;
      margin-top: 15px;
      justify-content: flex-end;
      align-items: center; }
    .her-body .page .turn-over-text {
      margin-top: 4px;
      margin-right: 10px;
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 500;
      font-size: 12px; }
    .her-body .page .go-paperless-graphic-message {
      display: flex;
      margin-top: 20px;
      align-items: flex-start;
      height: 140px;
      width: 330px;
      margin-top: 20px; }
    .her-body .page .go-paperless-graphic {
      width: auto;
      margin-left: 20px; }
    .her-body .page .text-block {
      width: 215px;
      margin-left: 15px;
      color: #000000;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 0.25px; }
    .her-body .page .nc-graph {
      display: block;
      width: 310px;
      margin-top: 10px;
      margin-left: 10px;
      justify-content: center;
      align-items: flex-start; }
    .her-body .page .explanatory-text-3 {
      width: 290px;
      margin-left: 20px;
      padding-top: 15px;
      border-top: 1px solid #bebebe;
      color: #000000; }
    .her-body .page .what-you-spent-numbers-block {
      display: flex;
      width: 400px;
      margin-top: 30px;
      margin-bottom: 30px;
      justify-content: center;
      align-items: flex-end; }
    .her-body .page .amount-this-bill-block {
      display: flex;
      width: 170px;
      flex-direction: column;
      align-items: center; }
    .her-body .page .bar2 {
      width: 140px;
      height: 6px;
      background-color: #008DC9; }
    .her-body .page .amount-last-year-block {
      display: flex;
      width: 115px;
      flex-direction: column;
      align-items: center; }
    .her-body .page .amount-average-block {
      display: flex;
      width: 115px;
      flex-direction: column;
      align-items: center; }
    .her-body .page .amount-this-bill-amount {
      font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
      font-weight: 300;
      font-size: 40px;
      line-height: 40px;
      letter-spacing: -1px; }
    .her-body .page .amount-average-value {
      color: #000000;
      font-size: 20px;
      line-height: 28px;
      text-align: center; }
    .her-body .page .amount-last-year-value {
      color: #000000;
      font-size: 20px;
      line-height: 28px;
      text-align: center; }
    .her-body .page .amount-label-1 {
      margin-top: 5px;
      padding-right: 10px;
      padding-left: 10px;
      color: #000000;
      font-size: 9px;
      line-height: 14px;
      text-align: center;
      text-transform: uppercase; }
    .her-body .page .amount-this-bill-amount-currency {
      display: flex;
      width: 170px;
      justify-content: center;
      align-items: flex-start; }
    .her-body .page .amount-currency-symbol {
      padding-top: 8px;
      padding-right: 3px;
      font-size: 22px; }
    .her-body .page .amount-label-3 {
      margin-top: 5px;
      padding-top: 0;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 9px;
      text-align: center;
      text-transform: uppercase; }

.her-new-body {
  display: flex;
  flex-direction: column;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
  .her-new-body .page {
    padding-left: 107px;
    font-weight: 400;
    position: relative;
    padding-top: 45px; }
    .her-new-body .page:last-child {
      padding-top: 0; }
    .her-new-body .page .welcome-letter {
      margin-right: 43px;
      flex-direction: column;
      display: flex; }
      .her-new-body .page .welcome-letter .header {
        float: left;
        width: 700px !important;
        margin-left: 101px; }
      .her-new-body .page .welcome-letter .marketing-content {
        float: left;
        vertical-align: top; }
      .her-new-body .page .welcome-letter .welcome-body {
        margin-left: 101px;
        width: 1166px;
        color: #000000; }
        .her-new-body .page .welcome-letter .welcome-body p {
          font-size: 30px !important;
          margin-bottom: 38px !important;
          line-height: 38px !important;
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          font-weight: 300; }
        .her-new-body .page .welcome-letter .welcome-body .welcome-content {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          .her-new-body .page .welcome-letter .welcome-body .welcome-content .bullet-points {
            margin-left: 14px; }
        .her-new-body .page .welcome-letter .welcome-body .footer {
          font-size: 30px;
          line-height: 38px;
          font-weight: 300; }
    .her-new-body .page .header {
      display: flex;
      margin-left: 80px;
      margin-bottom: 130px;
      width: 1440px;
      flex-direction: column; }
      .her-new-body .page .header .header-logo-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: relative; }
        .her-new-body .page .header .header-logo-wrapper .her-logo-wrapper {
          display: flex;
          flex-direction: column;
          margin-top: -30px;
          padding-bottom: 30px;
          min-height: 130px; }
          .her-new-body .page .header .header-logo-wrapper .her-logo-wrapper .utility_tagline {
            color: #000000;
            font-size: 12px;
            line-height: 18px;
            margin-left: 80px;
            position: absolute;
            top: 32px;
            text-transform: uppercase; }
          .her-new-body .page .header .header-logo-wrapper .her-logo-wrapper .utility_address {
            width: 375px;
            color: #000000;
            font-family: Arial;
            font-size: 26px;
            line-height: 32px;
            margin-left: 80px;
            margin-top: 10px; }
        .her-new-body .page .header .header-logo-wrapper .flying-triangles-wrapper .flying-triangles {
          background: url("../img/gpc/gpc_triangles.png") no-repeat;
          width: 302px;
          height: 342px;
          position: absolute;
          top: -81px;
          left: 565px;
          display: block; }
        .her-new-body .page .header .header-logo-wrapper .account-wrapper {
          display: flex;
          flex-direction: column;
          line-height: 32px; }
          .her-new-body .page .header .header-logo-wrapper .account-wrapper .account-number {
            color: #000000;
            font-size: 24px;
            text-align: right; }
          .her-new-body .page .header .header-logo-wrapper .account-wrapper .not-a-bill-label {
            text-transform: uppercase;
            color: #000000;
            font-size: 20px;
            font-weight: 500;
            text-align: right; }
      .her-new-body .page .header .address-title-wrapper {
        display: flex;
        justify-content: space-between; }
        .her-new-body .page .header .address-title-wrapper .address-wrapper {
          margin-top: 200px;
          color: #000000;
          font-size: 28px;
          font-weight: 400;
          line-height: 36px; }
        .her-new-body .page .header .address-title-wrapper .title-wrapper {
          width: 43%;
          display: flex;
          flex-direction: column;
          align-items: baseline;
          text-align: left;
          margin-top: -30px; }
          .her-new-body .page .header .address-title-wrapper .title-wrapper p {
            padding: 0px;
            margin: 5px 0;
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
            .her-new-body .page .header .address-title-wrapper .title-wrapper p span {
              color: #3CA0FF; }
          .her-new-body .page .header .address-title-wrapper .title-wrapper .billing-date-range {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 15px;
            font-weight: 500; }
          .her-new-body .page .header .address-title-wrapper .title-wrapper .reach-us-link {
            font-weight: 500;
            color: #2ba2e0; }
          .her-new-body .page .header .address-title-wrapper .title-wrapper .report-title {
            color: #000000;
            font-size: 48px;
            letter-spacing: -1px;
            line-height: 76px;
            padding-top: 22px;
            font-weight: 500;
            position: relative; }
            .her-new-body .page .header .address-title-wrapper .title-wrapper .report-title .new {
              background: url("../img/her-sprites.png") -263px -10px;
              width: 100px;
              height: 100px;
              position: absolute;
              top: 0;
              left: 69px;
              display: block; }
    .her-new-body .page .footer-logo {
      margin-top: 30px;
      width: 1520px;
      display: flex;
      justify-content: flex-end; }
      .her-new-body .page .footer-logo .rmp-her-logo {
        content: url("../img/utility/rmp_her_logo.png");
        height: 54px;
        width: 300px; }
    .her-new-body .page .front-page-footer {
      color: #787878;
      font-size: 24px;
      font-weight: 500;
      line-height: 32px;
      margin-top: 30px;
      min-height: 70px; }
      .her-new-body .page .front-page-footer span {
        color: #2ba2e0; }
        .her-new-body .page .front-page-footer span.link {
          font-weight: 500; }
      .her-new-body .page .front-page-footer .icn-turn-over {
        background: url("../img/her-sprites.png") -306px -130px;
        height: 37px;
        width: 28px;
        display: inline-block;
        margin-left: 15px;
        vertical-align: bottom; }
    .her-new-body .page .front-page-meta {
      position: absolute;
      left: 107px;
      bottom: 107px; }
    .her-new-body .page .main-content {
      width: 1520px;
      display: flex;
      margin-top: 30px;
      margin-bottom: 0;
      background: #f0f0f0; }
      .her-new-body .page .main-content.faq-main {
        min-height: 730px; }
      .her-new-body .page .main-content.faq-main-v2 {
        min-height: 600px; }
        .her-new-body .page .main-content.faq-main-v2 .faq-block {
          min-height: 585px; }
      .her-new-body .page .main-content .faq-block {
        min-height: 710px;
        width: 820px;
        padding: 12px 44px 0 38px;
        margin-bottom: 30px; }
        .her-new-body .page .main-content .faq-block .question {
          color: #010101;
          font-size: 22px;
          font-weight: 500;
          line-height: 28px;
          margin-top: 22px; }
        .her-new-body .page .main-content .faq-block .answer {
          font-size: 18px;
          line-height: 30px;
          margin-top: 5px; }
          .her-new-body .page .main-content .faq-block .answer span {
            font-weight: 500; }
            .her-new-body .page .main-content .faq-block .answer span.link {
              color: #2ba2e0; }
        .her-new-body .page .main-content .faq-block .block-title {
          color: #2ba2e0;
          margin-top: 15px;
          font-size: 32px;
          font-weight: 500;
          line-height: 38px; }
      .her-new-body .page .main-content .right-block {
        width: 670px;
        margin: 30px 30px 33px 0; }
        .her-new-body .page .main-content .right-block .nve-marketing-block {
          display: flex;
          width: 670px; }
          .her-new-body .page .main-content .right-block .nve-marketing-block img {
            width: 670px; }
      .her-new-body .page .main-content .faq-continued {
        width: 670px;
        margin-top: 30px; }
        .her-new-body .page .main-content .faq-continued .block-title {
          color: #2ba2e0;
          margin-top: 15px;
          font-size: 32px;
          font-weight: 500;
          line-height: 38px; }
        .her-new-body .page .main-content .faq-continued .reach-us-text {
          color: #323232;
          font-size: 22px;
          font-weight: 500;
          line-height: 36px;
          margin-top: 5px; }
          .her-new-body .page .main-content .faq-continued .reach-us-text ul {
            padding-left: 12px; }
            .her-new-body .page .main-content .faq-continued .reach-us-text ul li {
              list-style: none;
              font-size: 20px;
              text-indent: -12px; }
            .her-new-body .page .main-content .faq-continued .reach-us-text ul li:before {
              content: "· ";
              font-size: 20px;
              vertical-align: middle;
              line-height: 20px; }
        .her-new-body .page .main-content .faq-continued .question {
          color: #010101;
          font-size: 22px;
          font-weight: 500;
          line-height: 28px;
          margin-top: 22px; }
      .her-new-body .page .main-content .go-paperless-block {
        display: flex;
        height: 500px;
        width: 670px;
        background-color: #ffffff; }
        .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper {
          width: 413px;
          display: flex;
          margin-top: 50px;
          flex-direction: column; }
          .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .signup-label {
            display: flex; }
            .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .signup-label .signup-text {
              height: 39px;
              width: 190px;
              color: #ffffff;
              font-size: 22px;
              font-weight: 500;
              line-height: 36px;
              padding-left: 20px;
              background: #2ba2e0; }
            .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .signup-label .skewed-border {
              border-top: 39px solid #2ba2e0;
              border-right: 23px solid transparent; }
          .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .go-paperless-text {
            margin-left: 32px;
            width: 600px; }
            .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .go-paperless-text p {
              color: #323232;
              font-size: 26px;
              font-weight: 300;
              line-height: 34px;
              font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
              .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .go-paperless-text p span {
                color: #2ba2e0;
                font-weight: 500;
                font-size: 28px;
                line-height: 30px; }
          .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .go-title {
            color: #323232;
            font-size: 66px;
            font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
            font-weight: 500;
            line-height: 36px;
            margin: 41px 32px 35px; }
          .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .paperless-footer-text {
            color: #323232;
            margin-left: 32px;
            margin-top: 10px;
            line-height: 34px; }
            .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .paperless-footer-text .benefits-title {
              font-size: 26px;
              font-weight: 500; }
            .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .paperless-footer-text .benefits-desc {
              font-size: 22px;
              width: 550px; }
              .her-new-body .page .main-content .go-paperless-block .sms-text-wrapper .paperless-footer-text .benefits-desc span {
                color: #2ba2e0;
                font-weight: 500;
                font-size: 42px; }
        .her-new-body .page .main-content .go-paperless-block .devices {
          height: 159px;
          width: 233px;
          margin: 24px 24px 0 0;
          background: url("../img/her-sprites.png") -10px -10px; }
      .her-new-body .page .main-content .reco-parent {
        width: 100%;
        height: 533px; }
        .her-new-body .page .main-content .reco-parent .block-title {
          margin: 25px 0 25px 25px;
          color: #323232;
          font-size: 32px;
          font-weight: 500;
          line-height: 40px; }
      .her-new-body .page .main-content .reco-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center; }
        .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper {
          width: 640px;
          background-color: #ffffff;
          margin: 30px;
          margin: 10px 30px 50px;
          min-height: 380px; }
          .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper img {
            max-width: 100%; }
          .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .reco-title {
            color: #010101;
            font-size: 30px;
            font-weight: 500;
            line-height: 34px;
            margin: 29px 47px 34px 29px; }
          .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .reco-icon-wrapper {
            margin: 0px 29px;
            display: flex;
            justify-content: space-between;
            overflow: hidden; }
          .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .reco-desc {
            width: 296px;
            white-space: normal;
            color: #010101;
            font-size: 26px;
            font-weight: 400;
            line-height: 32px;
            font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }
            .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .reco-desc .reco-desc-inner {
              display: block;
              min-height: 160px; }
            .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .reco-desc .reco-link {
              display: block;
              margin-top: 15px; }
          .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .reco-image-wrapper {
            background: #2ba2e0;
            height: 159px;
            width: 240px; }
            .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .reco-image-wrapper .reco-image {
              height: 119px;
              width: 160px; }
          .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper.gpc-wrapper {
            color: #00BCF1; }
          .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .save-op-amount {
            color: #2ba2e0;
            color: #323232;
            font-size: 20px;
            font-weight: 500;
            line-height: 55px;
            margin-top: 10px;
            text-align: right;
            padding-right: 30px; }
            .her-new-body .page .main-content .reco-wrapper .save-opp-reco-wrapper .save-op-amount span {
              color: #2ba2e0;
              font-size: 42px; }
      .her-new-body .page .main-content .title-wrapper {
        color: #323232;
        font-size: 32px;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        font-weight: 500;
        line-height: 34px;
        margin: 30px 0px 0px 40px;
        width: 100%; }
        .her-new-body .page .main-content .title-wrapper .bc-label {
          font-size: 20px;
          line-height: 32px;
          margin-top: 3px;
          font-weight: 400; }
      .her-new-body .page .main-content .her-comparison-wrapper {
        margin-bottom: 10px;
        height: 547px; }
        .her-new-body .page .main-content .her-comparison-wrapper .highcharts-background {
          display: none; }
        .her-new-body .page .main-content .her-comparison-wrapper .block-title {
          margin: 25px 0 25px 25px;
          color: #323232;
          font-size: 32px;
          font-weight: 500;
          line-height: 40px; }
        .her-new-body .page .main-content .her-comparison-wrapper .explanatory-text-1 {
          display: none; }
    .her-new-body .page .main-content.multi-bg .nc-section .arrow-wrapper .arrow-head {
      background: url("../img/her-sprites.png") -263px -130px; }
    .her-new-body .page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar {
      background: none;
      flex-direction: column;
      justify-content: center;
      width: 10px;
      height: 222px;
      zoom: 1.1; }
      .her-new-body .page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .rating-column {
        margin: 2px 0px; }
      .her-new-body .page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .middle-bar {
        height: 90px; }
      .her-new-body .page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .upper-bar {
        height: 30px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px; }
      .her-new-body .page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .lower-bar {
        height: 30px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px; }
    .her-new-body .page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(1).you {
      margin-top: 5px; }
    .her-new-body .page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2) {
      margin-top: 100px;
      position: absolute; }
      .her-new-body .page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2).you {
        margin-top: 108px; }
    .her-new-body .page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3) {
      margin-top: 200px;
      position: absolute; }
      .her-new-body .page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3).you {
        margin-top: 205px; }
    .her-new-body .page .main-content.multi-bg .appliance-parent .appliance-row .save-op-arrow {
      background: url("../img/her-sprites.png") no-repeat -40px -189px; }

.her-new-body .main-content .right-main, .print-page .main-content .right-main {
  width: auto;
  background-color: transparent; }

.her-new-body .main-content.multi-bg, .print-page .main-content.multi-bg {
  min-height: 580px;
  display: flex; }
  .her-new-body .main-content.multi-bg .left-main, .print-page .main-content.multi-bg .left-main {
    width: 55%;
    background-color: #f0f0f0; }
  .her-new-body .main-content.multi-bg .right-main, .print-page .main-content.multi-bg .right-main {
    width: 45%;
    background-color: #e6e6e6; }
  .her-new-body .main-content.multi-bg .reco-wrapper, .print-page .main-content.multi-bg .reco-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .her-new-body .main-content.multi-bg .reco-wrapper .save-op-title, .print-page .main-content.multi-bg .reco-wrapper .save-op-title {
      width: 397px;
      color: #323232;
      font-size: 32px;
      font-weight: 500;
      line-height: 36px;
      text-align: center;
      margin: 30px 0px 40px; }
  .her-new-body .main-content.multi-bg .nc-section, .print-page .main-content.multi-bg .nc-section {
    padding: 37px 40px 40px 40px; }
    .her-new-body .main-content.multi-bg .nc-section .prog-parent, .print-page .main-content.multi-bg .nc-section .prog-parent {
      position: relative;
      z-index: 1; }
    .her-new-body .main-content.multi-bg .nc-section .nc-footer, .print-page .main-content.multi-bg .nc-section .nc-footer {
      color: #000000;
      font-size: 24px;
      font-weight: 400;
      line-height: 32px; }
    .her-new-body .main-content.multi-bg .nc-section .nc-progress, .print-page .main-content.multi-bg .nc-section .nc-progress {
      color: #ffffff;
      font-size: 30px;
      font-weight: 500;
      display: flex;
      margin-bottom: 28px; }
      .her-new-body .main-content.multi-bg .nc-section .nc-progress .nc-label, .print-page .main-content.multi-bg .nc-section .nc-progress .nc-label {
        height: 70px;
        background: #bebebe;
        display: flex;
        padding-left: 15px;
        justify-content: flex-start;
        align-items: center;
        text-transform: capitalize; }
      .her-new-body .main-content.multi-bg .nc-section .nc-progress .cost, .print-page .main-content.multi-bg .nc-section .nc-progress .cost {
        color: #969696;
        font-size: 30px;
        height: 70px;
        margin-left: 15px;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
    .her-new-body .main-content.multi-bg .nc-section .you .nc-progress, .print-page .main-content.multi-bg .nc-section .you .nc-progress {
      color: #FFFFFF;
      font-size: 50px;
      font-weight: 500; }
      .her-new-body .main-content.multi-bg .nc-section .you .nc-progress .nc-label, .print-page .main-content.multi-bg .nc-section .you .nc-progress .nc-label {
        max-width: 485px;
        min-width: 170px;
        background: #2ba2e0;
        padding-left: 14px;
        height: 70px;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 1;
        text-transform: capitalize; }
      .her-new-body .main-content.multi-bg .nc-section .you .nc-progress .cost, .print-page .main-content.multi-bg .nc-section .you .nc-progress .cost {
        color: #2ba2e0;
        font-size: 60px;
        padding: 17px 14px;
        margin-left: 0;
        position: relative;
        z-index: 1;
        background: #f0f0f0; }
    .her-new-body .main-content.multi-bg .nc-section .average .nc-progress .nc-label, .print-page .main-content.multi-bg .nc-section .average .nc-progress .nc-label {
      width: 50%;
      min-width: 170px; }
    .her-new-body .main-content.multi-bg .nc-section .efficient .nc-progress .nc-label, .print-page .main-content.multi-bg .nc-section .efficient .nc-progress .nc-label {
      width: 20%;
      min-width: 170px; }
    .her-new-body .main-content.multi-bg .nc-section .arrow-wrapper, .print-page .main-content.multi-bg .nc-section .arrow-wrapper {
      height: 36px;
      width: 112%;
      display: flex;
      position: absolute;
      left: 0px;
      top: 15px;
      z-index: -1; }
      .her-new-body .main-content.multi-bg .nc-section .arrow-wrapper .line, .print-page .main-content.multi-bg .nc-section .arrow-wrapper .line {
        border: 1px solid #2ba2e0;
        margin-top: 17px;
        width: 97%;
        height: 2px; }
      .her-new-body .main-content.multi-bg .nc-section .arrow-wrapper .arrow-head, .print-page .main-content.multi-bg .nc-section .arrow-wrapper .arrow-head {
        height: 38px;
        width: 23px;
        background-size: cover; }
  .her-new-body .main-content.multi-bg .nc-ikon, .print-page .main-content.multi-bg .nc-ikon {
    display: flex;
    flex-direction: column; }
    .her-new-body .main-content.multi-bg .nc-ikon .rating-parent, .print-page .main-content.multi-bg .nc-ikon .rating-parent {
      width: 100%;
      display: flex;
      margin-left: 58px;
      margin-bottom: 58px; }
    .her-new-body .main-content.multi-bg .nc-ikon .usage-msg, .print-page .main-content.multi-bg .nc-ikon .usage-msg {
      height: 52px;
      width: 100%;
      color: #000000;
      font-size: 24px;
      font-weight: 400;
      line-height: 32px;
      text-align: center;
      padding: 0px 84px;
      margin-bottom: 74px; }
      .her-new-body .main-content.multi-bg .nc-ikon .usage-msg span, .print-page .main-content.multi-bg .nc-ikon .usage-msg span {
        color: #2ba2e0;
        font-weight: 500; }
    .her-new-body .main-content.multi-bg .nc-ikon .rating-wrapper, .print-page .main-content.multi-bg .nc-ikon .rating-wrapper {
      display: flex;
      height: 240px;
      margin-bottom: 10px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar, .print-page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar {
        height: 240px;
        width: 15px;
        flex-direction: column;
        justify-content: center;
        zoom: 1.1; }
        .her-new-body .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .rating-column, .print-page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .rating-column {
          margin: 2px 0px; }
        .her-new-body .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .middle-bar, .print-page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .middle-bar {
          height: 90px; }
        .her-new-body .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .upper-bar, .print-page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .upper-bar {
          height: 30px;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px; }
        .her-new-body .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .lower-bar, .print-page .main-content.multi-bg .nc-ikon .rating-wrapper .rating-bar .lower-bar {
          height: 30px;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px; }
    .her-new-body .main-content.multi-bg .nc-ikon .rating-label, .print-page .main-content.multi-bg .nc-ikon .rating-label {
      display: flex;
      flex-direction: column;
      width: 100px;
      color: #969696;
      font-size: 22px;
      font-weight: 500;
      margin-left: 17px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-label .you, .print-page .main-content.multi-bg .nc-ikon .rating-label .you {
        color: #2ba2e0;
        font-size: 36px;
        font-weight: 500;
        line-height: 32px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(1).you, .print-page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(1).you {
        margin-top: 5px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2), .print-page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2) {
        margin-top: 99px;
        position: absolute; }
        .her-new-body .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2).you, .print-page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2).you {
          margin-top: 104px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3), .print-page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3) {
        margin-top: 197px;
        position: absolute; }
        .her-new-body .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3).you, .print-page .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3).you {
          margin-top: 204px; }
    .her-new-body .main-content.multi-bg .nc-ikon .rating-icon, .print-page .main-content.multi-bg .nc-ikon .rating-icon {
      padding-left: 96px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-icon .FAIR, .print-page .main-content.multi-bg .nc-ikon .rating-icon .FAIR {
        padding-top: 100px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-icon .GOOD, .print-page .main-content.multi-bg .nc-ikon .rating-icon .GOOD {
        padding-top: 100px; }
      .her-new-body .main-content.multi-bg .nc-ikon .rating-icon .GREAT, .print-page .main-content.multi-bg .nc-ikon .rating-icon .GREAT {
        padding-top: 25px; }
  .her-new-body .main-content.multi-bg .appliance-parent, .print-page .main-content.multi-bg .appliance-parent {
    height: 291px;
    margin: 49px 40px; }
    .her-new-body .main-content.multi-bg .appliance-parent .appliance-row, .print-page .main-content.multi-bg .appliance-parent .appliance-row {
      display: flex;
      position: relative; }
      .her-new-body .main-content.multi-bg .appliance-parent .appliance-row:last-child .appliance-wrapper, .print-page .main-content.multi-bg .appliance-parent .appliance-row:last-child .appliance-wrapper {
        border-bottom: 1px solid #d2d2d2; }
      .her-new-body .main-content.multi-bg .appliance-parent .appliance-row .save-op-arrow, .print-page .main-content.multi-bg .appliance-parent .appliance-row .save-op-arrow {
        position: absolute;
        top: 25px;
        right: -10px;
        display: none;
        padding: 16px 0 0 15px;
        height: 22px;
        width: 13px; }
      .her-new-body .main-content.multi-bg .appliance-parent .appliance-row.save-op .save-op-arrow, .print-page .main-content.multi-bg .appliance-parent .appliance-row.save-op .save-op-arrow {
        display: block; }
      .her-new-body .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper, .print-page .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper {
        border-top: 1px solid #d2d2d2;
        padding: 5px 0px;
        width: 100%;
        display: flex;
        width: 740px; }
        .her-new-body .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliance-cost, .print-page .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliance-cost {
          width: 75px;
          color: #323232;
          font-size: 32px;
          font-weight: 500;
          line-height: 58px;
          text-align: right; }
          .her-new-body .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliance-cost.active, .print-page .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliance-cost.active {
            color: #2ba2e0; }
        .her-new-body .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliace-desc, .print-page .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliace-desc {
          width: 349px;
          color: #787878;
          font-size: 32px;
          font-weight: 500;
          line-height: 58px;
          margin-left: 15px;
          text-transform: capitalize; }
          .her-new-body .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliace-desc.active, .print-page .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .appliace-desc.active {
            color: #2ba2e0; }
        .her-new-body .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .saving-opp, .print-page .main-content.multi-bg .appliance-parent .appliance-row .appliance-wrapper .saving-opp {
          color: #2ba2e0;
          font-size: 24px;
          font-weight: 500;
          line-height: 60px;
          text-align: right;
          width: 42%; }
    .her-new-body .main-content.multi-bg .appliance-parent .appliance-footer-note, .print-page .main-content.multi-bg .appliance-parent .appliance-footer-note {
      margin-top: 70px;
      color: #323232;
      font-size: 20px;
      font-weight: 300;
      line-height: 34px; }

.her-new-body.her-SHC-bar .main-content.multi-bg {
  margin-bottom: 0px !important; }
  .her-new-body.her-SHC-bar .main-content.multi-bg .nc-section .arrow-wrapper .line {
    top: 48%; }
  .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon {
    display: flex;
    flex-direction: column; }
    .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-wrapper {
      display: flex;
      height: 240px;
      margin-bottom: 10px;
      margin-top: 144px; }
    .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-label {
      position: relative; }
      .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(1) {
        position: absolute;
        top: 5px; }
      .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2) {
        margin-top: 100px; }
        .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(2).you {
          margin-top: 108px; }
      .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3) {
        margin-top: 200px; }
        .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-label > div:nth-child(3).you {
          margin-top: 205px; }
      .her-new-body.her-SHC-bar .main-content.multi-bg .nc-ikon .rating-label .appliance-footer-note {
        margin-top: 70px;
        color: #323232;
        font-size: 20px;
        font-weight: 300;
        line-height: 34px; }

.survey-modal-backdrop {
  bottom: 0;
  position: fixed;
  opacity: 0.8 !important; }

.survey-modal-container {
  z-index: 9999 !important; }

.survey-modal-content {
  font-size: 14px;
  text-align: center; }
  .survey-modal-content .modal-header {
    padding: 25px 15px 15px 15px; }
    .survey-modal-content .modal-header .title {
      font-size: 24px;
      font-weight: 300;
      letter-spacing: 3px;
      line-height: normal; }
    .survey-modal-content .modal-header .sub-title {
      line-height: 20px;
      max-width: 600px;
      margin: 10px auto; }
  .survey-modal-content .survey-modal-body {
    background-color: #e6e6e6;
    padding: 40px 0 0 0;
    position: relative;
    min-height: 400px; }
    .survey-modal-content .survey-modal-body .bidgely-loading {
      position: absolute;
      top: 47%;
      left: 50%; }
    .survey-modal-content .survey-modal-body .question-wrapper {
      min-height: 270px; }
      .survey-modal-content .survey-modal-body .question-wrapper .question-title {
        font-size: 24px;
        line-height: normal;
        padding: 0 15px;
        min-height: 60px; }
        .survey-modal-content .survey-modal-body .question-wrapper .question-title .info-icon {
          background: url("../img/info-icon.png") no-repeat 0 0;
          background-size: 15px 15px;
          display: inline-block;
          height: 15px;
          outline: none;
          width: 15px; }
        .survey-modal-content .survey-modal-body .question-wrapper .question-title .msgPopover .bidgely-popover-topContent {
          font-size: 14px;
          text-align: left; }
      .survey-modal-content .survey-modal-body .question-wrapper .question-help {
        color: #969696;
        padding-top: 15px; }
      .survey-modal-content .survey-modal-body .question-wrapper .choices-wrapper {
        padding: 20px 0;
        margin: 0 auto;
        position: relative; }
        .survey-modal-content .survey-modal-body .question-wrapper .choices-wrapper .overlay {
          background-color: transparent;
          display: block;
          position: absolute;
          right: 0;
          left: 0;
          top: 0;
          bottom: 0; }
        .survey-modal-content .survey-modal-body .question-wrapper .choices-wrapper .choice {
          background-image: -webkit-linear-gradient(270deg, #ffffff, #e6e6e6);
          background-image: linear-gradient(180deg, #ffffff, #e6e6e6);
          box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.35);
          border-radius: 5px;
          cursor: pointer;
          display: inline-block;
          font-size: 16px;
          height: 120px;
          line-height: 120px;
          margin: 10px;
          padding: 0 10px;
          position: relative;
          width: 120px; }
          .survey-modal-content .survey-modal-body .question-wrapper .choices-wrapper .choice > span {
            display: inline-block;
            font-weight: 500;
            line-height: normal;
            vertical-align: middle;
            width: 100px; }
          .survey-modal-content .survey-modal-body .question-wrapper .choices-wrapper .choice .choice-checked {
            opacity: 0;
            background-image: url("../img/selected-check.png");
            background-size: 43px 43px;
            height: 43px;
            position: absolute;
            right: 0;
            top: 0;
            transition: all 0.3s;
            width: 43px; }
          .survey-modal-content .survey-modal-body .question-wrapper .choices-wrapper .choice.selected .choice-checked {
            opacity: 1; }
      .survey-modal-content .survey-modal-body .question-wrapper .error-message {
        display: block;
        height: 60px;
        padding: 10px 0;
        line-height: normal; }
    .survey-modal-content .survey-modal-body .question-nav-controls {
      margin: 0 auto;
      width: 220px; }
      .survey-modal-content .survey-modal-body .question-nav-controls .nav-control {
        background-color: #008DC9;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        float: left;
        padding: 10px;
        margin: 0 5px;
        width: 100px; }
        .survey-modal-content .survey-modal-body .question-nav-controls .nav-control.disabled {
          background-color: #C8C8C8;
          cursor: not-allowed; }
    .survey-modal-content .survey-modal-body .progress-nav-wrapper {
      height: 50px;
      margin-top: 20px; }
      .survey-modal-content .survey-modal-body .progress-nav-wrapper .progress-wrapper {
        height: 50px;
        margin: 0 auto;
        width: 300px; }
        .survey-modal-content .survey-modal-body .progress-nav-wrapper .progress-wrapper .progress-phrase {
          text-align: left;
          font-weight: 500; }
        .survey-modal-content .survey-modal-body .progress-nav-wrapper .progress-wrapper .bar {
          background-color: #ffffff;
          display: inline-block;
          margin: 12px auto 0 auto;
          width: 300px; }
          .survey-modal-content .survey-modal-body .progress-nav-wrapper .progress-wrapper .bar .filled {
            height: 5px;
            background-color: #008DC9;
            transition: width 0.5s;
            width: 0%; }
  .survey-modal-content .modal-footer {
    text-align: center; }
    .survey-modal-content .modal-footer .btn-secondary {
      font-size: 16px;
      padding: 10px 40px;
      letter-spacing: 2px; }

@media (min-width: 970px) {
  .modal-survey {
    width: 1000px; } }

@media (min-width: 768px) {
  .survey-modal-content .survey-modal-body .choices-wrapper {
    max-width: 840px; }
    .survey-modal-content .survey-modal-body .choices-wrapper.multi-rows .choice {
      float: left; } }

@media (max-width: 767px) {
  .survey-modal-content .survey-modal-body {
    padding-top: 15px; }
    .survey-modal-content .survey-modal-body .choices-wrapper {
      max-width: 280px;
      padding: 10px 0; }
      .survey-modal-content .survey-modal-body .choices-wrapper .choice {
        float: left; }
    .survey-modal-content .survey-modal-body .progress-nav-wrapper {
      margin-top: 15px; }
      .survey-modal-content .survey-modal-body .progress-nav-wrapper .progress-wrapper {
        width: 280px; }
        .survey-modal-content .survey-modal-body .progress-nav-wrapper .progress-wrapper .bar {
          width: 100%; }
    .survey-modal-content .survey-modal-body .question-wrapper .question-help {
      padding-top: 10px; }
    .survey-modal-content .survey-modal-body .question-wrapper .error-message {
      height: 20px;
      padding: 0; } }

.usage-header.tab-container {
  background-color: #F5F5F5;
  height: 55px;
  margin-bottom: 15px; }
  .usage-header.tab-container .page-title {
    font-size: 16px;
    width: 45%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .usage-header.tab-container .page-title {
        width: 100%;
        font-size: 15px; } }
    .usage-header.tab-container .page-title div {
      height: 55px;
      float: left;
      padding-top: 20px;
      width: 50%;
      text-align: center;
      letter-spacing: 3px;
      color: #969696;
      cursor: pointer;
      font-weight: 400; }
      @media (max-width: 767px) {
        .usage-header.tab-container .page-title div {
          letter-spacing: 2px; } }
    .usage-header.tab-container .page-title .active {
      border-bottom: 3px solid #008EC4;
      color: #008EC4; }
    .usage-header.tab-container .page-title .disabled {
      cursor: not-allowed; }

@media (max-width: 970px) {
  .usage-header.page-title-container .page-title {
    margin: 0 15px;
    width: auto; }
    .usage-header.page-title-container .page-title div {
      width: 33.33%; } }

@media (min-width: 970px) and (max-width: 1200px) {
  .usage-header.page-title-container .page-title div {
    width: 33.33%; } }

[kb-item].kb-selected {
  background: lightblue; }
  [kb-item].kb-selected:focus {
    outline: #04549E solid 2px; }

.all-tips {
  margin-bottom: 100px; }

.all-tips, .appliance-details-tips {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  font-weight: 500; }
  .all-tips .tips-loading, .appliance-details-tips .tips-loading {
    color: #444;
    text-align: center;
    font-size: 20px;
    padding: 20px;
    font-weight: 400; }
  .all-tips .usage-header.page-title-container .page-title, .appliance-details-tips .usage-header.page-title-container .page-title {
    padding-top: 0px;
    padding-bottom: 0px; }
  .all-tips .page-title-container, .appliance-details-tips .page-title-container {
    border-bottom: 2px solid #e6e6e6;
    font-size: 28px;
    margin: 0; }
    .all-tips .page-title-container .page-title, .appliance-details-tips .page-title-container .page-title {
      color: #323232;
      text-align: center;
      margin: 0 auto;
      width: 1000px;
      position: relative;
      font-weight: 400;
      padding-top: 40px;
      padding-bottom: 30px; }
      .all-tips .page-title-container .page-title .back-to-insights, .appliance-details-tips .page-title-container .page-title .back-to-insights {
        position: absolute;
        left: 0;
        font-size: 16px;
        color: #337ab7;
        cursor: pointer; }
      @media (max-width: 619px) {
        .all-tips .page-title-container .page-title, .appliance-details-tips .page-title-container .page-title {
          width: 275px;
          padding: 20px 0 20px 0; }
          .all-tips .page-title-container .page-title .back-to-insights, .appliance-details-tips .page-title-container .page-title .back-to-insights {
            position: relative;
            padding: 10px; } }
      @media (min-width: 620px) and (max-width: 869px) {
        .all-tips .page-title-container .page-title, .appliance-details-tips .page-title-container .page-title {
          width: 500px;
          padding: 20px 0 10px 0; }
          .all-tips .page-title-container .page-title .back-to-insights, .appliance-details-tips .page-title-container .page-title .back-to-insights {
            position: relative;
            padding: 10px; } }
      @media (min-width: 870px) and (max-width: 1199px) {
        .all-tips .page-title-container .page-title, .appliance-details-tips .page-title-container .page-title {
          width: 750px; } }
      @media (min-width: 1200px) {
        .all-tips .page-title-container .page-title, .appliance-details-tips .page-title-container .page-title {
          width: 1000px; } }
    .all-tips .page-title-container .breakdown-cta, .appliance-details-tips .page-title-container .breakdown-cta {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 10px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .all-tips .page-title-container .breakdown-cta-descriptor, .appliance-details-tips .page-title-container .breakdown-cta-descriptor {
      font-size: 14px;
      text-align: center;
      color: #646464;
      margin: 10px 0;
      font-weight: 400; }
  .all-tips .tips-list-container:last-child .tips-section, .appliance-details-tips .tips-list-container:last-child .tips-section {
    border-bottom: none; }
  .all-tips .action-list-plan .tips-section:first-child, .appliance-details-tips .action-list-plan .tips-section:first-child {
    border-bottom: none; }
  .all-tips .tips-section, .appliance-details-tips .tips-section {
    align-items: center;
    border-top: 2px none #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    color: #ffffff;
    margin: 0px;
    padding: 30px 40px;
    line-height: 16px;
    text-align: left; }
    .all-tips .tips-section .tips-wrapper, .appliance-details-tips .tips-section .tips-wrapper {
      width: 1000px;
      margin: 0 auto;
      height: 270px; }
      @media (max-width: 619px) {
        .all-tips .tips-section .tips-wrapper, .appliance-details-tips .tips-section .tips-wrapper {
          width: 250px; } }
      @media (min-width: 620px) and (max-width: 869px) {
        .all-tips .tips-section .tips-wrapper, .appliance-details-tips .tips-section .tips-wrapper {
          width: 500px; } }
      @media (min-width: 870px) and (max-width: 1199px) {
        .all-tips .tips-section .tips-wrapper, .appliance-details-tips .tips-section .tips-wrapper {
          width: 750px; } }
      @media (min-width: 1200px) {
        .all-tips .tips-section .tips-wrapper, .appliance-details-tips .tips-section .tips-wrapper {
          width: 1000px; } }
      .all-tips .tips-section .tips-wrapper .tips-title, .appliance-details-tips .tips-section .tips-wrapper .tips-title {
        margin: 0px;
        padding: 0px 0px 2px;
        color: #323232;
        font-size: 20px;
        line-height: 18px; }
      .all-tips .tips-section .tips-wrapper .savings, .appliance-details-tips .tips-section .tips-wrapper .savings {
        overflow: visible;
        padding: 0px 0px 0px 15px;
        color: #646464;
        font-size: 16px; }
      .all-tips .tips-section .tips-wrapper .tips-title-and-savings, .appliance-details-tips .tips-section .tips-wrapper .tips-title-and-savings {
        width: 100%;
        margin-bottom: 15px; }
        .all-tips .tips-section .tips-wrapper .tips-title-and-savings .savings, .appliance-details-tips .tips-section .tips-wrapper .tips-title-and-savings .savings {
          padding-left: 15px;
          color: #646464;
          font-size: 16px;
          font-weight: 400; }
      .all-tips .tips-section .tips-wrapper .nav-arrow, .appliance-details-tips .tips-section .tips-wrapper .nav-arrow {
        position: absolute;
        top: 80px;
        font-size: 60px;
        color: #008DC9;
        cursor: pointer; }
        .all-tips .tips-section .tips-wrapper .nav-arrow.left, .appliance-details-tips .tips-section .tips-wrapper .nav-arrow.left {
          left: -45px; }
        .all-tips .tips-section .tips-wrapper .nav-arrow.right, .appliance-details-tips .tips-section .tips-wrapper .nav-arrow.right {
          right: -50px; }
        .all-tips .tips-section .tips-wrapper .nav-arrow.slick-disabled, .appliance-details-tips .tips-section .tips-wrapper .nav-arrow.slick-disabled {
          color: #ccc; }
          .all-tips .tips-section .tips-wrapper .nav-arrow.slick-disabled:hover, .appliance-details-tips .tips-section .tips-wrapper .nav-arrow.slick-disabled:hover {
            transform: scale(1); }
        .all-tips .tips-section .tips-wrapper .nav-arrow:hover, .appliance-details-tips .tips-section .tips-wrapper .nav-arrow:hover {
          transform: scale(1.3); }
      .all-tips .tips-section .tips-wrapper .list-loading, .appliance-details-tips .tips-section .tips-wrapper .list-loading {
        color: #000000; }
  .all-tips .tip-box, .appliance-details-tips .tip-box {
    width: 240px;
    height: 240px;
    margin: 0px 5px;
    border-radius: 5px;
    background-color: #008DC9;
    transition: transform 200ms linear, transform 200ms linear, -webkit-transform 200ms linear;
    color: #ffffff; }
    .all-tips .tip-box.no-reco, .appliance-details-tips .tip-box.no-reco {
      display: table; }
      .all-tips .tip-box.no-reco div, .appliance-details-tips .tip-box.no-reco div {
        display: table-cell;
        vertical-align: middle;
        padding: 22px;
        text-align: center; }
    .all-tips .tip-box .image, .appliance-details-tips .tip-box .image {
      max-width: 100%; }
    .all-tips .tip-box .title-short, .appliance-details-tips .tip-box .title-short {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 240px;
      margin-bottom: 10px;
      padding: 15px 15px 0px;
      color: #ffffff;
      line-height: 17px;
      font-size: 14px;
      word-wrap: break-word; }
    .all-tips .tip-box .tip-description, .appliance-details-tips .tip-box .tip-description {
      color: #ffffff;
      display: none;
      font-size: 12px;
      line-height: 16px;
      padding: 0 15px 15px 15px;
      opacity: 0;
      height: 0px;
      transition: opacity 300ms ease 0s, height 300ms ease 0s;
      word-wrap: break-word; }
    .all-tips .tip-box .peopel-did-this, .appliance-details-tips .tip-box .peopel-did-this {
      margin-bottom: 0px;
      padding: 5px 15px 10px;
      font-size: 12px;
      line-height: 16px;
      color: #ffffff;
      text-align: center;
      width: 100%; }
    .all-tips .tip-box .learn-more-button, .appliance-details-tips .tip-box .learn-more-button {
      margin: 10px auto;
      padding: 8px 15px;
      border-radius: 5px;
      background-color: #f3a409;
      opacity: 1;
      height: auto;
      display: none;
      width: 170px;
      color: #ffffff;
      font-size: 12px;
      line-height: 14px;
      text-align: center;
      letter-spacing: 1.5px;
      text-transform: uppercase; }
      .all-tips .tip-box .learn-more-button:hover, .appliance-details-tips .tip-box .learn-more-button:hover {
        text-decoration: none; }
    .all-tips .tip-box .tip-buttons, .appliance-details-tips .tip-box .tip-buttons {
      width: 240px;
      margin-top: 5px;
      height: 0;
      display: none;
      opacity: 0;
      transition: opacity 300ms ease 0s, height 300ms ease 0s, width 300ms ease 0s; }
      .all-tips .tip-box .tip-buttons.read-only .tip-button:hover, .appliance-details-tips .tip-box .tip-buttons.read-only .tip-button:hover {
        background-color: #008DC9; }
      .all-tips .tip-box .tip-buttons .tip-buttons-container, .appliance-details-tips .tip-box .tip-buttons .tip-buttons-container {
        width: 240px;
        height: 40px; }
      .all-tips .tip-box .tip-buttons .tip-button, .appliance-details-tips .tip-box .tip-buttons .tip-button {
        width: 120px;
        height: 40px;
        border-top: 1px solid #80c6e4;
        line-height: 14px;
        font-size: 12px;
        text-align: center;
        float: left;
        vertical-align: middle;
        line-height: 40px;
        cursor: pointer; }
        .all-tips .tip-box .tip-buttons .tip-button.active, .appliance-details-tips .tip-box .tip-buttons .tip-button.active {
          background-color: #2a6781; }
          .all-tips .tip-box .tip-buttons .tip-button.active:hover, .appliance-details-tips .tip-box .tip-buttons .tip-button.active:hover {
            background-color: #2a6781; }
          .all-tips .tip-box .tip-buttons .tip-button.active span.bidgely-icon-tick-sharp, .appliance-details-tips .tip-box .tip-buttons .tip-button.active span.bidgely-icon-tick-sharp {
            display: inline-block; }
        .all-tips .tip-box .tip-buttons .tip-button span.bidgely-icon-tick-sharp, .appliance-details-tips .tip-box .tip-buttons .tip-button span.bidgely-icon-tick-sharp {
          color: white;
          padding-left: 8px;
          display: none; }
        .all-tips .tip-box .tip-buttons .tip-button:hover, .appliance-details-tips .tip-box .tip-buttons .tip-button:hover {
          background-color: rgba(255, 255, 255, 0.2); }
        .all-tips .tip-box .tip-buttons .tip-button.tip-button-1, .appliance-details-tips .tip-box .tip-buttons .tip-button.tip-button-1 {
          border-radius: 0 0 0 5px; }
        .all-tips .tip-box .tip-buttons .tip-button.tip-button-2, .appliance-details-tips .tip-box .tip-buttons .tip-button.tip-button-2 {
          border-left: 1px solid #80c6e4;
          border-radius: 0px 0px 5px 0; }
    .all-tips .tip-box#tip-zoom-view, .appliance-details-tips .tip-box#tip-zoom-view {
      position: absolute;
      z-index: 20; }
      .all-tips .tip-box#tip-zoom-view:hover, .all-tips .tip-box#tip-zoom-view.hover, .appliance-details-tips .tip-box#tip-zoom-view:hover, .appliance-details-tips .tip-box#tip-zoom-view.hover {
        height: auto;
        box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.4);
        transform: scale(1.2);
        overflow: visible;
        transition: opacity 200ms ease, transform 200ms ease, -webkit-transform 200ms ease; }
        .all-tips .tip-box#tip-zoom-view:hover .title-short, .all-tips .tip-box#tip-zoom-view.hover .title-short, .appliance-details-tips .tip-box#tip-zoom-view:hover .title-short, .appliance-details-tips .tip-box#tip-zoom-view.hover .title-short {
          text-overflow: clip;
          overflow: visible;
          white-space: normal; }
        .all-tips .tip-box#tip-zoom-view:hover .tip-description, .all-tips .tip-box#tip-zoom-view.hover .tip-description, .appliance-details-tips .tip-box#tip-zoom-view:hover .tip-description, .appliance-details-tips .tip-box#tip-zoom-view.hover .tip-description {
          display: block;
          opacity: 1;
          height: auto;
          min-height: 60px;
          transition: opacity 300ms ease 0s, height 300ms ease 0s, width 300ms ease 0s; }
        .all-tips .tip-box#tip-zoom-view:hover .learn-more-button, .all-tips .tip-box#tip-zoom-view.hover .learn-more-button, .appliance-details-tips .tip-box#tip-zoom-view:hover .learn-more-button, .appliance-details-tips .tip-box#tip-zoom-view.hover .learn-more-button {
          display: block; }
        .all-tips .tip-box#tip-zoom-view:hover .tip-buttons, .all-tips .tip-box#tip-zoom-view.hover .tip-buttons, .appliance-details-tips .tip-box#tip-zoom-view:hover .tip-buttons, .appliance-details-tips .tip-box#tip-zoom-view.hover .tip-buttons {
          display: block;
          opacity: 1;
          height: 100%;
          width: 100%;
          transition: opacity 300ms ease 0s, height 300ms ease 0s, width 300ms ease 0s; }
    .all-tips .tip-box.keyboard-active, .appliance-details-tips .tip-box.keyboard-active {
      outline: #04549E solid 2px; }
  .all-tips .slick-slider, .appliance-details-tips .slick-slider {
    outline: none !important; }
    .all-tips .slick-slider .slick-track, .appliance-details-tips .slick-slider .slick-track {
      margin: 2px; }
  .all-tips .slick-wrapper-4, .all-tips .slick-wrapper-3, .all-tips .slick-wrapper-2, .all-tips .slick-wrapper-1, .appliance-details-tips .slick-wrapper-4, .appliance-details-tips .slick-wrapper-3, .appliance-details-tips .slick-wrapper-2, .appliance-details-tips .slick-wrapper-1 {
    margin: auto; }
  .all-tips .slick-wrapper-1, .appliance-details-tips .slick-wrapper-1 {
    width: 250px; }
  .all-tips .slick-wrapper-2, .appliance-details-tips .slick-wrapper-2 {
    width: 500px; }
    @media (max-width: 619px) {
      .all-tips .slick-wrapper-2, .appliance-details-tips .slick-wrapper-2 {
        width: 250px; } }
  .all-tips .slick-wrapper-3, .appliance-details-tips .slick-wrapper-3 {
    width: 750px; }
    @media (max-width: 619px) {
      .all-tips .slick-wrapper-3, .appliance-details-tips .slick-wrapper-3 {
        width: 250px; } }
    @media (min-width: 620px) and (max-width: 869px) {
      .all-tips .slick-wrapper-3, .appliance-details-tips .slick-wrapper-3 {
        width: 500px; } }
  .all-tips .disagg-trigger-overlay, .appliance-details-tips .disagg-trigger-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    display: table;
    left: 0;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000; }
    .all-tips .disagg-trigger-overlay .middle, .appliance-details-tips .disagg-trigger-overlay .middle {
      display: table-cell;
      vertical-align: middle; }
    .all-tips .disagg-trigger-overlay .overlay-content, .appliance-details-tips .disagg-trigger-overlay .overlay-content {
      color: #ffffff;
      font-size: 30px;
      font-weight: 200;
      line-height: 35px;
      margin: 0 auto;
      max-width: 700px;
      text-align: center; }

.tips-section .tips-wrapper .add-more-tips {
  width: 240px;
  height: 240px;
  border-radius: 5px; }
  .tips-section .tips-wrapper .add-more-tips .add-more-img {
    background: url("../img/actionPlan/empty_action_plan.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 240px;
    width: 240px; }

.tips-section .tips-wrapper.education-tips {
  background-color: #e6e6e6;
  border-radius: 5px;
  height: auto; }
  .tips-section .tips-wrapper.education-tips .education-tips-wrapper {
    padding: 20px; }
    .tips-section .tips-wrapper.education-tips .education-tips-wrapper .tips-title {
      font-size: 18px;
      margin-bottom: 15px; }
    .tips-section .tips-wrapper.education-tips .education-tips-wrapper .tip {
      background-size: contain;
      background-repeat: no-repeat;
      border-radius: 5px;
      height: 160px; }
      @media (max-width: 969px) {
        .tips-section .tips-wrapper.education-tips .education-tips-wrapper .tip {
          height: 75px; } }
      @media (max-width: 767px) {
        .tips-section .tips-wrapper.education-tips .education-tips-wrapper .tip {
          height: 115px;
          max-width: 300px;
          margin: 0 auto 20px auto;
          background-position: center center; } }
      .tips-section .tips-wrapper.education-tips .education-tips-wrapper .tip.step-1 {
        background-image: url("../img/actionPlan/step_1.png"); }
      .tips-section .tips-wrapper.education-tips .education-tips-wrapper .tip.step-2 {
        background-image: url("../img/actionPlan/step_2.png"); }
      .tips-section .tips-wrapper.education-tips .education-tips-wrapper .tip.step-3 {
        background-image: url("../img/actionPlan/step_3.png"); }

.appliance-details-tips .tips-section {
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  margin: 0 40px;
  padding: 30px 0; }
  .appliance-details-tips .tips-section .tips-wrapper {
    height: 245px; }

.appliance-details-tips .tips-section {
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  margin: 0 40px;
  padding: 30px 0; }
  .appliance-details-tips .tips-section .tips-wrapper {
    height: 245px; }

.user-preferences {
  color: #323232;
  padding: 20px 0 0 0; }
  .user-preferences .bidgely-icon {
    font-size: 28px;
    vertical-align: bottom; }
  .user-preferences .container {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left; }
  .user-preferences label {
    font-weight: 400; }
  .user-preferences .has-error {
    color: #d9534f; }
    .user-preferences .has-error p > a {
      color: #d9534f; }
  .user-preferences .top-controls-wrap .module-wrap {
    border-bottom: 1px solid #9e9e9e; }
  .user-preferences .top-controls-wrap .module-wrap:first-child {
    border-top: 1px solid #9e9e9e;
    margin: 0; }
  .user-preferences .message-types {
    padding: 20px 0 0 0; }
  .user-preferences .input-wrapper {
    position: relative; }
    .user-preferences .input-wrapper .form-control {
      width: 98%; }
  .user-preferences .opt-in-placeholder {
    position: absolute;
    right: -15px;
    top: 10px; }
  .user-preferences .opt-in-status {
    background-color: #ffffff;
    border-radius: 15px;
    font-size: 12px;
    height: 18px;
    margin-left: 5px;
    padding: 3px;
    width: 18px; }
    .user-preferences .opt-in-status.complete {
      color: #77af5b; }
    .user-preferences .opt-in-status.in-complete {
      color: #e6e6e6; }
  .user-preferences .static-value {
    padding: 10px 0; }
    .user-preferences .static-value .masked-value {
      font-weight: 400;
      line-height: 20px; }
    .user-preferences .static-value a:focus {
      outline: none; }
    .user-preferences .static-value .msgPopover .bidgely-popover-topContent {
      font-size: 12px;
      text-align: left; }
  .user-preferences .display-label {
    display: block;
    position: relative; }
    .user-preferences .display-label label {
      left: 0;
      padding-left: 0; }
    .user-preferences .display-label .checkbox {
      left: 0; }
    .user-preferences .display-label.disabled .bidgely-icon {
      opacity: 0.3; }
    .user-preferences .display-label .display-overlay {
      bottom: 0;
      display: block;
      height: 25px;
      position: absolute;
      top: 0;
      width: 25px;
      z-index: 10; }
      .user-preferences .display-label .display-overlay label {
        margin-left: 0; }
  .user-preferences .module-wrap {
    margin: 0 0 20px 0;
    border-radius: 0; }
    .user-preferences .module-wrap.panel {
      border-radius: 0;
      box-shadow: none;
      border-left: none;
      border-right: none;
      -webkit-box-shadow: none;
      background-color: transparent;
      margin-top: 0; }
    .user-preferences .module-wrap .panel-collapse {
      padding: 0 20px 15px; }
    .user-preferences .module-wrap .header {
      font-size: 15px;
      padding: 15px 0; }
      .user-preferences .module-wrap .header .checkbox {
        margin: 0; }
      .user-preferences .module-wrap .header .checkbox-wrapper label {
        padding-left: 0; }
      .user-preferences .module-wrap .header .checkbox-wrapper input[type="checkbox"], .user-preferences .module-wrap .header .checkbox-wrapper input[type="checkbox"] + label {
        position: absolute;
        top: 0;
        height: 20px;
        width: 20px; }
      .user-preferences .module-wrap .header .checkbox-wrapper input[type="checkbox"] {
        opacity: 0; }
      .user-preferences .module-wrap .header .checkbox-wrapper input[type="checkbox"] + label {
        background: none;
        display: block; }
      .user-preferences .module-wrap .header .checkbox-wrapper input[type="checkbox"]:checked + label {
        background: none;
        display: block; }
    .user-preferences .module-wrap .help-label {
      color: #969696; }
    .user-preferences .module-wrap .glyphicon {
      cursor: pointer; }
    .user-preferences .module-wrap .module-title {
      font-size: 26px;
      font-weight: 300;
      margin-bottom: 15px;
      text-align: center; }
      .user-preferences .module-wrap .module-title.top {
        margin-bottom: 5px; }
    .user-preferences .module-wrap .summary {
      color: #646464;
      font-size: 16px;
      font-weight: 200;
      height: 25px;
      text-align: center; }
    .user-preferences .module-wrap .input-label {
      font-size: 14px;
      font-weight: 200; }
      .user-preferences .module-wrap .input-label input[type=text]::-ms-clear {
        display: none; }
    .user-preferences .module-wrap .sms-term-wrap .checkbox-wrapper .checkbox {
      float: left;
      margin: 0; }
    .user-preferences .module-wrap .sms-term-wrap .terms {
      font-weight: 300;
      margin-bottom: 0;
      overflow-x: hidden; }
      .user-preferences .module-wrap .sms-term-wrap .terms > p {
        font-size: 14px;
        margin-top: 3px; }
    .user-preferences .module-wrap .sms-term-wrap .display-overlay {
      right: auto; }
    .user-preferences .module-wrap .description {
      font-size: 14px; }
    .user-preferences .module-wrap .input-error {
      color: #d9534f;
      font-size: 13px;
      padding-left: 5px; }
  .user-preferences .notification {
    border-bottom: 1px solid #9e9e9e;
    padding: 15px 0px;
    font-weight: 300; }
    .user-preferences .notification .title {
      font-size: 15px;
      font-weight: 400; }
    .user-preferences .notification .sub-label {
      font-size: 14px; }
    .user-preferences .notification .display-label {
      font-size: 15px;
      font-weight: 400;
      float: right;
      width: 50%;
      text-align: right; }
      .user-preferences .notification .display-label label {
        left: auto;
        padding-left: 0;
        right: 0; }
      .user-preferences .notification .display-label .checkbox {
        left: auto;
        right: 0; }
      .user-preferences .notification .display-label .display-overlay {
        right: 0; }
    .user-preferences .notification .budget-threshold {
      padding: 10px 0; }
    .user-preferences .notification .input-inline {
      display: inline-block;
      padding: 5px 0;
      position: relative; }
      .user-preferences .notification .input-inline .currency-placeholder {
        position: absolute;
        left: 15px;
        top: 16px; }
      .user-preferences .notification .input-inline .form-control {
        display: inline-block;
        padding-left: 25px;
        width: 150px; }
  .user-preferences .save-btn-wrap {
    margin-top: 15px;
    text-align: center; }
    .user-preferences .save-btn-wrap .btn {
      min-width: 200px;
      padding: 7px 15px; }
    .user-preferences .save-btn-wrap .disabled {
      cursor: not-allowed;
      opacity: 0.5; }
    .user-preferences .save-btn-wrap .enabled {
      cursor: pointer;
      opacity: 1; }
  .user-preferences .pref-update-message {
    color: #838b92;
    font-size: 14px;
    padding-top: 30px;
    text-align: center; }
  .user-preferences .email-info {
    text-align: center;
    color: #838b92;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 200; }

.account-settings-page .user-preferences {
  color: #000000;
  padding: 0; }
  .account-settings-page .user-preferences .top-controls-wrap .checkbox {
    padding: 0;
    min-height: auto; }
  .account-settings-page .user-preferences .module-wrap .input-label {
    padding-left: 20px; }
  .account-settings-page .user-preferences .module-wrap .notification:last-child {
    border-bottom: none; }
  .account-settings-page .user-preferences .message-types .module-wrap:last-child {
    margin: 0; }
  .account-settings-page .user-preferences .notification .title {
    font-size: 16px; }
  .account-settings-page .user-preferences .notification .sub-label {
    font-size: 14px; }
  .account-settings-page .user-preferences .notification .display-label .checkbox {
    min-height: 22px;
    padding-top: 0; }

.security-modal-backdrop {
  bottom: 0;
  position: fixed;
  opacity: 0.5 !important; }

.security-modal-box:focus {
  outline: none; }

.security-modal-box.modal {
  top: 25%; }

.security-modal-box .modal-content {
  box-shadow: none; }

.security-modal-box .security-modal-content {
  background-color: #0074B6;
  color: #ffffff;
  font-size: 15px;
  font-weight: 100;
  padding: 20px 45px;
  text-align: center; }
  .security-modal-box .security-modal-content .title {
    font-size: 16px;
    padding-bottom: 30px; }
  .security-modal-box .security-modal-content .form-control {
    margin: 0 auto;
    text-align: center;
    width: 150px; }
  .security-modal-box .security-modal-content .btn-submit {
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 5px;
    font-weight: 100;
    padding: 10px 0;
    margin: 20px 0 15px 0;
    width: 200px; }
    .security-modal-box .security-modal-content .btn-submit:hover {
      color: #ffffff; }
    .security-modal-box .security-modal-content .btn-submit:focus {
      color: #ffffff; }
  .security-modal-box .security-modal-content .cancel-label {
    cursor: pointer; }
  .security-modal-box .security-modal-content .error-message {
    color: #ccc;
    display: block;
    height: 20px;
    padding: 5px 0; }

@media (max-width: 767px) {
  .user-preferences .module-wrap .header {
    padding: 15px; }
  .user-preferences .module-wrap .module-title {
    font-size: 20px; }
  .user-preferences .module-wrap .input-label,
  .sms-term-wrap {
    padding-left: 0; }
  .user-preferences .module-wrap .description {
    padding: 0 5px; }
  .user-preferences .notification {
    padding: 10px 15px; }
  .user-preferences .notification .title {
    font-size: 15px; }
  .account-settings-page .user-preferences .notification .display-label {
    font-size: 14px; }
  .user-preferences .opt-in-placeholder {
    right: 0; }
  .user-preferences .input-wrapper .form-control {
    width: 90%; } }

.email-settings {
  font-size: 13px; }
  .email-settings .email-settings-header {
    background-color: #ffffff; }
    .email-settings .email-settings-header .opt-out-header {
      padding: 15px 0 20px; }
      .email-settings .email-settings-header .opt-out-header .simplyenergy-logo {
        height: 50px;
        width: 200px; }
      .email-settings .email-settings-header .opt-out-header .dominion-logo {
        height: 50px;
        width: 200px; }
      .email-settings .email-settings-header .opt-out-header .cva-logo {
        height: 50px;
        width: 200px; }
      .email-settings .email-settings-header .opt-out-header .duke-logo {
        height: 30px;
        width: 95px; }
      .email-settings .email-settings-header .opt-out-header .ui-logo {
        height: 42px;
        width: 192px; }
      .email-settings .email-settings-header .opt-out-header .dep-logo {
        height: 39px;
        width: 91px; }
      .email-settings .email-settings-header .opt-out-header .origin-logo {
        height: 54px !important;
        width: 34px !important; }
      .email-settings .email-settings-header .opt-out-header .mce-logo {
        height: 50px;
        width: 200px; }
  .email-settings .email-settings-footer {
    background-color: #e6e6e6; }
    .email-settings .email-settings-footer .opt-out-footer {
      color: #838b92;
      font-size: 12px;
      line-height: 18px;
      max-width: 320px;
      padding: 15px 0; }
      .email-settings .email-settings-footer .opt-out-footer a {
        color: #838b92; }
      .email-settings .email-settings-footer .opt-out-footer .utility-name {
        margin: 10px 0 0 0; }
      .email-settings .email-settings-footer .opt-out-footer .utility-address {
        margin: 0 0 10px 0; }
      .email-settings .email-settings-footer .opt-out-footer .utility-address.no-space-address-pref {
        margin: 0; }
  .email-settings .opt-out-footer .social-links {
    padding: 10px 10px 0; }
    .email-settings .opt-out-footer .social-links > li {
      padding: 0 3px; }
    .email-settings .opt-out-footer .social-links .social-icon {
      height: 30px;
      width: 30px; }
      .email-settings .opt-out-footer .social-links .social-icon.facebook {
        background-image: url("../img/duke/social-facebook.png"); }
      .email-settings .opt-out-footer .social-links .social-icon.instagram {
        background-image: url("../img/duke/social-instagram.png"); }
      .email-settings .opt-out-footer .social-links .social-icon.linkedin {
        background-image: url("../img/duke/social-linkedin.png"); }
      .email-settings .opt-out-footer .social-links .social-icon.twitter {
        background-image: url("../img/duke/social-twitter.png"); }
      .email-settings .opt-out-footer .social-links .social-icon.youtube {
        background-image: url("../img/duke/social-youtube.png"); }
  .email-settings .settings-page-header {
    padding-bottom: 10px;
    text-align: center; }
    .email-settings .settings-page-header .title {
      font-size: 18px;
      font-weight: 500; }
    .email-settings .settings-page-header .address {
      color: #969696;
      height: 15px;
      font-size: 11px;
      line-height: 15px; }
  .email-settings .settings-page-container {
    background-color: #e6e6e6;
    padding: 15px;
    min-height: 430px; }
    .email-settings .settings-page-container .leading-text {
      text-align: center;
      padding: 0px 15px 15px;
      font-size: 13px;
      font-weight: 500;
      line-height: 15px; }
  .email-settings .settings-page-content {
    background-color: #ffffff;
    border-radius: 5px;
    max-width: 998px;
    margin: 0 auto; }
    .email-settings .settings-page-content .top-controls-wrap .sub-title {
      font-size: 13px;
      color: #969696;
      margin-bottom: 13px; }
    .email-settings .settings-page-content .top-controls-wrap .module-wrap {
      border-bottom: 1px solid #e6e6e6; }
    .email-settings .settings-page-content .top-controls-wrap .module-wrap:first-child {
      border-top: 1px solid #e6e6e6; }
    .email-settings .settings-page-content .settings-pane .home-profile-title {
      text-align: center;
      padding: 15px;
      font-size: 23px;
      color: #003359; }
    .email-settings .settings-page-content .settings-pane .setting-row {
      color: #3CA0FF;
      cursor: pointer;
      padding: 10px 15px; }
      .email-settings .settings-page-content .settings-pane .setting-row + .setting-row {
        border-top: 1px solid #e6e6e6; }
      .email-settings .settings-page-content .settings-pane .setting-row > div {
        display: inline-block;
        font-weight: 500;
        vertical-align: middle; }
      .email-settings .settings-page-content .settings-pane .setting-row .setting-icon {
        font-size: 22px;
        line-height: 23px;
        width: 25px; }
      .email-settings .settings-page-content .settings-pane .setting-row .icon-right {
        float: right;
        text-align: right; }
    .email-settings .settings-page-content .save-btn-wrap {
      margin: 0;
      padding: 15px;
      text-align: center; }
      .email-settings .settings-page-content .save-btn-wrap .btn {
        min-width: 200px;
        padding: 7px 15px; }
      .email-settings .settings-page-content .save-btn-wrap .btn-bidgely {
        background-color: #3CA0FF !important;
        border-color: #3CA0FF !important;
        font-size: 13px;
        font-weight: 100;
        letter-spacing: 1.5px; }
      .email-settings .settings-page-content .save-btn-wrap .disabled {
        cursor: not-allowed;
        opacity: 0.5; }
      .email-settings .settings-page-content .save-btn-wrap .enabled {
        opacity: 1; }
    .email-settings .settings-page-content .choices-wrapper {
      margin-bottom: 10px; }
      .email-settings .settings-page-content .choices-wrapper .choice {
        background-image: -webkit-linear-gradient(270deg, #ffffff, #e6e6e6);
        background-image: linear-gradient(180deg, #ffffff, #e6e6e6);
        box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.35);
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        margin: 10px;
        position: relative; }
        .email-settings .settings-page-content .choices-wrapper .choice > span {
          display: inline-block;
          font-weight: 500;
          line-height: normal;
          vertical-align: middle; }
        .email-settings .settings-page-content .choices-wrapper .choice .choice-checked {
          opacity: 0;
          background-image: url("../img/selected-check.png");
          position: absolute;
          right: -4px;
          top: -4px;
          transition: all 0.3s; }
        .email-settings .settings-page-content .choices-wrapper .choice.selected .choice-checked {
          opacity: 1; }
    .email-settings .settings-page-content .form-control {
      font-size: 15px;
      height: 40px;
      width: auto; }
  .email-settings input[type=number]::-webkit-inner-spin-button,
  .email-settings input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .email-settings .preferences .bidgely-icon {
    color: #3CA0FF;
    font-size: 28px;
    vertical-align: bottom; }
  .email-settings .preferences .glyphicon {
    color: #3CA0FF;
    cursor: pointer; }
  .email-settings .preferences .form-control {
    background-color: #e6e6e6;
    color: #3CA0FF;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    padding: 5px 17px;
    max-width: 255px; }
  .email-settings .preferences .has-error {
    color: #d9534f; }
    .email-settings .preferences .has-error .form-control {
      color: #d9534f; }
  .email-settings .preferences .input-wrapper {
    position: relative; }
    .email-settings .preferences .input-wrapper .form-control {
      width: 92%; }
    .email-settings .preferences .input-wrapper .opt-in-placeholder {
      position: absolute;
      right: -1px;
      top: 5px; }
  .email-settings .preferences .display-label {
    display: block;
    position: relative; }
    .email-settings .preferences .display-label label {
      left: 0;
      padding-left: 0; }
    .email-settings .preferences .display-label .checkbox {
      left: 0; }
    .email-settings .preferences .display-label.disabled .bidgely-icon {
      opacity: 0.3; }
    .email-settings .preferences .display-label .display-overlay {
      bottom: 0;
      display: block;
      height: 25px;
      position: absolute;
      top: 0;
      width: 25px;
      z-index: 10; }
      .email-settings .preferences .display-label .display-overlay label {
        margin-left: 0; }
  .email-settings .preferences .form-group {
    margin-bottom: 8px; }
    .email-settings .preferences .form-group label {
      font-weight: 500; }
  .email-settings .preferences .module-title {
    font-weight: 500; }
  .email-settings .preferences .panel-group {
    margin: 0; }
    .email-settings .preferences .panel-group .module-wrap {
      border-radius: 0;
      margin: 0; }
      .email-settings .preferences .panel-group .module-wrap.rounded-top {
        border-radius: 5px 5px 0 0; }
      .email-settings .preferences .panel-group .module-wrap.panel {
        box-shadow: none;
        border-left: 0;
        border-right: 0;
        -webkit-box-shadow: none; }
      .email-settings .preferences .panel-group .module-wrap .panel-collapse {
        padding: 0 15px 0 47px; }
        .email-settings .preferences .panel-group .module-wrap .panel-collapse .input-label .static-value {
          padding: 10px 0; }
          .email-settings .preferences .panel-group .module-wrap .panel-collapse .input-label .static-value a {
            color: #3CA0FF; }
          .email-settings .preferences .panel-group .module-wrap .panel-collapse .input-label .static-value .msgPopover .bidgely-popover-topContent {
            font-size: 13px;
            text-align: left; }
        .email-settings .preferences .panel-group .module-wrap .panel-collapse .input-error {
          color: #d9534f;
          line-height: normal;
          padding: 5px; }
      .email-settings .preferences .panel-group .module-wrap .header {
        font-size: 15px;
        padding: 8px 15px; }
        .email-settings .preferences .panel-group .module-wrap .header .checkbox-wrapper label {
          padding-left: 0; }
        .email-settings .preferences .panel-group .module-wrap .header .checkbox-wrapper > span {
          font-size: 13px;
          font-weight: 500; }
        .email-settings .preferences .panel-group .module-wrap .header .checkbox {
          margin: 0; }
        .email-settings .preferences .panel-group .module-wrap .header .glyphicon {
          top: 6px; }
      .email-settings .preferences .panel-group .module-wrap .input-label input[type=text]::-ms-clear {
        display: none; }
      .email-settings .preferences .panel-group .module-wrap .sms-term-wrap .checkbox-wrapper label {
        padding-left: 0; }
      .email-settings .preferences .panel-group .module-wrap .sms-term-wrap .checkbox-wrapper .checkbox {
        float: left;
        margin: 0;
        width: 30px; }
      .email-settings .preferences .panel-group .module-wrap .sms-term-wrap .checkbox-wrapper .display-overlay {
        right: auto; }
      .email-settings .preferences .panel-group .module-wrap .sms-term-wrap .checkbox-wrapper.has-error .terms > p {
        color: #d9534f; }
      .email-settings .preferences .panel-group .module-wrap .sms-term-wrap .terms {
        overflow-x: hidden; }
        .email-settings .preferences .panel-group .module-wrap .sms-term-wrap .terms > p {
          color: #969696;
          font-size: 12px;
          margin-top: 5px;
          line-height: 16px; }
  .email-settings .preferences .message-types {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 15px 0 20px; }
    .email-settings .preferences .message-types .description {
      color: #969696;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      margin-top: 0;
      text-align: left; }
      .email-settings .preferences .message-types .description > a {
        color: #3CA0FF; }
        .email-settings .preferences .message-types .description > a:hover {
          color: #3CA0FF; }
  .email-settings .preferences .notification {
    border-bottom: none;
    padding: 10px 0; }
    .email-settings .preferences .notification .row {
      margin-left: -7.5px;
      margin-right: -7.5px; }
    .email-settings .preferences .notification [class*="col-"] {
      padding-left: 7.5px;
      padding-right: 7.5px; }
    .email-settings .preferences .notification .display-label-wrap {
      border-bottom: 1px solid #e6e6e6;
      padding-bottom: 5px;
      margin-bottom: 10px; }
    .email-settings .preferences .notification .checkbox-wrapper label {
      padding-left: 0; }
    .email-settings .preferences .notification .display-label {
      color: #969696;
      float: right;
      font-weight: 500;
      width: 20%;
      text-align: right; }
      .email-settings .preferences .notification .display-label label {
        left: auto;
        padding-left: 0;
        right: 0; }
      .email-settings .preferences .notification .display-label .checkbox {
        left: auto;
        right: 0; }
      .email-settings .preferences .notification .display-label.disabled .bidgely-icon {
        opacity: 0.3; }
      .email-settings .preferences .notification .display-label .display-overlay {
        right: 0; }
    .email-settings .preferences .notification .title {
      font-weight: 500; }
    .email-settings .preferences .notification .sub-label {
      color: #969696;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px; }
      .email-settings .preferences .notification .sub-label.has-error {
        color: #d9534f; }
    .email-settings .preferences .notification .budget-threshold {
      padding-top: 10px;
      padding-bottom: 0; }
    .email-settings .preferences .notification .input-inline {
      display: inline-block;
      padding: 5px 0;
      position: relative; }
      .email-settings .preferences .notification .input-inline input[type=text]::-ms-clear {
        display: none; }
      .email-settings .preferences .notification .input-inline .currency-placeholder {
        color: #3CA0FF;
        left: 15px;
        position: absolute;
        top: 9px; }
      .email-settings .preferences .notification .input-inline .form-control {
        padding-left: 25px;
        width: 150px; }
    .email-settings .preferences .notification:last-child {
      border-bottom: 0px; }
  .email-settings .preferences .opt-in-status {
    height: 18px;
    margin-left: 5px;
    padding: 3px;
    width: 18px; }
    .email-settings .preferences .opt-in-status.complete {
      color: #77af5b; }
    .email-settings .preferences .opt-in-status.in-complete {
      color: #3CA0FF; }
  .email-settings .home-profile {
    font-size: 13px; }
    .email-settings .home-profile .module-wrap {
      padding: 10px 15px;
      min-height: 700px; }
      .email-settings .home-profile .module-wrap .question-area .title {
        font-size: 13px;
        font-weight: 500;
        line-height: 15px; }
      .email-settings .home-profile .module-wrap .question-area .help-label {
        color: #969696;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 5px 0; }
      .email-settings .home-profile .module-wrap .question-area .choices-wrapper .choice {
        height: 100px;
        line-height: 100px;
        margin: 0 15px 15px 0;
        text-align: center;
        width: 100px; }
        .email-settings .home-profile .module-wrap .question-area .choices-wrapper .choice > span {
          font-size: 13px;
          word-wrap: break-word;
          line-height: 15px;
          width: 98px; }
        .email-settings .home-profile .module-wrap .question-area .choices-wrapper .choice .choice-checked {
          background-size: 43px 43px;
          height: 43px;
          width: 43px; }

.security-modal-backdrop {
  bottom: 0;
  position: fixed;
  opacity: 0.5 !important; }

.security-modal-box:focus {
  outline: none; }

.security-modal-box.modal {
  top: 25%; }

.security-modal-box .modal-content {
  box-shadow: none; }

.security-modal-box .security-modal-content {
  background-color: #0074B6;
  color: #ffffff;
  font-size: 13px;
  font-weight: 100;
  padding: 20px 45px;
  text-align: center; }
  .security-modal-box .security-modal-content .title {
    padding-bottom: 15px; }
  .security-modal-box .security-modal-content .form-control {
    margin: 0 auto;
    height: 35px;
    padding: 5px 17px;
    text-align: center;
    width: 150px; }
  .security-modal-box .security-modal-content .btn-submit {
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 100;
    padding: 5px 0;
    margin: 5px 0 10px;
    width: 160px; }
    .security-modal-box .security-modal-content .btn-submit:hover {
      color: #ffffff; }
    .security-modal-box .security-modal-content .btn-submit:focus {
      color: #ffffff; }
  .security-modal-box .security-modal-content .cancel-label {
    cursor: pointer; }
  .security-modal-box .security-modal-content .error-message {
    color: #ccc;
    display: block;
    height: 20px;
    padding: 5px 0; }

@media (max-width: 767px) {
  .email-settings {
    font-size: 12px; }
    .email-settings .settings-page-content {
      max-width: 320px; }
      .email-settings .settings-page-content .save-btn-wrap .btn-bidgely {
        margin-bottom: 0; }
    .email-settings .settings-page-container {
      min-height: 200px; }
    .email-settings .user-preferences .module-wrap .description {
      padding: 0; }
    .email-settings .preferences .notification .display-label {
      width: 50%; }
    .email-settings .preferences .form-control {
      font-size: 12px; }
    .email-settings .home-profile {
      font-size: 12px; }
      .email-settings .home-profile .module-wrap .question-area .help-label {
        font-size: 10px; }
      .email-settings .home-profile .module-wrap .question-area .choices-wrapper .choice {
        height: 60px;
        line-height: 60px;
        width: 60px;
        padding: 0;
        margin-right: 5px; }
        .email-settings .home-profile .module-wrap .question-area .choices-wrapper .choice > span {
          font-size: 11px;
          font-weight: 500;
          line-height: 11px;
          width: 58px; }
        .email-settings .home-profile .module-wrap .question-area .choices-wrapper .choice .choice-checked {
          background-image: url("../img/selected-check-20*20.png");
          height: 20px;
          width: 20px;
          background-size: 20px 20px;
          top: -2px;
          right: -2px; } }

.potential-savings .neighbor-row .progress.neighbor {
  min-width: 50%; }

.bidgely-insights-widget.appliancesCost .you-row .progress {
  min-width: 42px; }

#wrap.livepoc-wrap {
  background-color: #efefef; }

.container.live-poc .error-container {
  font-size: 30px; }
  .container.live-poc .error-container p {
    margin: 200px auto;
    width: 600px; }

.container.live-poc .bidgely-form {
  border-radius: 5px;
  background-color: #ffffff;
  margin-top: 50px;
  margin-bottom: 50px;
  box-shadow: 1px 1px 1px 1px #ccc; }
  .container.live-poc .bidgely-form input[type=file] {
    display: none;
    border: none;
    box-shadow: none; }
  .container.live-poc .bidgely-form p.fileUploadName {
    font-size: 13px;
    display: inline-block; }
  .container.live-poc .bidgely-form .file-upload-glyphicon {
    cursor: pointer; }
    .container.live-poc .bidgely-form .file-upload-glyphicon .glyphicon {
      display: block; }
    .container.live-poc .bidgely-form .file-upload-glyphicon span {
      font-size: 14px;
      color: #4d5e68; }
      .container.live-poc .bidgely-form .file-upload-glyphicon span:hover {
        color: #000000; }
  .container.live-poc .bidgely-form #pilot-logo-glyphicon {
    margin-top: 34px; }
  .container.live-poc .bidgely-form .glyphicon {
    font-size: 30px;
    cursor: pointer; }
  .container.live-poc .bidgely-form input.ng-invalid.ng-pristine, .container.live-poc .bidgely-form select.ng-invalid.ng-pristine {
    border: 1px solid #ccc; }
  .container.live-poc .bidgely-form .error.file-size {
    color: red; }
  .container.live-poc .bidgely-form .buttons {
    margin-bottom: 50px; }
  .container.live-poc .bidgely-form .box {
    background-color: #eee;
    padding: 15px 15px 8px 15px;
    border-radius: 5px; }
  .container.live-poc .bidgely-form .mail-button-left {
    margin-right: 50px; }
  .container.live-poc .bidgely-form hr {
    border-top: 1px solid #ccc; }
  .container.live-poc .bidgely-form .regular-text {
    color: #4d5e68;
    font-weight: 300;
    line-height: 1.4; }
  .container.live-poc .bidgely-form .lead.subtitle {
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 0; }
  .container.live-poc .bidgely-form .lead.subtitle.small {
    font-size: 16px; }
  .container.live-poc .bidgely-form button {
    padding: 11px 21px; }
  .container.live-poc .bidgely-form #logoPreview {
    display: inline-block; }
  .container.live-poc .bidgely-form pre {
    background-color: #fff;
    border: none;
    padding: 0;
    color: #4d5e68;
    margin-bottom: 40px; }
  .container.live-poc .bidgely-form #s3Creds {
    margin-top: 32px; }
  .container.live-poc .bidgely-form #uname, .container.live-poc .bidgely-form #bucketName {
    margin-bottom: 0; }
  .container.live-poc .bidgely-form ol {
    list-style-position: outside;
    margin-left: -40px; }
  .container.live-poc .bidgely-form .has-error {
    color: #d9534f; }
  .container.live-poc .bidgely-form #bucketName, .container.live-poc .bidgely-form #uname, .container.live-poc .bidgely-form #pwd {
    font-weight: 700; }
  .container.live-poc .bidgely-form .bidgely-loading {
    display: block;
    margin: auto; }

.container.live-poc #slide-panel {
  left: 0;
  right: 0;
  width: 45%;
  margin: 0 auto;
  position: fixed;
  top: -200px;
  transition: all 1s;
  z-index: 2; }
  .container.live-poc #slide-panel.flick {
    top: 70px; }
  .container.live-poc #slide-panel #success-notif {
    border-radius: 0 0 5px 5px;
    background-color: #ddffdd;
    font-family: sans-serif;
    color: #4CAF50;
    padding: 19px;
    text-align: center; }

@media only screen and (max-width: 969px) {
  .container.live-poc .bidgely-form-section.bidgely-margin-top {
    margin-top: 0; }
  .container.live-poc .row.field-group {
    margin-top: -15px; }
  .container.live-poc label, .container.live-poc .regular-text, .container.live-poc .lead.subtitle.small, .container.live-poc p.help-block {
    font-size: 14px; }
  .container.live-poc .lead.subtitle {
    font-size: 16px; }
  .container.live-poc h1 {
    font-size: 28px; }
  .container.live-poc .row.has-error, .container.live-poc .row.has-error p {
    font-size: 14px;
    line-height: 1.4; } }

.usage-dashboard {
  /** Override widget related css **/ }
  .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view {
    background-color: #152e4d;
    border-radius: 10px; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #dashboard-loading {
      background-color: rgba(0, 0, 0, 0.5);
      color: #ffffff; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view .bidgely-icon-light-gray {
      color: #ffffff; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view .bidgely-icon-gray {
      color: #6e84a3; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timegraph div.graph-container .highcharts-tooltip {
      background-color: #152e4d;
      border-radius: 5px;
      border: 1px solid #12263f; }
      .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timegraph div.graph-container .highcharts-tooltip > span {
        background-color: #152e4d;
        color: #fff !important; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timegraph .graph-legend {
      margin: 0px;
      padding: 0px; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-menu .time-frame-type {
      background-color: transparent; }
      .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-menu .time-frame-type a.day, .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-menu .time-frame-type a.month, .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-menu .time-frame-type a.year {
        background-color: #152e4d;
        border: 1px solid #244166;
        color: #fff; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-block {
      background-color: #152e4d;
      border: 1px solid #244166;
      color: #fff; }
      .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-block .bidgely-timelabel {
        color: #fff; }
      .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-block .bidgely-timeframe-menu.text-right {
        color: #fff; }
      .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-block .datepicker-outer {
        border-left: 1px solid #244166; }
        .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-block .datepicker-outer a.datepickerclick {
          color: #fff; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-menu div.weather div {
      background-color: #152e4d;
      border: 1px solid #244166;
      color: #fff;
      height: 33px; }
      .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view #bidgely-timescale-menu div.weather div .bidgely-icon {
        margin-top: inherit;
        line-height: 32px; }
    .usage-dashboard.bidgely-browse.container > .content-row.top.dark-view .kw-switch .kwh-switch-label-selected {
      color: #fff; }
  .usage-dashboard.bidgely-browse.container > .content-row > .row {
    width: 1080px;
    max-width: 100%;
    margin: 0 auto; }
  .usage-dashboard #bidgely-timescale-menu, .usage-dashboard .bidgely-timelabel, .usage-dashboard .bidgely-timeframe-menu {
    font-weight: 300;
    font-size: 12px; }
  .usage-dashboard #bidgely-timescale-menu .time-frame-type, .usage-dashboard #bidgely-timescale-menu .graph-view-type {
    background-color: #ffffff;
    height: 30px; }
    .usage-dashboard #bidgely-timescale-menu .time-frame-type a, .usage-dashboard #bidgely-timescale-menu .graph-view-type a {
      font-weight: 300;
      font-size: 12px;
      vertical-align: middle;
      padding: 7px 15px;
      background-color: #EBEBEB; }
      .usage-dashboard #bidgely-timescale-menu .time-frame-type a.day, .usage-dashboard #bidgely-timescale-menu .graph-view-type a.day {
        border-radius: 3px 0 0 3px; }
      .usage-dashboard #bidgely-timescale-menu .time-frame-type a.year, .usage-dashboard #bidgely-timescale-menu .graph-view-type a.year {
        border-radius: 0 3px 3px 0; }
      .usage-dashboard #bidgely-timescale-menu .time-frame-type a.month, .usage-dashboard #bidgely-timescale-menu .graph-view-type a.month {
        background-color: #EBEBEB;
        margin-left: 26.5%;
        min-width: 120px;
        padding: 7px 0;
        border-right: 1px solid #ffffff;
        border-left: 1px solid #ffffff; }
      .usage-dashboard #bidgely-timescale-menu .time-frame-type a.selected, .usage-dashboard #bidgely-timescale-menu .graph-view-type a.selected {
        background-color: #008DC9 !important; }
      .usage-dashboard #bidgely-timescale-menu .time-frame-type a.cost[graphtype], .usage-dashboard #bidgely-timescale-menu .graph-view-type a.cost[graphtype] {
        padding: 7px 15px; }
      .usage-dashboard #bidgely-timescale-menu .time-frame-type aa[graphtype], .usage-dashboard #bidgely-timescale-menu .graph-view-type aa[graphtype] {
        background-color: #EBEBEB; }
  .usage-dashboard #bidgely-timescale-menu .weather-xs {
    display: none; }
  .usage-dashboard #bidgely-timescale-menu div.weather {
    float: left; }
    .usage-dashboard #bidgely-timescale-menu div.weather div {
      height: 30px;
      width: 45px;
      border-radius: 3px;
      background-color: #EBEBEB; }
      .usage-dashboard #bidgely-timescale-menu div.weather div.selected {
        background-color: #008DC9 !important; }
      .usage-dashboard #bidgely-timescale-menu div.weather div .bidgely-icon {
        font-size: 25px;
        margin-top: 2px; }
  .usage-dashboard #bidgely-timescale-menu .spent-message {
    text-align: center;
    margin-top: 25px; }
    .usage-dashboard #bidgely-timescale-menu .spent-message .spent-detail-container, .usage-dashboard #bidgely-timescale-menu .spent-message .info-icon {
      display: inline-block; }
    .usage-dashboard #bidgely-timescale-menu .spent-message .spent-text {
      margin-bottom: 10px;
      color: #323232;
      font-size: 28px;
      line-height: 34px;
      font-weight: 400;
      text-align: center;
      display: block; }
    .usage-dashboard #bidgely-timescale-menu .spent-message .monthly-total {
      display: block; }
      .usage-dashboard #bidgely-timescale-menu .spent-message .monthly-total .currency-sign {
        padding-right: 5px;
        color: #008dc9;
        font-size: 40px;
        display: inline-block;
        vertical-align: top; }
      .usage-dashboard #bidgely-timescale-menu .spent-message .monthly-total .total-amount {
        display: inline-block;
        background-color: transparent;
        font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
        color: #008dc9;
        font-size: 80px;
        line-height: 80px;
        font-weight: 300;
        text-align: center; }
      .usage-dashboard #bidgely-timescale-menu .spent-message .monthly-total .kwh-sign {
        margin-bottom: 5px;
        padding-left: 10px;
        color: #008DC9;
        font-size: 30px;
        display: inline-block; }
    .usage-dashboard #bidgely-timescale-menu .spent-message .info-icon {
      margin-top: 5px;
      width: 22px;
      height: 22px;
      font-size: 22px;
      color: #bebebe;
      position: relative;
      top: -40px;
      left: -35px; }
    .usage-dashboard #bidgely-timescale-menu .spent-message .custom-tooltip .tooltip-inner {
      color: #969696;
      border: 1px solid #b8b8b8;
      background-color: #ffffff;
      font-size: 16px; }
      .usage-dashboard #bidgely-timescale-menu .spent-message .custom-tooltip .tooltip-inner a {
        color: #337ab7; }
    .usage-dashboard #bidgely-timescale-menu .spent-message .custom-tooltip .tooltip-arrow {
      border-right-color: #b8b8b8; }
  .usage-dashboard #bidgely-timescale-menu .bidgely-timeframe-menu a {
    color: #008DC9; }
    .usage-dashboard #bidgely-timescale-menu .bidgely-timeframe-menu a.disable {
      color: #666;
      cursor: pointer; }
  .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu {
    float: left;
    color: #666;
    font-size: 65px;
    font-weight: bold;
    padding: 0;
    position: absolute;
    bottom: -120px; }
    .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu.text-left {
      left: -75px; }
    .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu.text-right {
      right: -75px; }
    .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu a.bidgely-compare-bill {
      text-decoration: underline; }
      .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu a.bidgely-compare-bill:hover {
        text-decoration: none; }
    .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu span.glyphicon-chevron-left, .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu span.glyphicon-chevron-right {
      color: #ffffff;
      cursor: pointer; }
  .usage-dashboard #bidgely-timescale-block {
    background-color: #EBEBEB;
    margin: 0 10px;
    padding: 0px;
    border-radius: 3px; }
    .usage-dashboard #bidgely-timescale-block .date-navigation {
      padding: 0 10px 0 5px; }
    .usage-dashboard #bidgely-timescale-block .bidgely-timelabel {
      padding: 7px 0px; }
    .usage-dashboard #bidgely-timescale-block .bidgely-timeframe-menu.text-left, .usage-dashboard #bidgely-timescale-block .bidgely-timeframe-menu.text-right {
      padding: 0px 0px;
      font-size: 22px; }
    .usage-dashboard #bidgely-timescale-block .datepicker-outer {
      border-left: 1px solid #ffffff;
      font-size: 22px; }
  .usage-dashboard .kw-switch {
    cursor: pointer;
    float: right;
    position: static;
    top: 80px;
    right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    height: 28px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: transparent; }
    .usage-dashboard .kw-switch.invisible {
      visibility: hidden; }
    .usage-dashboard .kw-switch .kwh-switch-label {
      margin-top: 8px;
      margin-right: 0px;
      margin-bottom: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      color: #969696;
      font-size: 20px;
      line-height: 10px; }
    .usage-dashboard .kw-switch .kw-switch-recess {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 48px;
      height: 28px;
      margin-top: 0px;
      margin-right: 10px;
      margin-left: 10px;
      border-radius: 14px;
      background-color: #ccc;
      position: relative; }
      .usage-dashboard .kw-switch .kw-switch-recess .kw-switch-toggle {
        position: absolute;
        right: 20px;
        width: 26px;
        height: 26px;
        margin-top: 1px;
        margin-right: 1px;
        margin-left: 1px;
        border-radius: 13px;
        background-color: #008dc9;
        -moz-transition: .25s ease-in-out;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out; }
      .usage-dashboard .kw-switch .kw-switch-recess.cost .kw-switch-toggle {
        right: 0px; }
    .usage-dashboard .kw-switch .kwh-switch-label-selected {
      margin-top: 8px;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      color: #323232;
      font-size: 20px;
      line-height: 10px; }
  .usage-dashboard .bidgely-insights {
    padding: 0; }
  .usage-dashboard .bidgely-insights-widget {
    width: 100%;
    background-color: #e6e6e6;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px; }
    .usage-dashboard .bidgely-insights-widget .content {
      width: 49.8%;
      margin: 0 auto;
      border: none;
      padding: 0; }
      .usage-dashboard .bidgely-insights-widget .content .title {
        font-size: 20px;
        font-weight: 300; }
        .usage-dashboard .bidgely-insights-widget .content .title .sub-title {
          text-align: center;
          color: #008DC9;
          font-size: 16px;
          padding: 5px 0 15px 0; }
    .usage-dashboard .bidgely-insights-widget.comparison .sub-title {
      margin: 0 40px 20px 40px;
      border-bottom: 1px solid #b8b8b8; }
    .usage-dashboard .bidgely-insights-widget.comparison .legend-container {
      padding-bottom: 20px; }
    .usage-dashboard .bidgely-insights-widget.energy-saving-tips, .usage-dashboard .bidgely-insights-widget.appliancesCost {
      width: 48.6%;
      height: 330px; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .content, .usage-dashboard .bidgely-insights-widget.appliancesCost .content {
        width: 100%; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .content .view-all-button, .usage-dashboard .bidgely-insights-widget.appliancesCost .content .view-all-button {
          display: flex;
          justify-content: center; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .content .view-all-button .btn-secondary, .usage-dashboard .bidgely-insights-widget.appliancesCost .content .view-all-button .btn-secondary {
            font-size: 16px;
            font-weight: 200;
            letter-spacing: 2px;
            padding: 10px 30px;
            text-transform: uppercase;
            width: 300px;
            text-align: center; }
    .usage-dashboard .bidgely-insights-widget.appliancesCost {
      margin-right: 2.8%; }
      .usage-dashboard .bidgely-insights-widget.appliancesCost .title {
        border: none;
        padding: 0; }
      .usage-dashboard .bidgely-insights-widget.appliancesCost #disagMessageData {
        height: 100px;
        display: table;
        text-align: center;
        width: 100%; }
        .usage-dashboard .bidgely-insights-widget.appliancesCost #disagMessageData span {
          vertical-align: middle;
          display: table-cell;
          text-align: center; }
      .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group {
        display: flex;
        margin: 40px 0 25px 0;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        background-color: transparent;
        text-align: left; }
        .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group .top-appliance {
          display: inline-block;
          max-width: 100px;
          min-height: 150px;
          margin: 0 10px; }
          .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group .top-appliance .appliance-icon-cost {
            width: 100px;
            height: 100px;
            padding-top: 15px;
            border-radius: 10px;
            background-color: #008dc9; }
            .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group .top-appliance .appliance-icon-cost .appliance-icon {
              margin: 0px 25px 10px;
              font-size: 50px;
              color: #ffffff; }
            .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group .top-appliance .appliance-icon-cost .cost {
              color: #ffffff;
              font-size: 16px;
              font-weight: 200;
              text-align: center; }
          .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group .top-appliance .appliance-label {
            margin-top: 10px;
            color: #008dc9;
            font-size: 16px;
            line-height: 19px;
            font-weight: 300;
            text-align: center; }
      .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .view-all-button {
        display: flex;
        justify-content: center;
        padding-bottom: 10px; }
        .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .view-all-button .btn-secondary {
          font-size: 16px;
          font-weight: 200;
          letter-spacing: 2px;
          padding: 10px 30px;
          text-transform: uppercase; }
    .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison {
      display: flex;
      justify-content: center; }
      .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block {
        border-bottom: 1px solid #b8b8b8;
        border-top: 1px solid #b8b8b8;
        padding: 0 45px 0 60px; }
        .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row {
          width: 100%;
          position: relative;
          height: auto;
          padding: 20px 0 0 0;
          overflow: visible; }
          .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row .icon-wrap {
            float: left;
            position: absolute;
            left: -45px; }
            .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row .icon-wrap .bidgely-appliance-icon {
              text-align: center;
              width: 10%;
              float: left;
              font-size: 30px;
              color: #bebebe;
              position: relative; }
            .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row .icon-wrap .lt {
              left: -20px; }
            .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row .icon-wrap .md {
              left: -11px;
              bottom: 11px; }
            .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row .icon-wrap .rt {
              left: -2px; }
          .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row .progress {
            background-color: #bebebe;
            border-radius: 5px;
            color: #ffffff;
            height: 30px;
            width: 50%; }
            .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .neighbor-row .progress .legend {
              font-size: 16px;
              line-height: 22px; }
        .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .you-row {
          height: 30px;
          overflow: visible; }
          .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .you-row .icon-wrap {
            position: absolute;
            left: 12px;
            top: 60px; }
            .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .you-row .icon-wrap .bidgely-appliance-icon {
              font-size: 40px;
              color: #bebebe; }
          .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .you-row .progress {
            height: 30px;
            margin-bottom: 20px; }
            .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .you-row .progress .legend {
              font-size: 16px;
              line-height: 22px;
              color: #ffffff; }
          .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .you-row .cost {
            font-size: 20px;
            line-height: 30px;
            position: absolute; }
        .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .efficiency {
          text-align: left;
          padding: 60px 0 0 0;
          position: relative; }
          .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .efficiency .efficiency-bar {
            background: url("../img/efficiency.png") no-repeat;
            background-size: contain;
            height: 50px;
            width: 100%; }
          .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block .efficiency .vertical-pointer {
            position: absolute;
            bottom: 60px;
            height: 40px;
            width: 2px;
            border-right: 2px solid #969696; }
    .usage-dashboard .bidgely-insights-widget.potential-savings .nc-footer {
      text-align: center;
      padding-top: 20px;
      font-size: 16px;
      font-weight: 300; }
    .usage-dashboard .bidgely-insights-widget.energy-rate .tou-blocks .tou-graph .graph {
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc; }
      .usage-dashboard .bidgely-insights-widget.energy-rate .tou-blocks .tou-graph .graph .ticks > div {
        background-color: #ccc; }
      .usage-dashboard .bidgely-insights-widget.energy-rate .tou-blocks .tou-graph .graph .tous-list .connector {
        width: 1px;
        background-color: #ccc; }
    .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips {
      position: relative;
      height: 330px; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .saving-tips-group {
        padding: 20px 0;
        display: flex;
        justify-content: center; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box {
        width: 168px;
        height: 168px;
        border-radius: 5px;
        background-color: #008DC9;
        color: #ffffff;
        float: left;
        margin: 4px;
        font-weight: 200; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .title-short {
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 160px;
          margin-bottom: 10px;
          padding: 15px 15px 0px; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .image {
          max-width: 100%;
          padding: 0 10px; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .peopel-did-this {
          font-size: 12px; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-description {
          color: #ffffff;
          display: none;
          font-size: 12px;
          line-height: 16px;
          padding: 0 15px;
          opacity: 0;
          height: 0px;
          transition: opacity 300ms ease 0s, height 300ms ease 0s; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .learn-more-button {
          margin: 10px auto;
          padding: 8px 15px;
          border-radius: 5px;
          background-color: #e6a320;
          display: none;
          width: 145px;
          color: #ffffff;
          font-size: 12px;
          line-height: 14px;
          text-align: center;
          letter-spacing: 1.1px;
          text-transform: uppercase; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .learn-more-button:hover {
            text-decoration: none; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons {
          width: 240px;
          margin-top: 5px;
          height: 0;
          display: none;
          opacity: 0;
          transition: opacity 300ms ease 0s, height 300ms ease 0s, width 300ms ease 0s; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-buttons-container {
            width: 168px;
            height: 38px; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button {
            width: 84px;
            height: 38px;
            border-top: 1px solid #80c6e4;
            font-size: 12px;
            text-align: center;
            float: left;
            line-height: 40px;
            cursor: pointer; }
            .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button.active {
              background-color: #2a6781; }
              .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button.active:hover {
                background-color: #2a6781; }
              .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button.active span.bidgely-icon-tick-sharp {
                display: inline-block; }
            .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button span.bidgely-icon-tick-sharp {
              color: white;
              padding-left: 8px;
              display: none; }
            .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button:hover {
              background-color: rgba(255, 255, 255, 0.2); }
            .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button.tip-button-1 {
              border-radius: 0 0 0 5px; }
            .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box .tip-buttons .tip-button.tip-button-2 {
              border-left: 1px solid #80c6e4;
              border-radius: 0px 0px 5px 0; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box:hover {
          box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.4);
          transform: scale(1.2);
          transition: opacity 200ms ease, transform 200ms ease, -webkit-transform 200ms ease;
          height: 100%;
          position: relative;
          z-index: 1; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box:hover .title-short {
            white-space: normal;
            width: 100%; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box:hover .image {
            padding: 0; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box:hover .tip-description {
            display: block;
            opacity: 1;
            height: auto;
            transition: opacity 300ms ease 0s, height 300ms ease 0s, width 300ms ease 0s; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box:hover .learn-more-button {
            display: block; }
          .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .tip-box:hover .tip-buttons {
            display: block;
            opacity: 1;
            height: 100%;
            width: 100%;
            transition: opacity 300ms ease 0s, height 300ms ease 0s, width 300ms ease 0s; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .view-all-button {
        position: absolute;
        bottom: 72px;
        left: 22%; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .view-all-button .view-all-tips-btn {
          text-align: center;
          font-weight: 200;
          width: 65%;
          letter-spacing: 2px;
          padding: 8px 30px;
          text-transform: uppercase; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .no-tips {
        padding: 20px 0; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .no-tips .no-tip-box {
          width: 168px;
          height: 168px;
          background-color: #008DC9;
          color: #ffffff;
          display: flex;
          margin: 0 auto;
          justify-content: center;
          align-items: center; }

@media (max-width: 970px) {
  .usage-dashboard #bidgely-timescale-menu {
    padding: 10px 30px; }
    .usage-dashboard #bidgely-timescale-menu .time-frame-type, .usage-dashboard #bidgely-timescale-menu .graph-view-type {
      border: none;
      margin-bottom: 10px; }
      .usage-dashboard #bidgely-timescale-menu .time-frame-type a, .usage-dashboard #bidgely-timescale-menu .graph-view-type a {
        width: 33%;
        height: 30px; }
        .usage-dashboard #bidgely-timescale-menu .time-frame-type a.month, .usage-dashboard #bidgely-timescale-menu .graph-view-type a.month {
          margin-left: 33.5%;
          min-width: 0; }
    .usage-dashboard #bidgely-timescale-menu #bidgely-timescale-block {
      border: none;
      margin: 0 0 10px 0; }
    .usage-dashboard #bidgely-timescale-menu .spent-message .monthly-total .total-amount {
      font-size: 60px; }
    .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu {
      bottom: -280px; }
      .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu.text-left {
        left: -60px; }
      .usage-dashboard #bidgely-timescale-menu .graph-arrows .bidgely-timeframe-menu.text-right {
        right: -60px; }
  .usage-dashboard .bidgely-insights-widget {
    border-radius: 0;
    margin-bottom: 10px; }
    .usage-dashboard .bidgely-insights-widget .content {
      width: 100%; }
    .usage-dashboard .bidgely-insights-widget.energy-saving-tips, .usage-dashboard .bidgely-insights-widget.appliancesCost {
      width: 100%;
      height: 350px; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .content, .usage-dashboard .bidgely-insights-widget.appliancesCost .content {
        width: 100%; }
    .usage-dashboard .bidgely-insights-widget.potential-savings .potential-savings-comparison #bidgely-potential-savings-block {
      width: 80%; }
    .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .view-all-button {
      left: 27%; } }

@media (min-width: 970px) and (max-width: 1200px) {
  .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group .top-appliance:last-child {
    display: none; }
  .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .saving-tips-group .tip-box:last-child {
    display: none; }
  .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .view-all-button {
    left: 15%; } }

@media (max-width: 768px) {
  .usage-dashboard #bidgely-timescale-menu .spent-message .info-icon {
    display: none; } }

@media (max-width: 1024px) {
  .usage-dashboard.bidgely-browse.container > .content-row > .row {
    width: 900px; } }

@media (max-width: 410px) {
  .usage-dashboard .bidgely-insights-widget.energy-saving-tips {
    height: auto; }
    .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips {
      position: static;
      height: auto; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .saving-tips-group {
        display: block; }
        .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .saving-tips-group .tip-box {
          float: none;
          margin: 4px auto; }
      .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .view-all-button {
        position: static; }
  .usage-dashboard #bidgely-timescale-menu .spent-message .info-icon {
    top: -72px;
    left: 105px; } }

@media (max-width: 767px) {
  .usage-dashboard .bidgely-insights-widget.appliancesCost {
    height: auto; }
    .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group {
      margin: 50px 20px 25px 20px; }
      .usage-dashboard .bidgely-insights-widget.appliancesCost .top-appliances .top-appliances-group .top-appliance {
        margin: 0 10px 10px; }
  .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .saving-tips-group .tip-box:last-child {
    display: none; }
  .usage-dashboard .bidgely-insights-widget.energy-saving-tips .top-saving-tips .view-all-button {
    bottom: 58px;
    left: 10%; }
  .usage-dashboard .missing-values-legend {
    padding-right: 20px; }
  .usage-dashboard #bidgely-timescale-menu .graph-arrows {
    display: none; }
  .usage-dashboard #bidgely-timescale-menu div.weather-md {
    display: none; }
  .usage-dashboard #bidgely-timescale-menu div.weather-xs {
    display: block; }
    .usage-dashboard #bidgely-timescale-menu div.weather-xs .weather .cloud {
      border-radius: 0 3px 3px 0;
      border-left: 1px solid #ffffff; }
  .usage-dashboard #bidgely-timescale-menu > .row > div.spent-message {
    margin-top: 0; }
    .usage-dashboard #bidgely-timescale-menu > .row > div.spent-message .spent-text {
      margin-bottom: 0; } }

@media print {
  .fa-body-v2 {
    overflow: visible;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    zoom: 48%;
    margin: 0mm !important;
    width: 1700px; } }

.print-page.fa-print-v2 {
  width: 1520px;
  margin: 40px 90px 0 90px;
  padding: 0;
  text-shadow: none !important; }
  .print-page.fa-print-v2 .page-1 {
    margin-right: -30px;
    margin-left: 30px; }
  .print-page.fa-print-v2 .page-1-chunk .image-section-wrapper:first-child, .print-page.fa-print-v2 .page-1-chunk .configured-recos:first-child {
    margin-right: -30px;
    margin-left: 30px; }
  .print-page.fa-print-v2 .fa-header-v2 {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    margin-bottom: 50px;
    width: 1520px; }
    .print-page.fa-print-v2 .fa-header-v2 .utility-address {
      background-color: transparent;
      -webkit-print-color-adjust: exact;
      color-adjust: exact;
      color: #000000;
      font-size: 20px;
      line-height: 25px;
      padding-top: 10px; }
    .print-page.fa-print-v2 .fa-header-v2 .name-mailing-address {
      margin-top: 80px;
      -webkit-print-color-adjust: exact;
      color-adjust: exact;
      background-color: transparent;
      font-weight: 400;
      color: #000000;
      font-size: 28px;
      line-height: 36px; }
    .print-page.fa-print-v2 .fa-header-v2 .title {
      text-align: right;
      color: #010101;
      font-size: 46px;
      font-weight: 500;
      line-height: 76px;
      letter-spacing: -1px;
      padding-bottom: 55px; }
    .print-page.fa-print-v2 .fa-header-v2 .top-info {
      display: flex;
      flex-direction: row;
      height: 138px;
      padding-top: 20px; }
      .print-page.fa-print-v2 .fa-header-v2 .top-info .logo-utility-address {
        width: 890px;
        padding-left: 85px; }
      .print-page.fa-print-v2 .fa-header-v2 .top-info .fa-account-number {
        width: 640px;
        text-align: right;
        padding-top: 10px;
        font-size: 24px;
        line-height: 32px;
        font-weight: 400; }
    .print-page.fa-print-v2 .fa-header-v2 .mailing-and-marketing {
      display: flex;
      flex-direction: row;
      height: 300px; }
      .print-page.fa-print-v2 .fa-header-v2 .mailing-and-marketing .name-mailing-address {
        width: 890px;
        padding-left: 85px; }
      .print-page.fa-print-v2 .fa-header-v2 .mailing-and-marketing .marketing-content-wrapper {
        width: 640px;
        height: 290px; }
        .print-page.fa-print-v2 .fa-header-v2 .mailing-and-marketing .marketing-content-wrapper img {
          width: 640px;
          height: 290px; }
  .print-page.fa-print-v2 .widget-title {
    font-size: 32px;
    line-height: 34px;
    font-weight: 500;
    color: #323232; }
  .print-page.fa-print-v2 .fapr-timegraph {
    height: 615px;
    background-color: #f0f0f0; }
    .print-page.fa-print-v2 .fapr-timegraph.budget-billing {
      height: 715px; }
    .print-page.fa-print-v2 .fapr-timegraph .label-wrapper {
      text-align: center;
      font-size: 22px;
      line-height: 24px;
      font-weight: 500; }
      .print-page.fa-print-v2 .fapr-timegraph .label-wrapper .month-label {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        padding: 10px 0 30px 0;
        color: #969696;
        letter-spacing: 1px; }
      .print-page.fa-print-v2 .fapr-timegraph .label-wrapper .x-axis-label {
        height: 50px;
        vertical-align: middle;
        line-height: 50px;
        -webkit-print-color-adjust: exact;
        color-adjust: exact; }
        .print-page.fa-print-v2 .fapr-timegraph .label-wrapper .x-axis-label.top {
          color: #646464; }
        .print-page.fa-print-v2 .fapr-timegraph .label-wrapper .x-axis-label.bottom {
          color: #ffffff; }
    .print-page.fa-print-v2 .fapr-timegraph .highcharts-grid-line:last-child {
      stroke: #f0f0f0; }
  .print-page.fa-print-v2 .new-page-wrapper {
    page-break-before: always;
    margin-top: 70px; }
  .print-page.fa-print-v2 .info-block-2 .appliance-details {
    display: block; }
  .print-page.fa-print-v2 .info-block-2.nh-container {
    height: 550px;
    width: 1520px;
    padding: 40px;
    margin-bottom: 50px; }
    .print-page.fa-print-v2 .info-block-2.nh-container .note {
      font-size: 24px;
      line-height: 32px;
      font-weight: 400;
      padding-left: 5px; }
      .print-page.fa-print-v2 .info-block-2.nh-container .note.info {
        color: #797979;
        font-weight: 500; }
        .print-page.fa-print-v2 .info-block-2.nh-container .note.info a {
          color: #0AA5DC; }
          .print-page.fa-print-v2 .info-block-2.nh-container .note.info a:hover :visited :active {
            color: #0AA5DC; }
    .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nc-section {
      margin: 0;
      display: block; }
    .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nc {
      display: block;
      float: left;
      width: 800px; }
      .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nc .nc-widget {
        display: block;
        padding-left: 5px; }
    .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .nc-footer {
      font-weight: 500;
      padding: 0 90px 0 0;
      text-align: left; }
    .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .nc-title {
      font-size: 32px;
      font-weight: 500;
      line-height: 34px;
      padding-bottom: 35px; }
    .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper {
      font-size: 30px;
      line-height: 50px;
      padding: 0;
      border: 0;
      width: 530px; }
      .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .hide-icons {
        display: none; }
      .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .neighbors {
        padding-top: 0; }
        .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .neighbors .progress {
          background-color: #BFBFBF;
          height: 50px;
          padding: 0 15px; }
          .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .neighbors .progress span {
            line-height: 55px;
            font-size: 30px; }
          .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .neighbors .progress .similar-cost span {
            color: #969696;
            clear: both;
            height: 50px;
            position: absolute;
            right: 40px;
            width: 170px; }
            .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .neighbors .progress .similar-cost span + span {
              padding-left: 20px; }
      .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .you .progress {
        background-color: #ff0017;
        height: 50px;
        min-width: 100px; }
        .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .you .progress span {
          line-height: 55px;
          font-size: 36px; }
        .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .you .progress .vertical-pointer {
          top: 58px;
          height: 30px; }
      .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .cost {
        font-weight: 500;
        font-size: 25px;
        padding: 0 0 0 15px;
        right: -185px;
        width: 188px; }
    .print-page.fa-print-v2 .info-block-2.nh-container .marketing-content {
      float: left;
      height: 360px;
      margin: 0 0 40px 0;
      width: 640px; }
      .print-page.fa-print-v2 .info-block-2.nh-container .marketing-content img {
        height: 360px;
        width: 640px; }
  .print-page.fa-print-v2 .image-section {
    background-color: #f0f0f0;
    padding: 40px;
    width: 1520px;
    font-weight: 500; }
    .print-page.fa-print-v2 .image-section .heading {
      font-size: 32px;
      line-height: 34px;
      padding-bottom: 25px; }
    .print-page.fa-print-v2 .image-section .images-container .image-tile {
      width: 50%;
      padding: 30px;
      float: left;
      text-align: center; }
      .print-page.fa-print-v2 .image-section .images-container .image-tile .description {
        font-size: 20px;
        text-align: left;
        margin-top: 20px;
        line-height: 26px;
        word-wrap: break-word; }
      .print-page.fa-print-v2 .image-section .images-container .image-tile .image-preview {
        background-color: #e6e6e6;
        height: 480px;
        width: 640px;
        overflow: hidden; }
        .print-page.fa-print-v2 .image-section .images-container .image-tile .image-preview img {
          height: 480px;
          width: auto; }
  .print-page.fa-print-v2 .info-blocks .breakdown {
    background-color: #f0f0f0;
    margin-top: 50px;
    padding: 40px;
    width: 1520px; }
    .print-page.fa-print-v2 .info-blocks .breakdown .desc {
      font-size: 32px;
      line-height: 34px;
      font-weight: 500;
      padding: 0;
      margin-bottom: 40px; }
    .print-page.fa-print-v2 .info-blocks .breakdown .breakdown-appliances {
      margin-left: 10px; }
      .print-page.fa-print-v2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance {
        height: 220px;
        margin-right: 20px;
        width: 160px; }
        .print-page.fa-print-v2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance:nth-child(8n) {
          margin-right: 0; }
        .print-page.fa-print-v2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .appliance-label {
          font-size: 20px;
          line-height: 22px;
          font-weight: 400;
          word-wrap: break-word; }
        .print-page.fa-print-v2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost {
          background-color: #ffffff;
          padding-top: 30px;
          width: 160px;
          height: 160px; }
          .print-page.fa-print-v2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .appliance-cost {
            color: #008DC9 !important;
            padding-top: 5px;
            font-size: 24px;
            font-weight: 500;
            line-height: 22px; }
          .print-page.fa-print-v2 .info-blocks .breakdown .breakdown-appliances .breakdown-appliance .breakdown-appliance-icon-cost .breakdown-appliance-icon {
            margin: 0;
            text-align: center;
            color: #008DC9 !important;
            font-size: 90px; }
  .print-page.fa-print-v2 .configured-recos {
    padding-top: 50px; }
    .print-page.fa-print-v2 .configured-recos.new-page-wrapper {
      padding-top: 0; }
  .print-page.fa-print-v2 .reco-container {
    display: block;
    width: 1520px;
    margin-top: 0;
    background-color: #f0f0f0;
    padding: 40px 40px 0; }
    .print-page.fa-print-v2 .reco-container:nth-child(n+2) {
      padding-top: 0; }
    .print-page.fa-print-v2 .reco-container .reco {
      margin-top: 20px;
      page-break-inside: avoid;
      padding: 0 40px 40px; }
    .print-page.fa-print-v2 .reco-container .reco-title {
      font-size: 32px;
      line-height: 34px;
      margin-bottom: 40px;
      font-weight: 500; }
    .print-page.fa-print-v2 .reco-container .tip-column-1 {
      width: 420px;
      margin-right: 40px;
      float: left; }
      .print-page.fa-print-v2 .reco-container .tip-column-1:nth-child(3n) {
        margin-right: 0; }
      .print-page.fa-print-v2 .reco-container .tip-column-1 .tip-item {
        width: 100%;
        background-color: transparent;
        margin: 0; }
        .print-page.fa-print-v2 .reco-container .tip-column-1 .tip-item .tip-title, .print-page.fa-print-v2 .reco-container .tip-column-1 .tip-item .tip-text {
          background-color: #ffffff;
          color: #323232 !important;
          line-height: 30px;
          word-wrap: break-word;
          font-weight: 500;
          overflow: hidden;
          padding: 20px; }
        .print-page.fa-print-v2 .reco-container .tip-column-1 .tip-item .tip-title {
          font-size: 25px;
          height: 78px;
          line-height: 32px;
          padding-top: 10px;
          border-radius: 0; }
        .print-page.fa-print-v2 .reco-container .tip-column-1 .tip-item .tip-text {
          font-size: 20px;
          line-height: 26px; }
        .print-page.fa-print-v2 .reco-container .tip-column-1 .tip-item .tip-image {
          height: 280px;
          text-align: center;
          background-color: #0AA5DC; }
          .print-page.fa-print-v2 .reco-container .tip-column-1 .tip-item .tip-image img {
            min-height: 250px; }

.es-us .fa-body-v2 .print-page.fa-print-v2 .info-block-2.nh-container .appliance-details-tips-nc .nhc-widget .nc .comparison-wrapper .you .progress {
  min-width: 144px; }

#usage-alert-enrollment {
  width: 850px;
  font-size: 14px;
  margin: 0 auto;
  text-align: center; }
  #usage-alert-enrollment.eher {
    width: 842px; }
  #usage-alert-enrollment .row {
    margin: 0px; }
  #usage-alert-enrollment .header {
    width: 100%; }
    #usage-alert-enrollment .header .rmp-logo {
      background: transparent url("../img/utility/logo-rmp.svg") no-repeat 0 0;
      background-size: contain;
      padding-top: 47.7px;
      float: none;
      width: 220px;
      margin-left: 70px; }
    #usage-alert-enrollment .header .pp-logo {
      background: transparent url("../img/utility/PP-Logo-Email.png") no-repeat 0 0;
      background-size: contain;
      padding-top: 47.7px;
      float: none;
      width: 230px; }
    #usage-alert-enrollment .header .mce-logo {
      background: transparent url("../img/mce-logo.png") no-repeat 0 0;
      background-size: contain;
      padding-top: 47.7px;
      float: none;
      width: 230px; }
    #usage-alert-enrollment .header .dominion-logo {
      background: transparent url("../img/utility/domoinion-logo.png") no-repeat 0 0;
      background-size: contain;
      padding-top: 47.7px;
      float: none;
      width: 230px; }
    #usage-alert-enrollment .header .cva-logo {
      background: transparent url("../img/utility/cva_logo.png") no-repeat 0 0;
      background-size: contain;
      padding-top: 47.7px;
      float: none;
      width: 230px; }
    #usage-alert-enrollment .header .logo-wrapper {
      margin: 0 auto; }
  #usage-alert-enrollment .header-desc {
    height: 60px; }
    #usage-alert-enrollment .header-desc.eher {
      height: 30px;
      text-align: center;
      margin: 30px 0;
      font-size: 16px;
      line-height: 20px; }
  #usage-alert-enrollment form {
    margin: 0 auto; }
    #usage-alert-enrollment form .bidgely-form-group {
      text-align: left; }
      #usage-alert-enrollment form .bidgely-form-group.has-error {
        text-align: center;
        padding: 0px 6px; }
    #usage-alert-enrollment form .btn-enroll {
      width: 170px;
      color: #fff;
      background-color: #196FB6;
      border-color: #196FB6;
      height: 40px;
      border-radius: 5px; }
    #usage-alert-enrollment form .g-recaptcha {
      padding: 15px 0px 25px; }
    #usage-alert-enrollment form .div-enroll-fields {
      width: 300px;
      margin: 0 auto; }
  #usage-alert-enrollment .footer {
    padding-top: 15px; }
  #usage-alert-enrollment .signup-image {
    background: url("../img/eHER-Graphic.png") no-repeat 0 0;
    width: 345px;
    margin-top: 30px;
    margin-bottom: 20px;
    height: 140px;
    background: url("../img/eHER-Graphic.png") no-repeat 0 0;
    background-size: contain;
    display: inline-block; }
    #usage-alert-enrollment .signup-image.isgoDigitalnrollmentv2:nth-of-type(1) {
      background: url("../img/Laptop.png") no-repeat center center;
      width: 300px;
      height: 180px;
      margin-right: 100px;
      background-size: contain; }
    #usage-alert-enrollment .signup-image.isgoDigitalnrollmentv2:nth-of-type(2) {
      background: url("../img/Mobile.png") no-repeat center center;
      width: 100px;
      height: 180px;
      background-size: contain; }
  #usage-alert-enrollment .eher {
    text-align: center;
    height: 130px;
    width: 100%; }
    #usage-alert-enrollment .eher .bidgely-form-lable {
      font-weight: normal; }
    #usage-alert-enrollment .eher .eher-email {
      max-width: 460px;
      width: calc(100% - 30px);
      margin: 0 auto;
      text-align: left;
      font-weight: normal; }
      #usage-alert-enrollment .eher .eher-email label {
        max-width: calc(100% - 25px);
        margin-left: 5px;
        vertical-align: middle;
        font-size: 16px;
        line-height: 30px;
        font-weight: normal; }
    #usage-alert-enrollment .eher .guideline {
      margin-top: 40px;
      text-align: center;
      margin-bottom: 15px;
      padding: 20px;
      font-size: 16px;
      line-height: 30px;
      font-weight: normal; }
    #usage-alert-enrollment .eher .btn {
      width: 200px;
      margin-top: 20px; }
    #usage-alert-enrollment .eher .form-control {
      height: 40px;
      padding: 7px 12px; }
  #usage-alert-enrollment .signup-wrapper {
    clear: both;
    background-color: #EBEBEB;
    padding-bottom: 25px;
    border: 1px solid #D7DFE3; }
  #usage-alert-enrollment .error {
    color: #ff0000;
    border-color: #ff0000;
    font-size: 14px; }
  #usage-alert-enrollment .thanks-section {
    width: 380px;
    margin: 0 auto; }
    #usage-alert-enrollment .thanks-section .header {
      padding: 15px;
      font-size: 20px; }
    #usage-alert-enrollment .thanks-section .desc {
      letter-spacing: 0.5px;
      padding: 20px; }
  #usage-alert-enrollment .expired-section {
    padding: 0px 150px; }

@media (max-width: 767px) {
  #usage-alert-enrollment {
    width: 300px; }
    #usage-alert-enrollment .header-desc {
      height: 80px; }
    #usage-alert-enrollment.eher {
      width: 360px; }
      #usage-alert-enrollment.eher .guideline {
        padding: 0px 60px;
        margin-top: 55px; }
      #usage-alert-enrollment.eher .signup-image:nth-of-type(2) {
        margin-top: 0; }
    #usage-alert-enrollment .expired-section {
      padding: 10px 0px; } }

.gasPopupModal .modal-header, .gasPopupModal .modal-footer {
  text-align: center;
  border: none; }

.gasPopupModal .modal-footer {
  padding: 15px 15px 25px 15px; }

.gasPopupModal .modal-header h4 {
  font-size: 24px;
  color: #323232;
  font-weight: 300;
  line-height: 38px;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }

.gasPopupModal .modal-body {
  padding: 0 15px; }
  .gasPopupModal .modal-body p {
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    color: #323232;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }

.gasPopupModal .btn {
  font-size: 18px;
  font-weight: 300;
  height: 40px;
  width: 260px;
  background-color: #008DC9;
  border: none;
  box-shadow: none;
  padding: 0; }

.gasPopupModal .btn:not(.btn-sm):not(.btn-lg) {
  padding: 0; }

.gasPopup {
  top: 100px; }
  .gasPopup .modal-md {
    max-width: 450px; }

@media print {
  .her-v3 {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    margin: 0mm !important;
    zoom: 45%; }
  .A3 {
    width: 4960px; }
  .A4 {
    width: 2480px; }
  .page-break {
    page-break-after: always; }
  * {
    box-sizing: border-box; } }

.her-v3 span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle; }

.her-v3 .pt-13-bold {
  font-size: 54px; }

.her-v3 .pt-14-bold {
  font-size: 58px; }

.her-v3 .pt-15-bold {
  font-size: 63px; }

.her-v3 .pt-16-bold {
  font-size: 66px; }

.her-v3 .her-container {
  font-family: 'meiryo'; }
  .her-v3 .her-container .faq-section {
    font-size: 50px;
    width: 2329px; }
    .her-v3 .her-container .faq-section .faq-header {
      background-color: #FEF6F6;
      border-top-right-radius: 20px;
      height: 140px;
      line-height: 145px; }
      .her-v3 .her-container .faq-section .faq-header .title {
        background: #DF1830;
        border-top-left-radius: 20px;
        color: #ffffff;
        float: left;
        font-size: 71px;
        font-family: 'meiryo-bold';
        height: 100%;
        padding: 0 45px; }
      .her-v3 .her-container .faq-section .faq-header .sub-title {
        float: left;
        height: 100%;
        padding-left: 20px; }
    .her-v3 .her-container .faq-section .faq {
      margin: 60px 0 0 92px; }
      .her-v3 .her-container .faq-section .faq.disagg-faq .disagg {
        border: 4px solid #F3F4F4;
        margin: 30px 0 0 165px; }
      .her-v3 .her-container .faq-section .faq.disagg-faq .disagg-category {
        display: flex;
        font-size: 44px;
        padding: 15px 10px; }
        .her-v3 .her-container .faq-section .faq.disagg-faq .disagg-category:nth-of-type(odd) {
          background-color: #F3F4F4; }
        .her-v3 .her-container .faq-section .faq.disagg-faq .disagg-category span {
          line-height: 60px; }
        .her-v3 .her-container .faq-section .faq.disagg-faq .disagg-category .cat-name {
          font-family: 'meiryo-bold';
          font-size: 46px;
          margin-right: 30px;
          min-width: 13%;
          word-break: keep-all; }
        .her-v3 .her-container .faq-section .faq.disagg-faq .disagg-category .desc {
          font-size: 44px;
          line-height: 54px; }
      .her-v3 .her-container .faq-section .faq .faq-question {
        color: #DF1830;
        display: flex;
        font-family: 'meiryo-bold';
        min-height: 112px; }
        .her-v3 .her-container .faq-section .faq .faq-question span {
          height: 100%; }
        .her-v3 .her-container .faq-section .faq .faq-question .q-symbol {
          background: url("../img/tepco/Q-sq.png") no-repeat;
          height: 112px;
          width: 6%; }
        .her-v3 .her-container .faq-section .faq .faq-question .que {
          font-size: 63px;
          line-height: 65px;
          padding: 15px 5px 0 30px;
          width: 94%; }
      .her-v3 .her-container .faq-section .faq .faq-answer {
        margin-top: 15px;
        padding-left: 265px;
        position: relative; }
        .her-v3 .her-container .faq-section .faq .faq-answer .a-symbol {
          background: url("../img/tepco/A.png") no-repeat;
          height: 60px;
          left: 165px;
          position: absolute;
          top: 4px;
          width: 80px; }
        .her-v3 .her-container .faq-section .faq .faq-answer span:nth-child(2) {
          line-height: 67px; }
        .her-v3 .her-container .faq-section .faq .faq-answer.QR-que span:nth-child(2) {
          width: 88%; }
        .her-v3 .her-container .faq-section .faq .faq-answer .link-path {
          margin-top: 15px; }
  .her-v3 .her-container .section-heading {
    background-color: #DF1830;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: #ffffff;
    font-family: 'meiryo-bold';
    text-align: center; }
    .her-v3 .her-container .section-heading .billing-cycle {
      font-size: 52px;
      padding-left: 30px;
      bottom: -5px; }
  .her-v3 .her-container .header {
    height: 800px;
    margin-bottom: 42px; }
    .her-v3 .her-container .header .section-heading {
      font-size: 58px; }
    .her-v3 .her-container .header .user-info .block {
      font-size: 45px;
      height: 85px;
      margin-top: 10px; }
      .her-v3 .her-container .header .user-info .block .static-label {
        background-color: #AEADAE;
        color: #ffffff;
        float: left;
        margin-right: 10px;
        height: 100%;
        line-height: 85px;
        text-align: center;
        padding: 0 5px;
        width: 490px; }
      .her-v3 .her-container .header .user-info .block .block-content {
        background-color: #F3F3F3;
        float: left;
        height: 100%;
        line-height: 85px;
        padding: 0 10px;
        width: 1834px; }
      .her-v3 .her-container .header .user-info .block.address-block {
        height: 165px; }
        .her-v3 .her-container .header .user-info .block.address-block .static-label {
          line-height: 165px;
          height: 100%; }
        .her-v3 .her-container .header .user-info .block.address-block .block-content {
          height: 100%;
          line-height: 165px;
          overflow: hidden; }
          .her-v3 .her-container .header .user-info .block.address-block .block-content span {
            word-break: keep-all; }
      .her-v3 .her-container .header .user-info .block .left-block {
        float: left;
        width: 1094px; }
        .her-v3 .her-container .header .user-info .block .left-block .block-content {
          margin-right: 10px;
          width: 584px; }
      .her-v3 .her-container .header .user-info .block .right-block {
        float: right;
        width: 1240px; }
        .her-v3 .her-container .header .user-info .block .right-block .block-content {
          width: 740px; }
  .her-v3 .her-container .main-section {
    border-radius: 25px; }
    .her-v3 .her-container .main-section .monthly-summary {
      background-color: #F3F3F3;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px; }
      .her-v3 .her-container .main-section .monthly-summary .usage-info {
        font-size: 54px;
        list-style: none;
        margin-bottom: 15px;
        padding: 25px 130px 0px 160px; }
        .her-v3 .her-container .main-section .monthly-summary .usage-info li span {
          font-family: 'meiryo-bold';
          line-height: 90px; }
        .her-v3 .her-container .main-section .monthly-summary .usage-info li::before {
          color: #000000;
          content: "√";
          font-size: 44px;
          height: 42px;
          margin-right: 15px; }
        .her-v3 .her-container .main-section .monthly-summary .usage-info li .limit {
          color: #DF1830;
          font-size: 66px; }
      .her-v3 .her-container .main-section .monthly-summary .ms-chart-container {
        background-color: #ffffff;
        height: 790px;
        margin: 0 41px; }
        .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .heading {
          background-color: #949699;
          color: #ffffff;
          font-size: 50px;
          font-family: 'meiryo-bold';
          line-height: 85px;
          text-align: center;
          height: 85px; }
          .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .heading span {
            vertical-align: middle;
            line-height: normal;
            display: inline-block;
            margin-top: 8px; }
        .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .graph-note {
          font-size: 37.5px;
          height: 80px;
          line-height: 45px;
          padding-top: 30px;
          text-align: center; }
        .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-title {
          left: 375px !important;
          top: 50px !important; }
        .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item {
          line-height: 30px; }
          .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper {
            height: 42px;
            line-height: 50px;
            width: 250px; }
            .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper.on-peak, .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper.off-peak {
              width: 750px; }
            .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper .symbol {
              width: 42px;
              height: 42px;
              margin-right: 15px;
              float: left; }
              .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper .symbol.heating {
                background-color: #DF1830; }
              .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper .symbol.cooling {
                background-color: #1980C4; }
              .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper .symbol.remaining {
                background-color: #C0BFBF; }
              .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper .symbol.on-peak {
                background-color: #EB6784; }
              .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper .symbol.off-peak {
                background-color: #53449E; }
              .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item .legend-wrapper .symbol.simple-usage {
                background-color: #DF1830; }
          .her-v3 .her-container .main-section .monthly-summary .ms-chart-container .highcharts-container .highcharts-legend .highcharts-legend-item span {
            white-space: normal !important; }
      .her-v3 .her-container .main-section .monthly-summary .foot-note {
        display: flex;
        height: 150px;
        font-size: 37.5px;
        line-height: 45px;
        padding: 20px 120px 40px 130px; }
        .her-v3 .her-container .main-section .monthly-summary .foot-note div.asterisk {
          height: 100%;
          margin-right: 10px;
          width: 20px; }
  .her-v3 .her-container .loyalty-point-section {
    height: 365px;
    margin: 40px 6px 25px 0; }
    .her-v3 .her-container .loyalty-point-section .point-content {
      border: 8px solid #E5345A;
      border-radius: 12px;
      font-size: 54px;
      height: 224px;
      text-align: center; }
      .her-v3 .her-container .loyalty-point-section .point-content .left-col {
        background-color: #E5345A;
        color: #ffffff;
        float: left;
        font-family: 'meiryo-bold';
        height: 100%;
        line-height: 75px;
        padding-top: 25px;
        width: 800px; }
      .her-v3 .her-container .loyalty-point-section .point-content .right-col {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        float: right;
        line-height: 90px;
        padding: 20px 25px 10px 25px;
        width: 1512px; }
        .her-v3 .her-container .loyalty-point-section .point-content .right-col span {
          margin-top: 45px; }
        .her-v3 .her-container .loyalty-point-section .point-content .right-col strong {
          font-family: 'meiryo-bold';
          font-size: 75px; }
    .her-v3 .her-container .loyalty-point-section .footer-section {
      font-size: 44px;
      margin-left: 222px;
      padding-top: 39px; }
      .her-v3 .her-container .loyalty-point-section .footer-section .note {
        line-height: 50px; }
  .her-v3 .her-container .hybrid-section {
    height: 705px;
    margin: 0 40px 45px; }
    .her-v3 .her-container .hybrid-section .reco-wrapper {
      width: 1118px;
      height: 100%; }
      .her-v3 .her-container .hybrid-section .reco-wrapper .top-section {
        background-color: #C1C0C0;
        font-size: 50px;
        height: 160px;
        line-height: 160px;
        text-align: center;
        width: 1118px; }
      .her-v3 .her-container .hybrid-section .reco-wrapper .middle-section {
        background-color: #C1C0C0;
        height: 535px;
        margin-top: 10px;
        padding: 10px;
        width: 1118px; }
        .her-v3 .her-container .hybrid-section .reco-wrapper .middle-section .reco-title {
          background-color: #ffffff;
          font-family: 'meiryo-bold';
          font-size: 54px;
          height: 105px;
          line-height: 117px;
          padding-left: 10px; }
        .her-v3 .her-container .hybrid-section .reco-wrapper .middle-section .reco-content {
          height: 421px;
          padding: 10px 0; }
          .her-v3 .her-container .hybrid-section .reco-wrapper .middle-section .reco-content .reco-desc {
            background-color: #ffffff;
            float: left;
            font-size: 44px;
            height: 100%;
            line-height: 60px;
            overflow: hidden;
            padding: 10px 15px;
            width: 730px; }
          .her-v3 .her-container .hybrid-section .reco-wrapper .middle-section .reco-content .reco-icon {
            align-items: center;
            display: flex;
            float: right;
            height: 100%;
            width: 365px; }
    .her-v3 .her-container .hybrid-section .right-tip-block {
      background-color: #E7E7E6;
      float: right;
      height: 100%;
      padding: 15px;
      width: 1118px; }
      .her-v3 .her-container .hybrid-section .right-tip-block .title {
        font-size: 54px;
        text-align: center;
        font-family: 'meiryo-bold'; }
      .her-v3 .her-container .hybrid-section .right-tip-block .block {
        font-size: 48px;
        height: 600px;
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        overflow: hidden; }
        .her-v3 .her-container .hybrid-section .right-tip-block .block li {
          line-height: 60px;
          margin-top: 50px;
          position: relative;
          padding-left: 60px; }
          .her-v3 .her-container .hybrid-section .right-tip-block .block li::before {
            content: "√";
            font-size: 44px;
            height: 100%;
            margin-right: 15px;
            left: 10px;
            position: absolute; }
    .her-v3 .her-container .hybrid-section .left-tip-block {
      float: left; }
      .her-v3 .her-container .hybrid-section .left-tip-block .top-section {
        color: #ffffff;
        font-family: 'meiryo-bold';
        font-size: 63px; }
      .her-v3 .her-container .hybrid-section .left-tip-block .reco {
        float: left; }
    .her-v3 .her-container .hybrid-section .category-wrapper {
      width: 1118px;
      float: left; }
      .her-v3 .her-container .hybrid-section .category-wrapper .headings {
        background-color: #D5D4D4;
        font-size: 50px;
        height: 190px;
        line-height: normal;
        padding: 30px 10px;
        text-align: center; }
        .her-v3 .her-container .hybrid-section .category-wrapper .headings .sub-title {
          font-size: 59px;
          line-height: 63px;
          font-family: 'meiryo-bold'; }
      .her-v3 .her-container .hybrid-section .category-wrapper .appliance-list {
        background-color: #F3F3F3;
        font-size: 50px;
        margin-top: 15px;
        font-family: 'meiryo-bold'; }
        .her-v3 .her-container .hybrid-section .category-wrapper .appliance-list .usage {
          font-family: 'meiryo';
          font-size: 58px; }
        .her-v3 .her-container .hybrid-section .category-wrapper .appliance-list .appliance {
          align-items: center;
          background-color: #ffffff;
          display: flex;
          justify-content: space-between;
          height: 92px;
          margin-top: 10px;
          padding: 5px 85px 0px 75px; }
          .her-v3 .her-container .hybrid-section .category-wrapper .appliance-list .appliance span {
            line-height: 90px; }
          .her-v3 .her-container .hybrid-section .category-wrapper .appliance-list .appliance .currency-symbol {
            font-size: 41px; }
  .her-v3 .her-container .page-right .rate-plan-section {
    padding-top: 60px; }
    .her-v3 .her-container .page-right .rate-plan-section .headings {
      font-size: 54px;
      margin-bottom: 55px;
      height: 362px;
      padding-left: 75px; }
      .her-v3 .her-container .page-right .rate-plan-section .headings .name {
        line-height: 60px;
        padding-bottom: 40px; }
      .her-v3 .her-container .page-right .rate-plan-section .headings .title {
        color: #DF1830;
        font-size: 79px;
        font-family: 'meiryo-bold';
        line-height: 90px; }
      .her-v3 .her-container .page-right .rate-plan-section .headings .sub-title {
        line-height: 67px;
        padding-top: 40px; }
    .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section {
      min-height: 835px;
      margin: 67px 0 50px 75px;
      position: relative; }
      .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .tips-legend {
        border-radius: 30px;
        border: 8px solid #DF1830;
        font-size: 63px;
        height: 113px;
        text-align: center;
        width: 571px; }
        .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .tips-legend .title {
          color: #DF1830;
          font-family: 'meiryo-bold';
          line-height: 105px; }
      .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .tips-list-container .tips-list {
        font-size: 50px;
        list-style: none;
        margin: 40px auto 10px 20px;
        padding: 0;
        width: 78%; }
        .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .tips-list-container .tips-list li {
          background: url("../img/tepco/red-check.png") no-repeat;
          background-position: 0px 5px;
          background-size: 54px 54px;
          line-height: 70px;
          padding-left: 76px;
          margin-top: 40px; }
          .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .tips-list-container .tips-list li .sub-text {
            font-size: 46px; }
          .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .tips-list-container .tips-list li:first-child {
            margin-top: 38px; }
      .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .bubble-container .bubble {
        background: url("../img/tepco/tepcon-bubble.png") no-repeat;
        height: 390px;
        position: absolute;
        right: 5px;
        top: 0px;
        width: 440px; }
        .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .bubble-container .bubble .text, .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .bubble-container .bubble .text-less {
          font-family: 'meiryo-bold';
          font-size: 50px;
          padding: 30px 17px 20px;
          line-height: 55px;
          text-align: center; }
          .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .bubble-container .bubble .text .limit, .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .bubble-container .bubble .text-less .limit {
            color: #DF1830; }
        .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .bubble-container .bubble .text-less {
          font-size: 58px;
          line-height: 75px;
          padding: 45px; }
        .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .bubble-container .bubble .text span:first-child {
          font-size: 46px;
          line-height: 56px; }
      .her-v3 .her-container .page-right .rate-plan-section .recommend-tips-section .moscot-image {
        position: absolute;
        width: 430px;
        height: 508px;
        background: url("../img/tepco/tepcon.png") no-repeat;
        right: 5px;
        top: 310px; }
    .her-v3 .her-container .page-right .rate-plan-section .conditions-note {
      min-height: 140px;
      font-size: 38px;
      letter-spacing: -1px;
      margin: 20px 70px 0 116px; }
      .her-v3 .her-container .page-right .rate-plan-section .conditions-note .note {
        line-height: 45px; }
  .her-v3 .her-container .page-right .advertisement-section {
    margin-top: 40px; }
    .her-v3 .her-container .page-right .advertisement-section img {
      margin-bottom: 30px; }
  .her-v3 .her-container .contact-us-footer-section {
    font-size: 46px;
    height: 270px;
    position: absolute;
    bottom: -20px; }
    .her-v3 .her-container .contact-us-footer-section .logo {
      margin-bottom: 15px; }
    .her-v3 .her-container .contact-us-footer-section .contact-us {
      font-family: 'meiryo-bold'; }
      .her-v3 .her-container .contact-us-footer-section .contact-us .contact-no {
        font-size: 66px; }
    .her-v3 .her-container .contact-us-footer-section .time-diff {
      font-size: 50px; }
    .her-v3 .her-container .contact-us-footer-section span {
      line-height: 67px; }
      .her-v3 .her-container .contact-us-footer-section span:last-child {
        font-size: 38px; }

.her-v3.A3 .her-container {
  width: 4960px; }
  .her-v3.A3 .her-container .page {
    float: left;
    height: 3391px;
    margin: 83px 0 96px 0;
    position: relative; }
    .her-v3.A3 .her-container .page.page-left {
      margin-left: 80px;
      width: 2334px; }
      .her-v3.A3 .her-container .page.page-left .contact-us-footer-section {
        margin: 50px 0 0 92px; }
    .her-v3.A3 .her-container .page.page-right {
      margin-left: 125px;
      margin-right: 80px;
      width: 2341px; }
      .her-v3.A3 .her-container .page.page-right .welcome-section {
        font-size: 52px;
        min-height: 2070px;
        margin: 0 auto;
        padding: 800px 0 150px;
        position: relative;
        width: 1810px; }
        .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content {
          padding: 0 15px; }
          .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .address {
            font-size: 44px;
            left: -198px;
            line-height: 60px;
            position: absolute;
            top: 175px;
            width: 1122px;
            word-wrap: break-word; }
          .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .tepco-block {
            position: absolute;
            right: 65px;
            top: 48px; }
          .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .title {
            font-family: 'meiryo-bold';
            font-size: 75px;
            text-align: center; }
          .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .desc {
            padding-top: 50px; }
            .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .desc span {
              line-height: 65px; }
            .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .desc .desc-item {
              margin-bottom: 25px;
              display: block; }
            .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .desc span:nth-of-type(2) {
              width: 1715px; }
          .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .additional-info {
            border: 6px solid #d2d2d2;
            font-size: 54px;
            padding: 20px 0;
            margin-top: 75px; }
            .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .additional-info .title {
              font-size: 52px; }
            .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .additional-info .content {
              padding: 0 160px; }
              .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .additional-info .content span {
                width: 50%; }
                .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .additional-info .content span::before {
                  content: '\25A1';
                  padding-right: 20px; }
          .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .note {
            font-size: 46px;
            margin-top: 50px; }
            .her-v3.A3 .her-container .page.page-right .welcome-section .welcome-content .note span {
              line-height: 67px; }
      .her-v3.A3 .her-container .page.page-right .footer {
        align-items: baseline;
        bottom: -15px;
        display: flex;
        justify-content: space-between;
        left: 265px;
        margin: 0 auto;
        padding-top: 10px;
        position: absolute;
        width: 1810px; }
        .her-v3.A3 .her-container .page.page-right .footer .tepco-red-logo {
          padding-right: 65px; }
    .her-v3.A3 .her-container .page .section-heading {
      font-size: 92px;
      height: 147px;
      line-height: 160px; }

.saml-login {
  text-align: center;
  padding-top: 20px; }

.calculator-wrapper {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  color: #323232;
  width: 680px;
  margin: 0 auto; }
  .calculator-wrapper .uib-dropdown-menu.hidden {
    display: none; }
  .calculator-wrapper .tooltip .tooltip-inner {
    background-color: #ffffff;
    border: 1px solid #b8b8b8;
    color: #969696;
    font-size: 14px;
    text-align: left !important;
    width: 230px;
    padding: 8px 15px;
    max-width: 230px; }
  .calculator-wrapper .bidgely-icon-info-inverted:before {
    content: none; }
  .calculator-wrapper .bidgely-icon-info-inverted {
    background-image: url("../img/Info-Icon-blue.png"); }
  @media (max-width: 768px) {
    .calculator-wrapper .tooltip-container {
      display: inline-block; } }
  .calculator-wrapper input[type=number]::-webkit-inner-spin-button,
  .calculator-wrapper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .calculator-wrapper input[type=number] {
    -moz-appearance: textfield; }
  .calculator-wrapper .loading {
    margin: 300px auto;
    text-align: center; }
  .calculator-wrapper .dropdown-menu {
    white-space: nowrap;
    max-height: 125px;
    overflow-y: auto;
    min-width: 112px; }
  .calculator-wrapper .calculator-tabs {
    display: flex; }
    .calculator-wrapper .calculator-tabs .tab {
      display: inline-block;
      height: 40px;
      width: 180px;
      margin-right: 5px;
      background-color: #dbdbdb;
      color: #323232;
      font-size: 14px;
      font-weight: 500;
      line-height: 40px;
      text-align: center;
      border-bottom: solid 1px #dbdbdb;
      cursor: pointer; }
      .calculator-wrapper .calculator-tabs .tab.selected {
        background-color: #f5f5f5; }
  .calculator-wrapper .calculator-content {
    min-height: 600px;
    background-color: #f5f5f5;
    overflow: auto;
    /*for collapsing top margin of nested element*/ }
    .calculator-wrapper .calculator-content .calculator-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 28px;
      text-align: center;
      margin: 26px 0 7px 0; }
    .calculator-wrapper .calculator-content .calculator-subtitle {
      font-size: 16px;
      font-weight: 300;
      line-height: 20px;
      text-align: center;
      margin-bottom: 16px; }
    @media (max-width: 767px) {
      .calculator-wrapper .calculator-content .calculator-subtitle {
        margin: 14px 28px 14px 29px; } }
    .calculator-wrapper .calculator-content .content {
      display: flex;
      justify-content: space-between; }
      .calculator-wrapper .calculator-content .content .question-section {
        padding: 5px 0 5px 20px; }
        .calculator-wrapper .calculator-content .content .question-section .btn-group.open .dropdown-toggle {
          box-shadow: none; }
        .calculator-wrapper .calculator-content .content .question-section .menu-option {
          font-size: 14px;
          font-weight: 400;
          padding: 3px 10px;
          cursor: pointer; }
          .calculator-wrapper .calculator-content .content .question-section .menu-option:hover {
            background-color: #008DC9;
            color: #ffffff; }
        .calculator-wrapper .calculator-content .content .question-section p.error {
          margin-top: 5px;
          margin-bottom: 0;
          font-size: 15px;
          color: red; }
        .calculator-wrapper .calculator-content .content .question-section input.error {
          border: solid 1px red; }
        .calculator-wrapper .calculator-content .content .question-section .btn {
          height: 38px;
          background-color: #ffffff;
          color: #323232;
          line-height: 17px;
          text-shadow: none;
          background-image: none;
          background-repeat: no-repeat;
          border: none;
          text-align: left;
          font-size: 14px;
          font-weight: 400; }
          .calculator-wrapper .calculator-content .content .question-section .btn .caret {
            margin-left: 7px; }
        .calculator-wrapper .calculator-content .content .question-section .btn:not(.btn-sm):not(.btn-lg) {
          padding: 11px 5px; }
        .calculator-wrapper .calculator-content .content .question-section input {
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          border-radius: 4px;
          height: 38px;
          width: 120px;
          background-color: #ffffff;
          color: #323232;
          line-height: 17px;
          text-shadow: none;
          background-image: none;
          background-repeat: no-repeat;
          border: none;
          text-align: left;
          padding: 11px 13px;
          margin-right: 10px;
          font-size: 14px;
          font-weight: 400; }
        .calculator-wrapper .calculator-content .content .question-section span {
          font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
          line-height: 28px;
          font-size: 14px;
          font-weight: 400; }
        .calculator-wrapper .calculator-content .content .question-section .question-title {
          font-weight: 500;
          line-height: 20px;
          font-size: 14px;
          margin: 10px 0 10px 0; }
      .calculator-wrapper .calculator-content .content .current-system {
        margin-bottom: 10px; }
      .calculator-wrapper .calculator-content .content .new-system {
        flex-grow: 1; }
      .calculator-wrapper .calculator-content .content .current-system, .calculator-wrapper .calculator-content .content .new-system {
        padding-bottom: 10px; }
      .calculator-wrapper .calculator-content .content .current-system, .calculator-wrapper .calculator-content .content .new-system, .calculator-wrapper .calculator-content .content .results {
        background-color: #EAEAEA;
        padding-bottom: 10px; }
      .calculator-wrapper .calculator-content .content .results {
        height: 100%; }
      .calculator-wrapper .calculator-content .content .configuration-section {
        width: 93.45%;
        margin-left: 16px;
        margin-right: 4.5px;
        display: flex;
        flex-flow: column; }
        .calculator-wrapper .calculator-content .content .configuration-section .info-icon {
          border-radius: 7px;
          height: 14px;
          width: 14px; }
      @media (max-width: 767px) {
        .calculator-wrapper .calculator-content .content .configuration-section {
          margin-left: 19px;
          margin-right: 21px; }
          .calculator-wrapper .calculator-content .content .configuration-section.inactive {
            display: none; } }
      .calculator-wrapper .calculator-content .content .toggle-screen {
        margin-top: 15px;
        margin-right: 19px;
        margin-left: 21px;
        display: none; }
        .calculator-wrapper .calculator-content .content .toggle-screen .result-button {
          width: 100%;
          background-color: #008DC9;
          color: #ffffff;
          border-radius: 8px;
          height: 40px; }
      @media (max-width: 767px) {
        .calculator-wrapper .calculator-content .content .active .results {
          height: auto; }
        .calculator-wrapper .calculator-content .content .toggle-screen {
          display: block; }
          .calculator-wrapper .calculator-content .content .toggle-screen.inactive {
            display: none; }
          .calculator-wrapper .calculator-content .content .toggle-screen.active {
            display: block; } }
      .calculator-wrapper .calculator-content .content .results-section {
        width: 106.6%;
        margin-left: 4.5px;
        margin-right: 16px; }
        .calculator-wrapper .calculator-content .content .results-section .btn {
          height: 38px;
          width: 130px;
          background-color: #ffffff;
          color: #323232;
          line-height: 17px;
          text-shadow: none;
          background-image: none;
          background-repeat: no-repeat;
          border: none;
          text-align: left;
          font-size: 14px;
          font-weight: 400; }
          .calculator-wrapper .calculator-content .content .results-section .btn .caret {
            position: absolute;
            right: 13px;
            top: 19px; }
        .calculator-wrapper .calculator-content .content .results-section .result-wrapper {
          display: flex;
          margin-top: 17px; }
          .calculator-wrapper .calculator-content .content .results-section .result-wrapper .info-icon {
            border-radius: 7px;
            height: 14px;
            width: 14px; }
        .calculator-wrapper .calculator-content .content .results-section .result-title {
          padding: 15px 33px 15px 15px;
          background-color: #008DC9;
          color: #ffffff;
          line-height: 20px;
          font-size: 14px;
          font-weight: 400; }
        .calculator-wrapper .calculator-content .content .results-section .results-divider {
          border: solid 1px #d2d2d2;
          height: 345px; }
        .calculator-wrapper .calculator-content .content .results-section .results-new .question-title {
          visibility: hidden; }
        .calculator-wrapper .calculator-content .content .results-section .results-current, .calculator-wrapper .calculator-content .content .results-section .results-new {
          flex-basis: 50%; }
          .calculator-wrapper .calculator-content .content .results-section .results-current .title, .calculator-wrapper .calculator-content .content .results-section .results-new .title {
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center; }
          .calculator-wrapper .calculator-content .content .results-section .results-current .bar-wrapper, .calculator-wrapper .calculator-content .content .results-section .results-new .bar-wrapper {
            height: 100px;
            max-height: 100px;
            position: relative;
            margin-bottom: 11px; }
            .calculator-wrapper .calculator-content .content .results-section .results-current .bar-wrapper .current-bar, .calculator-wrapper .calculator-content .content .results-section .results-current .bar-wrapper .new-bar, .calculator-wrapper .calculator-content .content .results-section .results-new .bar-wrapper .current-bar, .calculator-wrapper .calculator-content .content .results-section .results-new .bar-wrapper .new-bar {
              background-color: #008DC9;
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              margin: 0 auto;
              width: 50px; }
            .calculator-wrapper .calculator-content .content .results-section .results-current .bar-wrapper .current-bar, .calculator-wrapper .calculator-content .content .results-section .results-new .bar-wrapper .current-bar {
              max-height: 100px; }
            .calculator-wrapper .calculator-content .content .results-section .results-current .bar-wrapper .new-bar, .calculator-wrapper .calculator-content .content .results-section .results-new .bar-wrapper .new-bar {
              max-height: 100px; }
          .calculator-wrapper .calculator-content .content .results-section .results-current .cost, .calculator-wrapper .calculator-content .content .results-section .results-new .cost {
            color: #008DC9;
            font-size: 20px;
            font-weight: 500;
            line-height: 18px;
            text-align: center;
            margin-bottom: 10px; }
            .calculator-wrapper .calculator-content .content .results-section .results-current .cost span, .calculator-wrapper .calculator-content .content .results-section .results-new .cost span {
              font-size: 14px;
              color: #A2A2A2; }
      @media (max-width: 767px) {
        .calculator-wrapper .calculator-content .content .results-section {
          display: none;
          margin-left: 0px;
          margin-right: 0px; }
          .calculator-wrapper .calculator-content .content .results-section.active {
            display: block; } }
    .calculator-wrapper .calculator-content .disclaimer {
      color: #323232;
      font-size: 15px;
      font-weight: 300;
      line-height: 18px;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 19px; }
      .calculator-wrapper .calculator-content .disclaimer a {
        color: #008DC9;
        text-decoration: none;
        display: block; }
    @media (max-width: 767px) {
      .calculator-wrapper .calculator-content .disclaimer {
        margin: 15px 16px 22px 18px; } }
    .calculator-wrapper .calculator-content .feedback {
      text-align: center; }
      .calculator-wrapper .calculator-content .feedback .feedback-text {
        color: #323232;
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        margin-bottom: 14px; }
      .calculator-wrapper .calculator-content .feedback .feedback-icons {
        margin-bottom: 20px; }
        .calculator-wrapper .calculator-content .feedback .feedback-icons .positive, .calculator-wrapper .calculator-content .feedback .feedback-icons .negative {
          display: inline-block;
          height: 50px;
          width: 50px;
          border-radius: 25px;
          background-color: #008DC9;
          background-repeat: no-repeat;
          background-size: 50px;
          cursor: pointer;
          margin-right: 7px; }
        .calculator-wrapper .calculator-content .feedback .feedback-icons .positive {
          background-image: url("../img/Thumbs-Up-solid.png"); }
        .calculator-wrapper .calculator-content .feedback .feedback-icons .negative {
          background-image: url("../img/Thumbs-Down-solid.png"); }

@media (max-width: 767px) {
  .calculator-wrapper {
    width: 100%; } }