@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham/Gotham-ExtraLight.eot?v=1.0.0");
  src: url("../fonts/gotham/Gotham-ExtraLight.eot?#v=1.0.0#iefix") format("embedded-opentype"), url("../fonts/gotham/Gotham-ExtraLight.ttf?v=1.0.0") format("truetype"), url("../fonts/gotham/Gotham-ExtraLight.woff?v=1.0.0") format("woff"), url("../fonts/gotham/Gotham-ExtraLight.svg?v=1.0.0#Gotham") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham/Gotham-Light.eot?v=1.0.0");
  src: url("../fonts/gotham/Gotham-Light.eot?#v=1.0.0#iefix") format("embedded-opentype"), url("../fonts/gotham/Gotham-Light.ttf?v=1.0.0") format("truetype"), url("../fonts/gotham/Gotham-Light.woff?v=1.0.0") format("woff"), url("../fonts/gotham/Gotham-Light.svg?v=1.0.0#Gotham") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham/Gotham-Book.eot?v=1.0.0");
  src: url("../fonts/gotham/Gotham-Book.eot?#v=1.0.0#iefix") format("embedded-opentype"), url("../fonts/gotham/Gotham-Book.ttf?v=1.0.0") format("truetype"), url("../fonts/gotham/Gotham-Book.woff?v=1.0.0") format("woff"), url("../fonts/gotham/Gotham-Book.svg?v=1.0.0#Gotham") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham/Gotham-Medium.eot?v=1.0.0");
  src: url("../fonts/gotham/Gotham-Medium.eot?#v=1.0.0#iefix") format("embedded-opentype"), url("../fonts/gotham/Gotham-Medium.ttf?v=1.0.0") format("truetype"), url("../fonts/gotham/Gotham-Medium.woff?v=1.0.0") format("woff"), url("../fonts/gotham/Gotham-Medium.svg?v=1.0.0#Gotham") format("svg");
  font-weight: 500;
  font-style: normal; }

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

[class^="energyfit-icon-"], [class*=" energyfit-icon-"] {
  font-family: "energyfit-icon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.energyfit-icon-logo:before {
  content: "\e601"; }

.energyfit-icon-plus:before {
  content: "\e91b"; }

.energyfit-icon-checked:before {
  content: "\e802"; }

.energyfit-icon-arrow-down:before {
  content: "\e608"; }

.energyfit-icon-radio-btn-empty:before {
  content: "\e905"; }

.energyfit-icon-radio-btn-filled:before {
  content: "\e906"; }

.energyfit-icon-checkbox-empty:before {
  content: "\e907"; }

.energyfit-icon-checkbox-checked:before {
  content: "\e908"; }

.energyfit-icon-home-profile:before {
  content: "\e91c"; }

@font-face {
  font-family: "utility-icon-";
  src: url("../fonts/energyfit/utility.eot?v=1.3.0");
  src: url("../fonts/energyfit/utility.eot?#v=1.3.0#iefix") format("embedded-opentype"), url("../fonts/energyfit/utility.ttf?v=1.3.0") format("truetype"), url("../fonts/energyfit/utility.woff?v=1.3.0") format("woff"), url("../fonts/energyfit/utility.svg?v=1.3.0#utility-icon-") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="utility-icon-"], [class*=" utility-icon-"] {
  font-family: "utility-icon-";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.utility-icon-pge-logo:before {
  content: "\e600"; }

.utility-icon-lh-logo:before {
  content: "\e601"; }

.utility-icon-je-logo:before {
  content: "\e602"; }

.utility-icon-ce-logo:before {
  content: "\e603"; }

.utility-icon-lh-home-logo:before {
  content: "\e604"; }

.utility-icon-ue-logo:before {
  content: "\e605"; }

.utility-icon-opuc-logo:before {
  content: "\e606"; }

.utility-icon-comed-logo:before {
  content: "\e607"; }

.utility-icon-enovos-logo:before {
  content: "\e608"; }

.utility-icon-hydroottawa-logo:before {
  content: "\e609"; }

.logo-wrapper {
  font-size: 3.5rem;
  text-align: center; }
  .logo-wrapper .logo-text {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 4px;
    padding: 20px 0px 10px 0px;
    display: block; }
  .logo-wrapper .bidgely-console-text {
    letter-spacing: 5px; }
  .logo-wrapper .vse {
    background: url("../images/VSE-logo-white.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 5px;
    background-size: contain; }
  .logo-wrapper .coh {
    background: url("../images/logo-coh-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 5px;
    background-size: contain; }
  .logo-wrapper .simplyenergy {
    background: url("../images/simplyenergy-white-logo.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 5px;
    background-size: contain; }
  .logo-wrapper .mce {
    background: url("../images/mce-white-logo.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 5px;
    background-size: contain; }
  .logo-wrapper .bidgely {
    background: url("../images/bidgely-logo.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .FPL {
    background: url("../images/logo-fpl.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .nve {
    background: url("../images/nve-logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .bchydro {
    background: url("../images/logo-fpl.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dominion {
    background: url("../images/dominion-logo.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .edison {
    background: url("../images/edison-logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .mercury {
    background: url("../images/mercury-color-logo.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .ameren {
    background: url("../images/ameren-logo.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .oge {
    background: url("../images/oge-logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .pseg {
    background: url("../images/logo-pseg.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 46px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .hydroottawa {
    background: url("../images/logo-hydro-ottawa.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 46px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .shikoku {
    background: url("../images/bidgely-logo.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 5px;
    background-size: contain; }
  .logo-wrapper .avista {
    background: url("../images/avista-withoutbg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 28px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .ouc {
    background: url("../images/OUC-logo-color.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .hydroone {
    background: url("../images/hydroone_logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 5px;
    background-size: contain; }
  .logo-wrapper .pnm {
    background: url("../images/pnm-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.nsp {
    background: url("../images/nsp-white.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.nsp {
    background: url("../images/nsp-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.scg {
    background: url("../images/scg-light.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.aurora {
    background: url("../images/aurora-dark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.aurora {
    background: url("../images/aurora-light.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.cva {
    background: url("../images/cva-dark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.cva {
    background: url("../images/cva-light.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.tep {
    background: url("../images/tepheader.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.tep {
    background: url("../images/tepheader.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .ppor {
    background: url("../images/ppor-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.ues {
    background: url("../images/ues-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.ues {
    background: url("../images/ues-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.sdge {
    background: url("../images/sdge-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.sdge {
    background: url("../images/sdge-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .tpu {
    background: url("../images/tpu-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .bhepp {
    background: url("../images/bhepp-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .ppl {
    background: url("../images/ppl-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.nwn {
    background: url("../images/nwn-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.nwn {
    background: url("../images/nwn-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .dark-theme.gpcsmb {
    background: url("../images/gpc-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .logo-wrapper .light-theme.gpcsmb {
    background: url("../images/gpc-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.sidebar-wrapper {
  background: #354052;
  color: #ffffff;
  height: 100%;
  left: 0px;
  position: fixed;
  padding-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 220px;
  z-index: 1000;
  border-right: 1px solid #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .sidebar-wrapper .logo-wrapper {
    font-size: 3.5rem;
    text-align: center; }
    .sidebar-wrapper .logo-wrapper .logo-text {
      font-size: 16px;
      font-weight: 200;
      letter-spacing: 4px;
      padding: 20px 0px 10px 0px;
      display: block; }
    .sidebar-wrapper .logo-wrapper .bidgely-console-text {
      letter-spacing: 5px; }
    .sidebar-wrapper .logo-wrapper .vse {
      background: url("../images/VSE-logo-white.png");
      background-position: center;
      background-repeat: no-repeat;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      margin: 5px;
      background-size: contain; }
    .sidebar-wrapper .logo-wrapper .bidgely {
      background: url("../images/bidgely-logo.png");
      background-position: center;
      background-repeat: no-repeat;
      height: 25px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .FPL {
      background: url("../images/logo-fpl.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .nve {
      background: url("../images/nve-logo.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .pnm {
      background: url("../images/pnm-logo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .dark-theme.nsp {
      background: url("../images/nsp-white.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .light-theme.nsp {
      background: url("../images/nsp-logo.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .dark-theme.cva {
      background: url("../images/cva-dark.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .light-theme.cva {
      background: url("../images/cva-light.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .dark-theme.tep {
      background: url("../images/tepheader.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .light-theme.tep {
      background: url("../images/tepheader.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .ppor {
      background: url("../images/ppor-logo.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .tpu {
      background: url("../images/tpu-logo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .oge {
      background: url("../images/oge-logo.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .dark-theme.gpcsmb {
      background: url("../images/gpc-logo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .light-theme.gpcsmb {
      background: url("../images/gpc-logo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .bhepp {
      background: url("../images/bhepp-logo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .sidebar-wrapper .logo-wrapper .ppl {
      background: url("../images/ppl-logo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 50px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .sidebar-wrapper .navbar-nav {
    list-style: none;
    padding: 0px;
    margin-top: 20px;
    width: 220px; }
    .sidebar-wrapper .navbar-nav li {
      line-height: 40px;
      padding: 0px 8px 0px;
      width: 220px; }
      .sidebar-wrapper .navbar-nav li.active {
        background-color: #15A4FA; }
      .sidebar-wrapper .navbar-nav li a {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer; }
        .sidebar-wrapper .navbar-nav li a .nav-icon {
          height: 40px;
          width: 50px;
          float: left; }
          .sidebar-wrapper .navbar-nav li a .nav-icon.notification-icon {
            background: url("../images/nav-icon-notifications.png"); }
          .sidebar-wrapper .navbar-nav li a .nav-icon.field-audit-icon {
            background: url("../images/nav-icon-field-audit.png");
            background-position: center;
            background-repeat: no-repeat; }
        .sidebar-wrapper .navbar-nav li a span {
          font-size: 12px;
          letter-spacing: 2px;
          font-weight: 400; }
  .sidebar-wrapper .user-info {
    margin-top: 40px;
    text-align: center;
    transition: .15s; }
    .sidebar-wrapper .user-info .profile-pic {
      display: inline-block;
      width: 50px; }
    .sidebar-wrapper .user-info img {
      width: 100%;
      height: 100%;
      border-radius: 60px; }
  .sidebar-wrapper .logout {
    bottom: 25px;
    left: 20px;
    position: absolute; }
    .sidebar-wrapper .logout a {
      color: #ffffff;
      text-decoration: none;
      cursor: pointer; }
      .sidebar-wrapper .logout a .fa-sign-out {
        width: 20px; }
  .sidebar-wrapper.agent {
    background-color: #152e4d;
    border-color: #12263f; }
    .sidebar-wrapper.agent .user-data {
      padding: 10px;
      border-bottom: 3px solid #12263f; }
      .sidebar-wrapper.agent .user-data .name {
        text-align: center;
        font-size: 18px;
        margin-top: 10px;
        font-weight: bold; }
      .sidebar-wrapper.agent .user-data .title {
        margin-top: 15px;
        font-weight: bold;
        font-size: 16px; }
      .sidebar-wrapper.agent .user-data ul {
        list-style: none;
        padding: 0px; }
        .sidebar-wrapper.agent .user-data ul li div {
          width: 80%; }
          .sidebar-wrapper.agent .user-data ul li div span.gold:not(.disabled) {
            color: #e78523; }
          .sidebar-wrapper.agent .user-data ul li div span.disabled {
            color: #6e84a3; }
    .sidebar-wrapper.agent .sidebar-nav li a span {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: inherit; }
    .sidebar-wrapper.agent .sidebar-nav li a .glyphicon {
      font-size: 16px;
      margin-right: 7px; }

.navbar-light .navbar-nav.app-sidebar-navbar li a.nav-link.no-highlight:focus {
  color: #6e84a3; }

.navbar-light .navbar-nav.app-sidebar-navbar li span.nav-link.disabled {
  color: #6e84a3; }

.navbar {
  background-color: #152e4d;
  border-color: #12263f; }
  .navbar.with-theme-switch {
    height: 100vh; }
  .navbar.navbar-vertical.fixed-left.navbar-expand-md.navbar-light.agent {
    overflow-y: auto;
    padding-bottom: 60px; }
  .navbar.toggle-visibility {
    overflow: visible !important; }
  .navbar.navbar-vertical > .container-fluid {
    justify-content: flex-start; }
  .navbar .logout.fixed-pos {
    position: absolute;
    bottom: 60px;
    width: 200px; }
  .navbar .logout a {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }
    .navbar .logout a .fa-sign-out {
      width: 20px; }
  .navbar .user-data {
    border-bottom: 1px solid #1e3a5c;
    margin-bottom: 1rem; }
    .navbar .user-data .data {
      margin-bottom: 10px;
      font-size: .8125rem;
      word-wrap: break-word; }
      .navbar .user-data .data .size {
        text-transform: lowercase; }
    .navbar .user-data .break-word {
      word-break: break-all; }
    .navbar .user-data .title {
      color: #6e84a3;
      font-size: .8125rem;
      text-transform: uppercase; }
    .navbar .user-data .sub-title {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600; }
    .navbar .user-data .spinner-border {
      margin-right: 10px;
      position: relative;
      bottom: 1px; }
    .navbar .user-data ul {
      list-style: none;
      padding: 0px;
      font-size: 12px; }
      .navbar .user-data ul.survey-questions {
        text-align: right;
        margin: 10px 0 10px;
        text-transform: none; }
        .navbar .user-data ul.survey-questions li:not(.disabled) {
          cursor: pointer; }
        .navbar .user-data ul.survey-questions .icon {
          color: #ffffff;
          font-size: 18px;
          line-height: 10px;
          position: relative;
          top: 2px; }
      .navbar .user-data ul li {
        margin-bottom: 5px; }
        .navbar .user-data ul li.source {
          text-align: center;
          font-size: 14px; }
    .navbar .user-data .disabled {
      color: #6e84a3; }
    .navbar .user-data .size-input {
      text-align: right;
      padding-right: 0;
      position: relative; }
      .navbar .user-data .size-input .form-control {
        width: 70px;
        display: inline-block;
        margin: 10px 0;
        padding: 5px 10px 5px 10px;
        font-size: 13px; }
      .navbar .user-data .size-input span {
        text-transform: lowercase; }
    .navbar .user-data .comment-text span {
      min-height: 40px;
      display: block;
      margin-right: -10px; }
      .navbar .user-data .comment-text span.update-error {
        min-height: 80px; }
    .navbar .user-data .list-item {
      position: relative;
      display: flex;
      margin-bottom: 5px;
      margin-right: -10px; }
      .navbar .user-data .list-item.with-update {
        cursor: pointer;
        padding-right: 20px; }
      .navbar .user-data .list-item.label-sm .sub-title {
        width: 60px; }
      .navbar .user-data .list-item.label-sm .display-label {
        width: 125px; }
      .navbar .user-data .list-item.label-big .sub-title {
        width: 110px; }
      .navbar .user-data .list-item.label-big .display-label {
        width: 75px; }
      .navbar .user-data .list-item .display-label {
        text-align: right; }
        .navbar .user-data .list-item .display-label .prefix {
          text-transform: capitalize; }
        .navbar .user-data .list-item .display-label.gold:not(.disabled) {
          color: #e78523; }
      .navbar .user-data .list-item .icon {
        font-size: 20px;
        position: absolute;
        right: -5px;
        top: -5px;
        transition: transform .1s; }
        .navbar .user-data .list-item .icon.animate-icon {
          transition: transform .3s;
          transform: rotate(180deg); }
  .navbar .sidebar-nav li a span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: inherit; }
  .navbar .sidebar-nav li a .glyphicon {
    font-size: 16px;
    margin-right: 7px; }
  .navbar .navbar-nav li a {
    cursor: pointer; }
  .navbar .custom-control {
    margin-left: -9px;
    width: calc(100% + 18px); }
    .navbar .custom-control.switch-bottom {
      padding-left: 75px;
      left: 0;
      position: fixed;
      padding-bottom: 15px;
      width: 250px;
      bottom: 0;
      padding-top: 10px;
      margin-left: 0;
      cursor: pointer;
      z-index: 1; }
      .navbar .custom-control.switch-bottom label {
        cursor: pointer; }

.sidebar-search {
  position: relative;
  margin: 5px 15px 20px 0; }
  .sidebar-search .fa.fa-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    opacity: .5; }
  .sidebar-search .fe.fe-chevron-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -26px;
    font-size: 1.5rem;
    cursor: pointer; }
  .sidebar-search > input {
    font-size: 14px;
    padding-left: 28px; }
  .sidebar-search .sidebar-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    z-index: -1; }
  .sidebar-search .sidebar-search-modal {
    position: fixed;
    left: -700px;
    transition: .8s ease-out;
    top: 80px;
    width: 600px;
    transition: .5s;
    z-index: -2;
    opacity: 0; }
    .sidebar-search .sidebar-search-modal.open {
      left: 270px;
      opacity: 1; }
    .sidebar-search .sidebar-search-modal .sidebar-modal-header {
      position: relative;
      padding: 1rem 1.5rem; }
      .sidebar-search .sidebar-search-modal .sidebar-modal-header .modal-title {
        font-size: 1.25rem; }
      .sidebar-search .sidebar-search-modal .sidebar-modal-header .close {
        position: absolute;
        float: right;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        margin: 0;
        cursor: pointer;
        transition: .3s; }
        .sidebar-search .sidebar-search-modal .sidebar-modal-header .close:hover {
          color: #ffffff; }
    .sidebar-search .sidebar-search-modal .sidebar-modal-body {
      padding-bottom: 0;
      max-height: calc(100vh - 270px);
      overflow: auto; }
      .sidebar-search .sidebar-search-modal .sidebar-modal-body .form-group {
        display: flex;
        align-items: center;
        margin-bottom: 1rem; }
        .sidebar-search .sidebar-search-modal .sidebar-modal-body .form-group label {
          margin: 0; }
        .sidebar-search .sidebar-search-modal .sidebar-modal-body .form-group .error {
          text-align: left;
          margin-top: 2px;
          display: block;
          color: #FF0000; }
    .sidebar-search .sidebar-search-modal .sidebar-modal-footer {
      padding: 1rem; }
      .sidebar-search .sidebar-search-modal .sidebar-modal-footer .btn {
        flex: 1;
        padding: .7rem 0;
        margin: 0 5px; }
  .sidebar-search .sidebar-search-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    opacity: .8;
    transition: .15s;
    z-index: -3; }
  @media (max-width: 900px) {
    .sidebar-search .sidebar-search-modal {
      left: 50%;
      transform: translate(-50%, -50%);
      top: -50%;
      z-index: 2; }
      .sidebar-search .sidebar-search-modal.open {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }

.fuel-toggle-wrapper {
  padding: 20px 0; }
  .fuel-toggle-wrapper .fuel-toggle-switch {
    background-color: #E4EBF5;
    border-radius: 3px;
    padding: 1px;
    display: flex;
    justify-content: space-between; }
    .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn {
      width: 50%;
      text-align: center;
      padding: 5px;
      color: #747373;
      border-radius: 3px;
      font-size: 13px;
      cursor: pointer; }
      .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn > span {
        vertical-align: middle; }
      .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn .fuel-icon {
        display: inline-block;
        height: 22px;
        width: 20px;
        background-repeat: no-repeat;
        background-size: contain; }
        .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn .fuel-icon.gas {
          background-image: url("../images/gas-icon-gray.png"); }
        .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn .fuel-icon.electric {
          background-image: url("../images/electric-icon-gray.png"); }
        .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn .fuel-icon.water {
          background-image: url("../images/water-icon-gray.png"); }
      .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn.selected {
        background-color: #3694fc;
        color: #ffffff;
        cursor: default; }
        .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn.selected .fuel-icon.gas {
          background-image: url("../images/gas-icon-active.png"); }
        .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn.selected .fuel-icon.electric {
          background-image: url("../images/electric-icon-active.png"); }
        .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn.selected .fuel-icon.water {
          background-image: url("../images/water-icon-active.png"); }
      .fuel-toggle-wrapper .fuel-toggle-switch .fuel-btn.disabled {
        opacity: 0.4;
        cursor: not-allowed; }

body {
  background: #F5F5F5;
  font-size: 14px;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif; }

.logo.VSE {
  margin-top: 3px;
  height: 26px;
  width: 91px;
  background: transparent url("../images/VSE-logo-white.png") no-repeat 0 0; }

.logo.logo-white {
  background: transparent url("../images/logo-bidgely-white.svg") no-repeat 0 0;
  height: 32px;
  width: 130px;
  background-size: cover;
  float: left;
  margin-left: 20px; }
  .logo.logo-white.vse {
    margin-top: 3px;
    height: 32px;
    width: 70px;
    background-size: contain !important;
    background: transparent url("../images/VSE-logo-white.png") no-repeat 0 0; }
  .logo.logo-white.hydroone {
    margin: 0 auto;
    background: transparent url("../images/hydroone_white_logo.png") no-repeat 0 0;
    height: 35px;
    float: none;
    width: auto;
    background-size: contain; }
  .logo.logo-white.dominion {
    margin-top: 3px;
    height: 32px;
    width: 70px;
    background-size: contain !important;
    background: transparent url("../images/dominion-white-logo.png") no-repeat 0 0; }
  .logo.logo-white.edison {
    margin-top: 3px;
    height: 32px;
    width: 70px;
    background-size: contain !important;
    background: transparent url("../images/edison-white-logo.png") no-repeat 0 0; }
  .logo.logo-white.mercury {
    margin-top: 3px;
    height: 32px;
    width: 70px;
    background-size: contain !important;
    background: transparent url("../images/mercury-white-logo.svg") no-repeat 0 0; }
  .logo.logo-white.oge {
    margin-top: 3px;
    height: 32px;
    width: 70px;
    background-size: contain !important;
    background: transparent url("../images/oge-logo.png") no-repeat 0 0; }

.logo.FPL {
  margin-top: 3px;
  height: 26px;
  width: 91px;
  background: transparent url("../images/FPL-logo.png") no-repeat 0 0; }

.logo.nve {
  margin-top: 3px;
  height: 35px;
  width: 100%;
  background-size: contain; }

.logo.bchydro {
  margin: 0 auto;
  height: 55px;
  width: 110px;
  background: transparent url("../images/bchydro-white-logo.svg") no-repeat 0 0;
  background-size: contain; }

.logo.dominion {
  margin: 0 auto;
  height: 70px;
  width: auto;
  background: transparent url("../images/dominion-logo.svg") center center no-repeat 0 0;
  background-size: contain; }

.logo.edison {
  margin: 0 auto;
  height: 70px;
  width: auto;
  background: transparent url("../images/edison-logo.png") center center no-repeat 0 0;
  background-size: contain; }

.logo.mercury {
  margin: 0 auto;
  height: 70px;
  width: auto;
  background: transparent url("../images/mercury-color-logo.svg") center center no-repeat 0 0;
  background-size: contain; }

.logo.ameren {
  margin: 0 auto;
  height: 70px;
  width: auto;
  background: transparent url("../images/ameren-logo.svg") center center no-repeat 0 0;
  background-size: contain; }

.logo.scg {
  margin: 0 auto;
  background: transparent url("../images/scg-white-logo.png") no-repeat 0 0;
  height: 60px;
  background-size: contain;
  width: 96px; }

.logo.ubc {
  margin: 0 auto;
  background: transparent url("../images/ubc-logo.png") no-repeat 0 0;
  height: 35px;
  float: none;
  width: auto;
  background-size: contain; }

.logo.oge {
  margin: 0 auto;
  height: 50px;
  width: auto;
  background: transparent url("../images/oge-logo.png") no-repeat center center;
  background-size: contain; }

.menu-icon {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 15px;
  background-repeat: no-repeat;
  margin-right: 10px; }
  .menu-icon.hba {
    background-image: url("../images/hba.svg"); }
  .menu-icon.alerts-enrollment {
    background-image: url("../images/alerts-enrollment.svg"); }
  .menu-icon.engagement-view {
    background-image: url("../images/engagement-view.svg"); }
  .menu-icon.co-browsing {
    background-image: url("../images/co-browsing.svg"); }
  .menu-icon.energyfit-icon-home-profile {
    color: #2c7ce5; }

.agent .logo.FPL {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-bottom: 10px;
  background: transparent url("../images/logo-fpl.png") no-repeat 0 0;
  background-size: contain; }

.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: 1060; }
  .overlay .middle {
    display: table-cell;
    vertical-align: middle; }
  .overlay .overlay-content {
    color: #ffffff;
    font-size: 20px;
    font-weight: 200;
    line-height: 35px;
    margin: 0 auto;
    max-width: 700px;
    text-align: center; }

.wrapper {
  font-weight: 300;
  padding-left: 220px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .wrapper.agent {
    padding-left: 0px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  .wrapper.toggled {
    padding-left: 50px; }
    .wrapper.toggled .sidebar-wrapper {
      width: 55px; }
      .wrapper.toggled .sidebar-wrapper .logo-wrapper .logo-text {
        display: none; }
      .wrapper.toggled .sidebar-wrapper .logout span {
        display: none; }
  .wrapper .clearfix {
    clear: both; }
  .wrapper .loading-wrapper .loader {
    text-align: center;
    height: 0px;
    color: #ffffff;
    z-index: 10000000000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .wrapper .loading-wrapper .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.5); }
  .wrapper .loading-wrapper.theme-loading {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transition: .4s; }
    .wrapper .loading-wrapper.theme-loading.show {
      display: block;
      opacity: 1; }
    .wrapper .loading-wrapper.theme-loading .loader {
      color: #152e4d;
      position: fixed;
      z-index: 1040;
      transition: .4s; }
  .wrapper .notify-for {
    font-weight: 300;
    letter-spacing: 3px;
    color: #969696; }
    .wrapper .notify-for.user-status {
      padding-left: 10px; }
    .wrapper .notify-for.rmp {
      letter-spacing: 0px; }
  .wrapper .bidgely-loading {
    background-image: url("../images/icn-bidgely-loader.gif");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 0px 4px 6px 4px;
    display: inline-block;
    vertical-align: middle; }
  .wrapper.full-width {
    padding-left: 0px; }
  .wrapper .custom-link:hover {
    cursor: pointer; }
  .wrapper .custom-link.external {
    background-color: none;
    color: #15A4FA; }
  .wrapper .pre-load .loading-spinner {
    top: 60%; }

.btn-bidgely {
  background-color: #15A4FA;
  border-radius: 3px;
  cursor: pointer;
  color: #ffffff;
  padding: 10px 20px;
  margin: 10px auto;
  text-align: center;
  width: 220px; }

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

.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 #15A4FA;
  border-top-color: transparent;
  border-radius: 100%;
  height: 50px;
  margin: 0 auto;
  width: 50px;
  z-index: 100; }

@-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); } }

.email-moderation-popup .remove-audit-modal-btns-ok {
  width: 40%;
  float: left; }

.email-moderation-popup .remove-audit-modal-btns-cancel {
  width: 40%;
  margin-left: 60px;
  float: left; }

.email-moderation-details {
  padding: 10px;
  margin-bottom: 10px; }

.email-moderator .title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px; }

.email-moderator .table td .one-time {
  padding: 5px;
  background: red;
  width: 100px;
  text-align: center;
  color: #ffffff;
  border-radius: 5px; }

.email-moderator .table td .quite-hour {
  padding: 5px;
  background: grey;
  width: 100px;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px; }

.search-results table {
  width: 100%; }
  .search-results table .paper-channel {
    font-size: 14px; }

.search-results thead, .search-results tbody, .search-results tr, .search-results td, .search-results th {
  display: block; }

.search-results thead th {
  height: 30px;
  border-bottom: 0; }

.search-results thead tr {
  background-color: #6F7E95;
  color: #ffffff;
  height: 40px;
  font-size: 13px; }
  .search-results thead tr .fa {
    font-size: 20px;
    line-height: 0px;
    padding-left: 5px; }

.search-results thead .caret {
  color: #ffffff; }

.search-results tbody {
  overflow-y: auto; }
  .search-results tbody .bounce {
    color: #e78523; }
  .search-results tbody tr {
    cursor: pointer; }
    .search-results tbody tr td {
      color: #969696;
      font-size: 13px;
      letter-spacing: 1px;
      font-weight: 400;
      line-height: 30px;
      height: 47px;
      padding: 6px 0px; }
      .search-results tbody tr td.message {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    .search-results tbody tr:hover td {
      background-color: #E4ECF9; }

.search-results tbody td, .search-results thead th {
  width: 10%;
  float: left; }
  .search-results tbody td.status, .search-results thead th.status {
    width: 15%; }
  .search-results tbody td.channel, .search-results thead th.channel {
    padding-left: 0px; }
  .search-results tbody td.message, .search-results thead th.message {
    width: 25%; }
  .search-results tbody td.type, .search-results thead th.type {
    width: 20%;
    padding-left: 0; }
    .search-results tbody td.type.no-line-height, .search-results thead th.type.no-line-height {
      line-height: unset; }

.search-results tbody td.opened, .search-results tbody td.clicked {
  font-size: 25px;
  display: inline-flex; }

.search-results tbody td.date {
  padding-left: 20px; }

.search-results tbody td.opened {
  padding-left: 30px; }

.search-results tbody td.clicked {
  padding-left: 10px; }

.search-results tbody td.message {
  padding-left: 9px; }

.search-results tbody td.status {
  padding-left: 7px; }

.search-results thead th.date {
  padding-left: 20px; }

.search-results thead th .desc {
  vertical-align: middle;
  margin-top: 5px;
  display: inline-flex; }

.search-results thead th.opened, .search-results thead th.clicked {
  text-align: left; }

.search-results .no-notification {
  color: #969696;
  font-size: 15px;
  text-align: center; }

.bidgely-widget-container {
  width: 100%; }
  .bidgely-widget-container .widget-error-msg {
    color: #FF0000;
    padding: 20px 12px;
    font-size: 15px;
    text-align: center;
    background: #ffffff;
    border-radius: 0.5rem; }
  .bidgely-widget-container.engagement-view {
    padding: 15px; }

body {
  margin: 0px;
  padding: 0px; }

.dashboard-page .mutliple-result.no-scroll {
  height: 100vh;
  overflow-y: hidden; }

.dashboard-page .tools-bar {
  height: 45px;
  background: #E6E6E6;
  padding: 7px 15px 5px 0px;
  text-align: right; }
  .dashboard-page .tools-bar ul {
    list-style: none;
    margin: 0px; }
    .dashboard-page .tools-bar ul li {
      display: inline-block;
      padding-left: 10px;
      vertical-align: middle; }
      .dashboard-page .tools-bar ul li i {
        color: #1AA6FA;
        font-size: 30px; }
      .dashboard-page .tools-bar ul li .setting-icon {
        background: url("../images/icon-settings.png") no-repeat;
        background-size: 27px 27px;
        height: 27px;
        width: 27px; }
      .dashboard-page .tools-bar ul li .network-switch-btn {
        margin: 3px 0 0;
        padding: 5px 20px;
        width: 130px;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 1px;
        border: 0; }
        .dashboard-page .tools-bar ul li .network-switch-btn.disable {
          background-color: #D7D7D7; }

.dashboard-page .free-search-box.open {
  width: 500px;
  background: #E6E6E6;
  padding: 20px;
  margin: auto; }

.dashboard-page .search-bar {
  border-bottom: 1px solid #c8c8c8;
  padding: 15px 20px;
  position: relative; }
  .dashboard-page .search-bar .free-search-box {
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    width: 500px;
    background-color: #E6E6E6;
    padding: 25px 20px 10px;
    z-index: 1000; }
    .dashboard-page .search-bar .free-search-box .freeSearchForm .control-label.input-lbl {
      text-align: left; }
    .dashboard-page .search-bar .free-search-box .freeSearchForm .button-wrapper {
      text-align: right; }
      .dashboard-page .search-bar .free-search-box .freeSearchForm .button-wrapper .btn {
        color: #ffffff;
        background-color: #1AA6FA;
        width: 115px;
        margin: 0px 0px 0px 10px; }
    .dashboard-page .search-bar .free-search-box .freeSearchForm .form-group .error {
      text-align: left;
      margin-top: 2px;
      display: block;
      color: #FF0000; }
    .dashboard-page .search-bar .free-search-box .freeSearchForm .form-group label {
      font-weight: 400; }
    .dashboard-page .search-bar .free-search-box .freeSearchForm .form-group .form-control.search-form-input {
      font-size: 15px; }
  .dashboard-page .search-bar .icon-addon {
    position: relative;
    color: #555;
    display: block; }
    .dashboard-page .search-bar .icon-addon input {
      width: 500px;
      padding: 5px 40px 5px 40px;
      height: 40px; }
    .dashboard-page .search-bar .icon-addon .fa {
      position: absolute;
      z-index: 2;
      left: 10px;
      font-size: 27px;
      width: 20px;
      margin-left: -2.5px;
      text-align: center;
      top: 8px;
      opacity: 0.4; }
      .dashboard-page .search-bar .icon-addon .fa.fa-caret-down, .dashboard-page .search-bar .icon-addon .fa.fa-caret-up {
        left: 475px;
        color: #1AA6FA;
        font-size: 20px;
        opacity: 1;
        top: 11px; }
  .dashboard-page .search-bar .form-control {
    font-size: 20px;
    font-weight: 400; }

.dashboard-page .search-results-summary .no-result {
  padding: 15px; }

.dashboard-page .search-results-summary .title {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 3px; }

.dashboard-page .search-results-summary .mutliple-result .title {
  border-bottom: 1px solid #E6E6E6;
  padding: 25px 20px;
  font-weight: 400;
  letter-spacing: 2px; }

.dashboard-page .search-results-summary .mutliple-result .user-info {
  border-bottom: 1px solid #E6E6E6;
  padding: 10px 20px 15px; }
  .dashboard-page .search-results-summary .mutliple-result .user-info .cta-btn-block {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
    max-width: 380px;
    margin-left: auto; }
    .dashboard-page .search-results-summary .mutliple-result .user-info .cta-btn-block a {
      width: 190px;
      margin: 17px 0; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .dashboard-page .search-results-summary .mutliple-result .user-info .cta-btn-block a {
          width: 160px; } }
  .dashboard-page .search-results-summary .mutliple-result .user-info.searchv2 .cta-button {
    cursor: pointer; }
    .dashboard-page .search-results-summary .mutliple-result .user-info.searchv2 .cta-button:hover {
      color: #2c7ce5; }
    .dashboard-page .search-results-summary .mutliple-result .user-info.searchv2 .cta-button span {
      vertical-align: middle; }
  .dashboard-page .search-results-summary .mutliple-result .user-info .dashboard-cta {
    background-color: #1AA6FA;
    color: #ffffff;
    font-size: 12px;
    margin: 35px 0px; }
    .dashboard-page .search-results-summary .mutliple-result .user-info .dashboard-cta.bill-analyzer {
      background-color: transparent;
      color: unset;
      max-width: 170px;
      white-space: normal;
      cursor: pointer;
      font-size: unset;
      margin: 0; }
    .dashboard-page .search-results-summary .mutliple-result .user-info .dashboard-cta span.fe {
      display: block;
      font-size: 1.5rem; }
  .dashboard-page .search-results-summary .mutliple-result .user-info .title {
    border-bottom: 0px;
    padding: 0px; }
    .dashboard-page .search-results-summary .mutliple-result .user-info .title a {
      text-decoration: none; }
      .dashboard-page .search-results-summary .mutliple-result .user-info .title a:not(.searchv2) {
        color: #15A4FA; }
  .dashboard-page .search-results-summary .mutliple-result .user-info .description {
    padding-top: 5px; }
    .dashboard-page .search-results-summary .mutliple-result .user-info .description .account-info {
      line-height: 22px;
      text-transform: none;
      font-weight: 400; }

.dashboard-page .search-results-summary .mutliple-result .user-info:last-child {
  border-bottom: 0px; }

.dashboard-page .search-results-summary .mutliple-result .dashboard-pagination {
  padding-left: 20px; }
  .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 {
    margin: 2rem 0;
    padding-left: 0; }
    .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 li a {
      position: relative;
      display: block;
      padding: .7rem 1.2rem;
      margin-left: -1px;
      line-height: 1.25;
      transition: .3s;
      color: #6e84a3;
      border: 1px solid #244166; }
      .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 li a:hover {
        background-color: #152e4d;
        color: #ffffff; }
    .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 li:first-child a {
      margin-left: 0;
      border-top-left-radius: .375rem;
      border-bottom-left-radius: .375rem; }
    .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 li:last-child a {
      border-top-right-radius: .375rem;
      border-bottom-right-radius: .375rem; }
    .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 li.active a {
      background-color: #152e4d;
      color: #ffffff; }
    .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 li.disabled a {
      pointer-events: none; }
      .dashboard-page .search-results-summary .mutliple-result .dashboard-pagination.searchv2 li.disabled a:hover {
        background-color: transparent;
        color: #6e84a3; }

.dashboard-page .search-results-summary .notification-summary {
  padding: 25px 20px 30px; }
  .dashboard-page .search-results-summary .notification-summary .title .search-query {
    background-color: #15A4FA;
    border-radius: 5px;
    font-size: 17px;
    display: inline-block;
    height: 19px; }
    .dashboard-page .search-results-summary .notification-summary .title .search-query i {
      padding-left: 3px;
      color: #ffffff;
      font-size: 15px;
      display: block;
      padding-top: 2px; }
  .dashboard-page .search-results-summary .notification-summary .title .custom-link {
    margin-right: 10px; }
  .dashboard-page .search-results-summary .notification-summary .dropdown {
    padding: 20px 0px 30px; }
    .dashboard-page .search-results-summary .notification-summary .dropdown .caret-wrap {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: #15A4FA;
      border-radius: 5px; }
      .dashboard-page .search-results-summary .notification-summary .dropdown .caret-wrap .caret {
        color: #ffffff;
        border-top: 6px dashed;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        margin-top: -4px; }
    .dashboard-page .search-results-summary .notification-summary .dropdown .btn-default {
      background-color: transparent;
      border-color: transparent;
      padding: 0px;
      font-size: 16px;
      letter-spacing: 2px; }
      .dashboard-page .search-results-summary .notification-summary .dropdown .btn-default :hover {
        border-color: none;
        background-color: none; }
      .dashboard-page .search-results-summary .notification-summary .dropdown .btn-default :focus {
        border-color: transparent;
        background-color: transparent; }
    .dashboard-page .search-results-summary .notification-summary .dropdown .dropdown-menu {
      padding: 0px;
      border: none;
      top: 50px; }
      .dashboard-page .search-results-summary .notification-summary .dropdown .dropdown-menu li :hover {
        background-color: #15A4FA;
        color: #ffffff; }
  .dashboard-page .search-results-summary .notification-summary .summary {
    font-weight: 200;
    padding: 0px;
    list-style: none; }
    .dashboard-page .search-results-summary .notification-summary .summary li:not(:first-child) {
      padding: 0px 35px; }
    .dashboard-page .search-results-summary .notification-summary .summary li {
      width: auto;
      min-width: 130px;
      height: 100px;
      display: inline-block; }
    .dashboard-page .search-results-summary .notification-summary .summary .title {
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 3px; }
    .dashboard-page .search-results-summary .notification-summary .summary .total {
      font-size: 70px;
      margin: -10px;
      padding: 0px;
      font-weight: 300;
      padding-left: 7px; }
      .dashboard-page .search-results-summary .notification-summary .summary .total .sub {
        font-size: 20px; }
    .dashboard-page .search-results-summary .notification-summary .summary .email {
      color: #47bac1; }
    .dashboard-page .search-results-summary .notification-summary .summary .sms {
      color: #ae69af; }
    .dashboard-page .search-results-summary .notification-summary .summary .push {
      color: #428bca; }
    .dashboard-page .search-results-summary .notification-summary .summary .bounced {
      color: #e78523; }

.dashboard-page .search-results table {
  margin-bottom: 0;
  width: 100%; }
  .dashboard-page .search-results table .paper-channel {
    font-size: 14px; }

.dashboard-page .search-results thead, .dashboard-page .search-results tbody, .dashboard-page .search-results tr, .dashboard-page .search-results td, .dashboard-page .search-results th {
  display: block; }

.dashboard-page .search-results thead th {
  height: 40px;
  border-bottom: 0;
  line-height: 25px; }

.dashboard-page .search-results thead tr {
  background-color: #6F7E95;
  color: #ffffff;
  height: 40px;
  font-size: 13px; }
  .dashboard-page .search-results thead tr .fa {
    font-size: 20px;
    line-height: 0px;
    padding-left: 5px; }

.dashboard-page .search-results thead .caret {
  color: #ffffff; }

.dashboard-page .search-results tbody {
  overflow-y: auto; }
  .dashboard-page .search-results tbody .bounce {
    color: #e78523; }
  .dashboard-page .search-results tbody tr {
    cursor: pointer; }
    .dashboard-page .search-results tbody tr td {
      color: #969696;
      font-size: 13px;
      letter-spacing: 1px;
      font-weight: 400;
      line-height: 30px;
      height: 47px;
      padding: 6px 0px; }
      .dashboard-page .search-results tbody tr td.message {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    .dashboard-page .search-results tbody tr:hover td {
      background-color: #E4ECF9; }

.dashboard-page .search-results tbody td, .dashboard-page .search-results thead th {
  width: 10%;
  float: left; }
  .dashboard-page .search-results tbody td.status, .dashboard-page .search-results thead th.status {
    width: 15%; }
  .dashboard-page .search-results tbody td.message, .dashboard-page .search-results thead th.message {
    width: 25%; }
  .dashboard-page .search-results tbody td.type, .dashboard-page .search-results thead th.type {
    width: 20%; }
    .dashboard-page .search-results tbody td.type span, .dashboard-page .search-results thead th.type span {
      display: inline-block;
      line-height: normal;
      vertical-align: middle; }

.dashboard-page .search-results tbody td.opened, .dashboard-page .search-results tbody td.clicked {
  font-size: 25px;
  display: inline-flex; }

.dashboard-page .search-results tbody td.date {
  padding-left: 18px;
  width: 11%; }

.dashboard-page .search-results tbody td.channel {
  width: 9%; }

.dashboard-page .search-results tbody td.opened, .dashboard-page .search-results tbody td.clicked, .dashboard-page .search-results tbody td.message, .dashboard-page .search-results tbody td.status {
  padding-left: 8px; }

.dashboard-page .search-results thead th.date {
  padding-left: 18px;
  width: 11%; }

.dashboard-page .search-results thead th.channel {
  width: 9%; }

.dashboard-page .search-results thead th .desc {
  vertical-align: middle;
  margin-top: 5px;
  display: inline-flex; }

.dashboard-page .search-results .no-notification {
  color: #969696;
  font-size: 15px;
  text-align: center; }

.dashboard-page .welcome-text {
  padding: 20px; }
  .dashboard-page .welcome-text .utility-logo {
    width: 150px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat; }
    .dashboard-page .welcome-text .utility-logo.duke {
      background-image: url("../images/logoduke.png"); }
    .dashboard-page .welcome-text .utility-logo.nve {
      background-image: url("../images/nve-logo.png");
      height: 35px; }
    .dashboard-page .welcome-text .utility-logo.srp {
      background-image: url("../images/srp-email-logo.png"); }
    .dashboard-page .welcome-text .utility-logo.origin {
      background-image: url("../images/logo-origin.svg");
      width: 75px;
      height: 108px; }
    .dashboard-page .welcome-text .utility-logo.rmp {
      background-image: url("../images/rmp-logo.svg");
      height: 50px;
      width: 250px; }
    .dashboard-page .welcome-text .utility-logo.bchydro {
      background-image: url("../images/bchydro-logo.png");
      height: 45px; }
    .dashboard-page .welcome-text .utility-logo.pp {
      background-image: url("../images/logo-pp.png");
      height: 35px;
      width: auto; }
    .dashboard-page .welcome-text .utility-logo.unitedenergy {
      background-image: url("../images/logo-ue.svg");
      width: 75px;
      height: 75px; }
    .dashboard-page .welcome-text .utility-logo.ui {
      background-image: url("../images/ui-logo.png");
      height: 48px;
      width: 215px; }
    .dashboard-page .welcome-text .utility-logo.vse {
      height: 48px;
      background-image: url("../images/logo-vse.png"); }
    .dashboard-page .welcome-text .utility-logo.gpc {
      background-image: url("../images/logo-gpc.png");
      height: 35px; }
    .dashboard-page .welcome-text .utility-logo.coh {
      background-image: url("../images/logo-coh.png"); }
    .dashboard-page .welcome-text .utility-logo.simplyenergy {
      background-image: url("../images/simplyenergy-logo.png");
      height: 35px; }
    .dashboard-page .welcome-text .utility-logo.mce {
      background-image: url("../images/mce-logo.png");
      height: 35px; }
  .dashboard-page .welcome-text .reco-tips .title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 3px;
    padding: 20px 0px; }
  .dashboard-page .welcome-text .reco-tips .description {
    font-weight: 400; }
    .dashboard-page .welcome-text .reco-tips .description ul {
      padding-top: 5px; }

.custom-callcenter-sm-modal .modal-dialog {
  width: 800px;
  height: 500px; }
  .custom-callcenter-sm-modal .modal-dialog .modal-content {
    width: 800px;
    height: 500px; }
    .custom-callcenter-sm-modal .modal-dialog .modal-content .callcenter-survey-wrapper {
      width: 100%;
      height: 100%; }

.modal {
  z-index: 99999999999 !important; }

.agent-wrapper .no-scroll {
  height: 100vh;
  overflow-y: hidden; }

.agent-wrapper .call-center.card {
  border-color: #e6e6e6; }
  .agent-wrapper .call-center.card.wc {
    padding: 2px;
    border: 0; }

.agent-wrapper .call-center .card-body .dropdown .dropdown-menu a.dropdown-item {
  text-align: center; }

.agent-wrapper .appliances-not-available {
  line-height: 163px; }

.agent-wrapper .loading-wrapper .loader {
  color: #ffffff;
  z-index: 10000000000;
  position: absolute;
  top: 50%;
  left: 50%; }

.agent-wrapper .text-orange {
  color: #e78523; }

.agent-wrapper .header-body {
  border: 0px; }

.agent-wrapper .table-sm td, .agent-wrapper .table-sm th {
  padding: 0.5rem; }
  .agent-wrapper .table-sm td.nsm-warning, .agent-wrapper .table-sm th.nsm-warning {
    color: #1e3a5c;
    background-color: #f6c343;
    border-radius: 0;
    text-align: center;
    text-transform: none; }

.agent-wrapper .sub-text .fe-trending-up {
  font-size: 0.7rem; }

.agent-wrapper .call-center .card-body {
  padding: 0.5rem; }
  .agent-wrapper .call-center .card-body .dropdown .btn-white {
    font-size: 0.9375rem; }
  .agent-wrapper .call-center .card-body .dropdown .dropdown-menu {
    max-height: 500px;
    overflow-y: auto; }
    .agent-wrapper .call-center .card-body .dropdown .dropdown-menu a.dropdown-item.selected {
      color: #fff;
      font-size: 0.75em; }
  .agent-wrapper .call-center .card-body .dropdown .dropdown-item-sepeartor {
    border-top: 1px solid #244166;
    margin: 5px; }
  .agent-wrapper .call-center .card-body .date-table td {
    border: 0px;
    padding: 0px; }

.agent-wrapper .vs-text {
  line-height: 40px;
  font-size: 1.5rem; }

.agent-wrapper .likely-reason-wrapper .card-header {
  padding: 1rem;
  min-height: 3.25rem; }

.agent-wrapper .likely-reason-wrapper .card-body {
  overflow-y: auto; }
  .agent-wrapper .likely-reason-wrapper .card-body .rating {
    text-align: center; }
    .agent-wrapper .likely-reason-wrapper .card-body .rating svg {
      fill: #152e4d;
      stroke: #e78523;
      padding: 0 5px;
      cursor: pointer;
      transition: .2s; }
    .agent-wrapper .likely-reason-wrapper .card-body .rating .fill, .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-1 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(4), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(4), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(5) {
      fill: #e78523; }

.agent-wrapper .likely-reason-wrapper .card {
  transition: .4s; }
  .agent-wrapper .likely-reason-wrapper .card.insights {
    margin-bottom: 0; }
    .agent-wrapper .likely-reason-wrapper .card.insights .card-body {
      height: 493px; }
    .agent-wrapper .likely-reason-wrapper .card.insights.with-feedback {
      margin-bottom: 20px; }
      .agent-wrapper .likely-reason-wrapper .card.insights.with-feedback .card-body {
        height: 313px; }
  .agent-wrapper .likely-reason-wrapper .card.feedback {
    height: 160px; }
    .agent-wrapper .likely-reason-wrapper .card.feedback .card-body {
      padding: 1rem; }
      .agent-wrapper .likely-reason-wrapper .card.feedback .card-body .form-control {
        height: 70px; }
      .agent-wrapper .likely-reason-wrapper .card.feedback .card-body button {
        width: 100%;
        padding: .5rem 0;
        border-radius: 5px;
        margin-top: 1rem; }
      .agent-wrapper .likely-reason-wrapper .card.feedback .card-body .message {
        text-align: center;
        padding-top: 50px; }

.agent-wrapper .notes .comment-body {
  padding: 1rem .75rem; }

.agent-wrapper .notes card-header {
  padding: 0.5rem;
  min-height: 3.25rem; }

.agent-wrapper .notes .spinner-border {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 1.4rem;
  height: 1.4rem; }

.agent-wrapper .notes .saved-text {
  position: absolute;
  right: 20px;
  top: 18px;
  transition: visibility 0s linear 0.33s, opacity 0.33s linear;
  visibility: hidden;
  opacity: 0; }
  .agent-wrapper .notes .saved-text.visible {
    visibility: visible;
    opacity: 1; }

.agent-wrapper .notes .comment-scroll {
  height: 122px;
  overflow-y: auto; }
  .agent-wrapper .notes .comment-scroll.expand {
    height: 222px; }

.agent-wrapper .feedaback {
  line-height: 32px; }
  .agent-wrapper .feedaback .icon-positive, .agent-wrapper .feedaback .icon-negative {
    border: none;
    padding: .2rem .5rem;
    line-height: 1.2;
    cursor: pointer;
    border-radius: 0; }
    .agent-wrapper .feedaback .icon-positive i, .agent-wrapper .feedaback .icon-negative i {
      font-size: 1.2rem; }
    .agent-wrapper .feedaback .icon-positive.active-btn, .agent-wrapper .feedaback .icon-negative.active-btn {
      background-color: #2c7be5 !important;
      border-color: #2c7be5 !important; }

.agent-wrapper table {
  table-layout: fixed;
  margin-bottom: 0px; }

.agent-wrapper .exit_session {
  position: fixed;
  right: -164px;
  bottom: 10px;
  z-index: 1049;
  color: #fff;
  padding: 10px;
  border-radius: 0px;
  cursor: pointer;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  transition: 0.3s; }
  .agent-wrapper .exit_session .fe-arrow-up-circle {
    left: -32px;
    font-size: 2.5rem;
    top: -19px; }
  .agent-wrapper .exit_session:hover {
    right: -40px; }

.agent-wrapper .wrapper-agent {
  display: flex;
  flex-direction: row;
  background: #12263f; }
  .agent-wrapper .wrapper-agent .loading-wrapper .loader {
    color: #fff;
    z-index: 10000000000;
    position: absolute;
    top: 50%;
    left: 50%; }

.agent-wrapper iframe {
  width: 100%;
  height: 350px;
  border: 0px;
  box-shadow: none; }

.agent-wrapper .slick-prev, .agent-wrapper .slick-next {
  top: 45px;
  background: #f5f5f5;
  height: 30px;
  width: 30px;
  padding-top: 2px; }
  .agent-wrapper .slick-prev:before, .agent-wrapper .slick-next:before {
    color: blue; }

.agent-wrapper .slick-prev {
  left: -35px; }

.agent-wrapper .slick-next {
  right: -35px; }

.agent-wrapper .user-details {
  padding: 20px;
  background: #f5f5f5;
  font-size: 18px;
  color: #969696;
  border-bottom: 2px solid #eee; }
  .agent-wrapper .user-details strong {
    color: #354052; }
  .agent-wrapper .user-details .custom-link {
    margin-left: 10px; }
  .agent-wrapper .user-details .typeform-share {
    text-decoration: none;
    background-color: #267DDD;
    color: white;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    margin: 0;
    height: 30px;
    padding: 0px 33px;
    border-radius: 5px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    float: right; }

.agent-wrapper .table-wrapper {
  width: 69%;
  position: relative;
  margin: 20px 1% 20px 2%;
  border-radius: 10px;
  background-color: #152e4d;
  border: 1px solid #152e4d; }

.agent-wrapper .labels {
  float: left;
  width: 33%;
  font-weight: 500; }
  .agent-wrapper .labels .row-head {
    background-color: #12263f;
    color: #6e84a3;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border-bottom: 1px solid #1e3a5c;
    font-size: 16px;
    font-weight: 900; }
  .agent-wrapper .labels div.row-item {
    padding: 10px;
    height: auto;
    border-bottom: 1px solid #1e3a5c;
    border-right: 1px solid #1e3a5c;
    font-size: 16px; }
    .agent-wrapper .labels div.row-item a {
      color: #fff;
      text-decoration: none;
      cursor: default;
      font-weight: 900; }
    .agent-wrapper .labels div.row-item ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
    .agent-wrapper .labels div.row-item.usage-bar {
      height: 180px; }
      .agent-wrapper .labels div.row-item.usage-bar .appliances ul {
        list-style: none; }
        .agent-wrapper .labels div.row-item.usage-bar .appliances ul li {
          padding: 5px;
          color: #fff; }
      .agent-wrapper .labels div.row-item.usage-bar .appliances-not-available {
        color: #fff;
        line-height: 130px;
        text-align: center;
        font-weight: 200; }
    .agent-wrapper .labels div.row-item:first-child {
      border-right: none;
      height: 55px; }
    .agent-wrapper .labels div.row-item:last-child {
      border-bottom: none; }
    .agent-wrapper .labels div.row-item .appliances-not-available {
      color: #fff;
      line-height: 130px;
      text-align: center; }
  .agent-wrapper .labels .border-across {
    border-bottom: 2px solid #e6e5e6;
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 10; }

.agent-wrapper .data {
  float: left;
  width: 67%;
  color: #fff; }
  .agent-wrapper .data .row-head {
    background-color: #12263f;
    color: #6e84a3;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border-bottom: 1px solid #1e3a5c;
    font-size: 14px;
    font-weight: 900; }
  .agent-wrapper .data .date {
    font-weight: 500; }
  .agent-wrapper .data div.row-item {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    height: auto;
    border-bottom: 1px solid #1e3a5c;
    position: relative; }
    .agent-wrapper .data div.row-item .dropdown-wrapper {
      text-align: left; }
      .agent-wrapper .data div.row-item .dropdown-wrapper .dropdown .btn.btn-primary {
        background-color: #2c7be5;
        border-color: #2c7be5; }
      .agent-wrapper .data div.row-item .dropdown-wrapper .dropdown .dropdown-menu {
        overflow: scroll;
        max-height: 300px;
        background-color: #152e4d;
        background-clip: padding-box;
        border: 1px solid #12263f; }
        .agent-wrapper .data div.row-item .dropdown-wrapper .dropdown .dropdown-menu li a {
          color: #6e84a3; }
    .agent-wrapper .data div.row-item ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
    .agent-wrapper .data div.row-item .sub-text {
      font-size: 13px; }
    .agent-wrapper .data div.row-item.usage-bar {
      height: 180px; }
    .agent-wrapper .data div.row-item:first-child {
      padding: 10px;
      border-right: none;
      height: 55px; }
    .agent-wrapper .data div.row-item:last-child {
      border-bottom: none; }
  .agent-wrapper .data div.row-item.vacation_days .glyphicon, .agent-wrapper .data div.row-item.days_with_higher_usage .glyphicon {
    top: 3px;
    left: 13px; }
  .agent-wrapper .data div.row-item.date {
    position: relative;
    font-size: 12px; }
    .agent-wrapper .data div.row-item.date .energyfit-icon-arrow-down {
      width: 25px;
      height: 16px;
      background: #fff;
      position: absolute;
      top: 30px;
      right: 14px;
      color: #6ABCF2;
      cursor: pointer;
      border: 1px solid #ccc; }
    .agent-wrapper .data div.row-item.date .date-drop-down {
      background: #fff;
      padding: 5px;
      position: absolute;
      width: 160px;
      top: 70px;
      z-index: 10;
      box-shadow: -1px 2px 7px -1px #ccc;
      height: 200px;
      overflow: scroll;
      user-select: none; }
      .agent-wrapper .data div.row-item.date .date-drop-down .date-item {
        padding: 5px 0px;
        border-bottom: 1px solid #eee;
        cursor: pointer; }
  .agent-wrapper .data .month {
    width: 50%;
    float: left; }
    .agent-wrapper .data .month .usage-bar .appliance-details {
      font-size: 12px;
      font-weight: 400;
      display: none; }
    .agent-wrapper .data .month .usage-bar .appliances-not-available {
      line-height: 130px; }
    .agent-wrapper .data .month .usage-bar ul {
      list-style: none; }
      .agent-wrapper .data .month .usage-bar ul li {
        padding: 5px;
        font-size: 16px;
        position: relative; }
        .agent-wrapper .data .month .usage-bar ul li .sub-text {
          display: inline; }
        .agent-wrapper .data .month .usage-bar ul li .app-details {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          z-index: 10;
          line-height: 40px;
          font-size: 12px;
          color: #fff;
          background: rgba(0, 0, 0, 0.6);
          line-height: 22px; }
    .agent-wrapper .data .month.selected .usage-bar ul li .progress.selected {
      opacity: 1; }
    .agent-wrapper .data .month.selected .usage-bar ul li .sub-text {
      display: inline; }
    .agent-wrapper .data .month.selected .usage-bar ul li.highlight {
      color: #ffffff; }
      .agent-wrapper .data .month.selected .usage-bar ul li.highlight .sub-text {
        display: inline; }
    .agent-wrapper .data .month.selected .usage-bar .appliance-details {
      display: block; }
    .agent-wrapper .data .month.selected div.row-item {
      padding: 10px;
      border-right: 1px solid #1e3a5c; }
      .agent-wrapper .data .month.selected div.row-item div.highlight-div {
        position: relative; }
      .agent-wrapper .data .month.selected div.row-item:first-child {
        border-right: none; }
  .agent-wrapper .data .graph-bar {
    position: absolute;
    width: 800px;
    border-bottom: 1px solid #eaeaea;
    text-align: right; }
  .agent-wrapper .data .graph-bar:nth-child(2) {
    top: 338px; }
  .agent-wrapper .data .graph-bar:nth-child(3) {
    top: 388px; }
  .agent-wrapper .data .graph-bar:nth-child(4) {
    top: 437px; }

.agent-wrapper .likely-cause {
  color: #fff;
  display: flex;
  background-color: #152e4d;
  border-color: #12263f;
  margin: 20px 2% 20px 1%;
  width: 25%;
  border-radius: 10px;
  flex-direction: column; }
  .agent-wrapper .likely-cause .reason {
    font-size: 16px; }
  .agent-wrapper .likely-cause .title {
    font-size: 14px;
    border-bottom: 1px solid #1e3a5c;
    padding: 17px;
    letter-spacing: inherit;
    font-size: 16px;
    font-weight: bold; }
    .agent-wrapper .likely-cause .title a {
      color: #fff;
      text-decoration: none;
      cursor: default; }
  .agent-wrapper .likely-cause .reasons {
    margin-top: 10px;
    height: 517px;
    overflow-y: auto; }
    .agent-wrapper .likely-cause .reasons ul {
      list-style: none;
      padding: 0px;
      margin: 0px; }
      .agent-wrapper .likely-cause .reasons ul li {
        padding: 20px;
        border-radius: 3px;
        padding-bottom: 10px;
        background: #1e3a5c;
        margin: 10px; }
        .agent-wrapper .likely-cause .reasons ul li .feedaback {
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          border-top: 1px solid #12263f;
          padding-top: 8px;
          margin-top: 25px;
          line-height: 35px; }
          .agent-wrapper .likely-cause .reasons ul li .feedaback .icon-positive, .agent-wrapper .likely-cause .reasons ul li .feedaback .icon-negative {
            padding: 4px;
            border-radius: 30px;
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 35px; }
            .agent-wrapper .likely-cause .reasons ul li .feedaback .icon-positive.active, .agent-wrapper .likely-cause .reasons ul li .feedaback .icon-negative.active {
              background: #12263f; }
          .agent-wrapper .likely-cause .reasons ul li .feedaback .glyphicon {
            font-size: 20px;
            cursor: pointer; }

.fuel-selection-modal .modal-dialog {
  width: 450px; }
  .fuel-selection-modal .modal-dialog .modal-content {
    width: 450px;
    background-clip: border-box; }
  .fuel-selection-modal .modal-dialog .fuel-selection-content {
    background-color: #ffffff;
    color: #747373;
    text-align: center;
    padding: 25px; }
    .fuel-selection-modal .modal-dialog .fuel-selection-content .title {
      font-size: 22px;
      font-weight: 300; }
    .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper {
      margin: 15px 0;
      display: flex;
      justify-content: space-evenly; }
      .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box {
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 15px;
        width: 180px;
        height: 90px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 5px; }
        .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box:hover {
          cursor: pointer;
          color: #3694fc;
          border-color: #3694fc; }
          .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box:hover .fuel-icon.gas {
            background-image: url("../images/gas-icon.png"); }
          .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box:hover .fuel-icon.electric {
            background-image: url("../images/electric-icon.png"); }
          .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box:hover .fuel-icon.water {
            background-image: url("../images/water-icon.png"); }
        .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box .fuel-icon-wrapper {
          padding-bottom: 5px; }
        .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box .fuel-icon {
          display: inline-block;
          vertical-align: middle;
          height: 33px;
          width: 29px;
          background-repeat: no-repeat;
          background-position: center center; }
          .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box .fuel-icon.gas {
            background-image: url("../images/gas-icon-gray.png"); }
          .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box .fuel-icon.electric {
            background-image: url("../images/electric-icon-gray.png"); }
          .fuel-selection-modal .modal-dialog .fuel-selection-content .fuel-types-wrapper .fuel-type-box .fuel-icon.water {
            background-image: url("../images/water-icon-gray.png"); }

.fuel-selection-modal.fade {
  opacity: 1 !important; }
  .fuel-selection-modal.fade .modal-dialog {
    transform: inherit !important; }

.custom-callcenter-xsm-modal .confirmation-modal-footer {
  justify-content: inherit; }

.custom-callcenter-xsm-modal .close-icon {
  cursor: pointer; }

.custom-callcenter-xsm-modal .modal-dialog {
  width: 600px; }
  .custom-callcenter-xsm-modal .modal-dialog .modal-content {
    background-clip: border-box;
    width: 600px; }
    .custom-callcenter-xsm-modal .modal-dialog .modal-content .callcenter-survey-wrapper {
      width: 100%;
      height: 100%; }

.custom-callcenter-xsm-modal .btn-wrapper {
  display: flex; }
  .custom-callcenter-xsm-modal .btn-wrapper .btn-bidgely {
    width: 170px;
    padding: 8px 6px;
    font-size: 14px; }
    .custom-callcenter-xsm-modal .btn-wrapper .btn-bidgely[disabled] {
      background-color: #6F7E95;
      border-color: #6F7E95; }

.custom-callcenter-xsm-modal .modal-footer {
  padding: 0;
  text-align: center; }

.custom-callcenter-xsm-modal .dropdown-menu.open {
  max-width: 60%; }

.custom-callcenter-xsm-modal .bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
  max-width: 97%;
  text-overflow: ellipsis;
  overflow: hidden; }

.custom-callcenter-xsm-modal span.title-bar {
  font-size: 20px;
  font-weight: 500; }

.custom-callcenter-xsm-modal form label {
  font-weight: 500; }

.custom-callcenter-xsm-modal form input[type="text"], .custom-callcenter-xsm-modal form textarea {
  border: 1px solid;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 3px;
  width: 100%; }

.custom-callcenter-xsm-modal form input[type=text]::placeholder, .custom-callcenter-xsm-modal form textarea::placeholder {
  font-size: 14px;
  line-height: 1.42857143;
  color: #95aac9; }

.custom-callcenter-xsm-modal form input[type=text]::-webkit-input-placeholder, .custom-callcenter-xsm-modal form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  line-height: 1.42857143;
  color: #95aac9; }

.custom-callcenter-xsm-modal form input[type=text]::-moz-placeholder, .custom-callcenter-xsm-modal form textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  line-height: 1.42857143;
  color: #95aac9; }

.custom-callcenter-xsm-modal form input[type=text]:-ms-input-placeholder, .custom-callcenter-xsm-modal form textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  line-height: 1.42857143;
  color: #95aac9; }

.custom-callcenter-xsm-modal form input[type=text]:-moz-placeholder, .custom-callcenter-xsm-modal form textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  line-height: 1.42857143;
  color: #95aac9; }

.custom-callcenter-xsm-modal form input[type=text]:disabled {
  color: #dfdfdf;
  cursor: not-allowed;
  background-color: white !important;
  border: 1px solid #dedede; }

.custom-callcenter-xsm-modal form .input-labels {
  display: flex;
  flex-direction: row;
  margin-top: 15px; }
  .custom-callcenter-xsm-modal form .input-labels .radio-btn-wrapper {
    display: flex;
    flex-direction: column; }
    .custom-callcenter-xsm-modal form .input-labels .radio-btn-wrapper .radio:first-child {
      margin-top: 0px; }
  .custom-callcenter-xsm-modal form .input-labels.with-text-area {
    margin-top: 25px; }
  .custom-callcenter-xsm-modal form .input-labels .disable {
    color: #bdbdbd;
    font-weight: 400; }
  .custom-callcenter-xsm-modal form .input-labels .disable + input[type=text]::placeholder {
    font-size: 14px !important;
    color: #bdbdbd !important; }
  .custom-callcenter-xsm-modal form .input-labels .disable + input[type=text]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px !important;
    color: #bdbdbd !important; }
  .custom-callcenter-xsm-modal form .input-labels .disable + input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px !important;
    color: #bdbdbd !important; }
  .custom-callcenter-xsm-modal form .input-labels .disable + input[type=text]:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px !important;
    color: #bdbdbd !important; }
  .custom-callcenter-xsm-modal form .input-labels .disable + input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px !important;
    color: #bdbdbd !important; }
  .custom-callcenter-xsm-modal form .input-labels label {
    margin-bottom: 0px;
    min-width: 40%;
    max-width: 40%;
    padding-right: 10px;
    padding-top: 5px; }
    .custom-callcenter-xsm-modal form .input-labels label span {
      font-size: 12px;
      font-weight: 400; }

.custom-callcenter-xsm-modal form .checkbox-wrapper {
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  margin: auto;
  margin-bottom: 30px;
  position: relative; }
  .custom-callcenter-xsm-modal form .checkbox-wrapper label {
    padding-left: 30px; }
  .custom-callcenter-xsm-modal form .checkbox-wrapper .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px; }
  .custom-callcenter-xsm-modal form .checkbox-wrapper input[type="checkbox"] {
    height: 22px;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 2; }

.custom-callcenter-xsm-modal.fade {
  opacity: 1 !important; }
  .custom-callcenter-xsm-modal.fade .modal-dialog {
    transform: inherit !important; }

.modal-backdrop.fade {
  opacity: 0.8 !important; }

.success_message {
  height: 500px;
  text-align: center;
  line-height: 500px; }

.error-message {
  padding: 20px;
  text-align: center;
  width: 100%;
  background-color: #12263f;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  opacity: 0.75;
  font-size: 30px;
  font-weight: 700; }

@media (min-width: 980px) and (max-width: 1458px) {
  .agent-wrapper .call-center .card-body .dropdown .btn-white {
    font-size: 0.6375rem; }
  .agent-wrapper .call-center .card-body .dropdown .dropdown-menu {
    width: 8rem;
    padding: 0;
    min-width: auto; }
    .agent-wrapper .call-center .card-body .dropdown .dropdown-menu a.dropdown-item {
      padding-left: 0.7rem;
      padding: .5rem .75rem;
      text-align: center;
      font-size: 0.6375rem; } }

@media (min-width: 768px) and (max-width: 980px) {
  .agent-wrapper .call-center .card-body .dropdown .btn-white {
    font-size: 0.4375rem; } }

@media (max-width: 1200px) {
  .agent-wrapper .likely-reason-wrapper .card-body {
    height: auto;
    overflow-y: inherit; } }

.dashboard-page .loading-wrapper .loader, .agent-wrapper .loading-wrapper .loader,
.callcenter-wrapper .loading-wrapper .loader, .home-profile-survey .loading-wrapper .loader {
  color: #12263f; }

.dashboard-page .loading-wrapper .overlay, .agent-wrapper .loading-wrapper .overlay,
.callcenter-wrapper .loading-wrapper .overlay, .home-profile-survey .loading-wrapper .overlay {
  background-color: transparent; }

button:disabled {
  cursor: not-allowed; }

.modal-dialog {
  width: 25%; }
  .modal-dialog.email {
    width: 55%; }
    .modal-dialog.email .modal-content {
      width: 725px; }
      .modal-dialog.email .modal-content .modal-body.notification-content iframe {
        width: 724px; }
  .modal-dialog.render-pdf iframe {
    height: 624px; }
  .modal-dialog .modal-header.compact-modal-box {
    border-bottom: 0px;
    padding: 0px; }
  .modal-dialog .modal-content {
    border-radius: 0px;
    width: 375px; }
    .modal-dialog .modal-content .modal-body.notification-content {
      padding: 0px;
      color: #ffffff; }
      .modal-dialog .modal-content .modal-body.notification-content iframe {
        border: 0px;
        display: block;
        width: 373px; }
      .modal-dialog .modal-content .modal-body.notification-content .close {
        position: absolute;
        top: -10px;
        right: -25px;
        font-size: 30px;
        color: #ffffff;
        opacity: 1;
        font-weight: 100; }
      .modal-dialog .modal-content .modal-body.notification-content .status-bar .title {
        background: #e78523;
        padding: 10px; }
        .modal-dialog .modal-content .modal-body.notification-content .status-bar .title .desc {
          font-weight: 200; }
        .modal-dialog .modal-content .modal-body.notification-content .status-bar .title .download-btn {
          margin-left: 46rem;
          background-color: #3794FC;
          width: 132px;
          height: 30px;
          border-radius: 3px;
          border-style: none;
          padding-top: 6px; }
        .modal-dialog .modal-content .modal-body.notification-content .status-bar .title .download-icon {
          margin-right: 7px;
          height: 22px;
          width: 22px;
          background-image: url("../images/download.png");
          background-repeat: no-repeat;
          background-size: contain; }
        .modal-dialog .modal-content .modal-body.notification-content .status-bar .title .download-title {
          font-family: Arial;
          font-size: 14px;
          line-height: 16px; }
        .modal-dialog .modal-content .modal-body.notification-content .status-bar .title .download-btn-container {
          display: flex; }
      .modal-dialog .modal-content .modal-body.notification-content .status-bar .notification-sent-info {
        background: #354052;
        padding: 10px;
        font-weight: 200; }

.default {
  display: block;
  padding: 20px;
  width: 100%; }

.login {
  padding: 20px;
  margin: 0 auto;
  font-weight: 400;
  text-align: center; }
  .login .login-screen-info {
    width: 55%;
    margin: 0 auto; }
    .login .login-screen-info a {
      text-decoration: none; }

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

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

.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("../images/selected-check.png");
    background-size: 30px 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s;
    width: 30px; }
  .choices-wrapper .choice .pre-choice-checked {
    opacity: 0;
    background-image: url("../images/gray-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,
  .choices-wrapper .choice.selected .pre-choice-checked {
    opacity: 1; }
  .choices-wrapper .choice:last-child {
    margin-right: 0; }

.toggled .survey .btn-wrap {
  left: 55px; }

.survey {
  font-size: 12px;
  padding-bottom: 56px; }
  .survey .title {
    background-color: #F5F5F5;
    color: #969696;
    font-size: 20px;
    font-weight: 300;
    overflow: hidden;
    padding: 15px 0 15px 20px;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .survey .title > span {
      color: #000000; }
  .survey .survey-content {
    font-size: 12px;
    padding-top: 145px; }
    .survey .survey-content .survey-category {
      background-color: #B0B9C9;
      border: 1px solid #ffffff;
      border-top: none;
      color: #ffffff;
      cursor: pointer;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 3px;
      padding: 8px 22px;
      text-transform: uppercase; }
      .survey .survey-content .survey-category.active {
        background-color: #15A4FA; }
      .survey .survey-content .survey-category .unanswered-alert > div {
        display: inline-block;
        vertical-align: middle; }
      .survey .survey-content .survey-category .unanswered-alert .mandatory-icon {
        background: url("../images/unanswered-question.png") no-repeat;
        background-size: 20px 20px;
        height: 20px;
        width: 20px; }
      .survey .survey-content .survey-category .unanswered-alert .ques-ans-status {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: normal;
        text-transform: none;
        line-height: 18px; }
    .survey .survey-content .questions-wrapper {
      position: relative; }
      .survey .survey-content .questions-wrapper .required-label {
        bottom: 0;
        font-size: 11px;
        font-weight: 500;
        position: absolute;
        right: 0; }
      .survey .survey-content .questions-wrapper .question-area {
        font-weight: 500;
        border-bottom: 1px solid #DFDFDF;
        position: relative;
        padding: 10px 0; }
        .survey .survey-content .questions-wrapper .question-area .question-label {
          font-weight: 500;
          line-height: 15px;
          padding-left: 8px;
          word-spacing: 1px; }
          .survey .survey-content .questions-wrapper .question-area .question-label.essential-label {
            color: #e78523; }
        .survey .survey-content .questions-wrapper .question-area .choice {
          overflow: hidden; }
          .survey .survey-content .questions-wrapper .question-area .choice.file-container input[type=file] {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1; }
          .survey .survey-content .questions-wrapper .question-area .choice.file-container label {
            cursor: pointer;
            display: inline-block;
            line-height: 50px;
            width: 100%; }
          .survey .survey-content .questions-wrapper .question-area .choice.file-container .energyfit-icon-plus {
            color: #15A4FA;
            font-size: 30px;
            display: inline;
            position: inherit;
            vertical-align: middle; }
        .survey .survey-content .questions-wrapper .question-area .form-control {
          font-size: 12px;
          height: 40px; }
    .survey .survey-content .display-overlay {
      bottom: 0;
      background-color: #F5F5F5;
      left: 0;
      opacity: 0.8;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 100; }
  .survey .message-screen {
    font-size: 16px;
    padding: 160px 20px 20px; }
    .survey .message-screen .message {
      font-size: 22px;
      font-weight: 500;
      padding-bottom: 10px; }
    .survey .message-screen .grey-label {
      color: #969696; }
  .survey .btn-wrap {
    background-color: #ffffff;
    bottom: 0;
    left: 220px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 100; }
    .survey .btn-wrap .btn-bidgely {
      font-size: 13px;
      font-weight: 300; }
  .survey.fa-v1-survey .cta-sticky-bottom {
    background-color: rgba(0, 0, 0, 0.5);
    left: 220px; }
    .survey.fa-v1-survey .cta-sticky-bottom .btn-bidgely {
      border-radius: 3px;
      border: 0;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 1px;
      padding: 10px 12px; }
  .survey.fa-v1-survey .survey-content {
    padding-top: 138px; }

.no-breakdown-survey .survey-content {
  padding-top: 215px; }

.img-upload-modal {
  top: 130px; }
  .img-upload-modal .modal-dialog {
    width: 500px; }
    .img-upload-modal .modal-dialog .modal-content {
      border-radius: 5px;
      width: 500px; }
      .img-upload-modal .modal-dialog .modal-content .modal-header {
        border-bottom: 0px; }
      .img-upload-modal .modal-dialog .modal-content .modal-body {
        font-size: 14px;
        padding: 0 15px;
        min-height: 170px;
        text-align: center; }
        .img-upload-modal .modal-dialog .modal-content .modal-body .heading {
          font-size: 16px;
          padding-bottom: 40px; }
        .img-upload-modal .modal-dialog .modal-content .modal-body .upload-option {
          background-color: #15A4FA;
          border-radius: 3px;
          color: #ffffff;
          font-size: 14px;
          float: left;
          height: 95px;
          margin: 0 15px 10px 0;
          text-transform: uppercase;
          width: 105px; }
          .img-upload-modal .modal-dialog .modal-content .modal-body .upload-option:last-child {
            margin-right: 0; }
          .img-upload-modal .modal-dialog .modal-content .modal-body .upload-option .symbol {
            height: 55px; }
            .img-upload-modal .modal-dialog .modal-content .modal-body .upload-option .symbol .hide-default-file-input {
              height: 0.1px;
              opacity: 0;
              overflow: hidden;
              position: absolute;
              width: 0.1px;
              z-index: -1; }
            .img-upload-modal .modal-dialog .modal-content .modal-body .upload-option .symbol .hide-default-file-input + label {
              background-color: #ffffff;
              color: #000000;
              font-size: 11px;
              cursor: pointer; }
          .img-upload-modal .modal-dialog .modal-content .modal-body .upload-option .caption {
            font-size: 11px;
            margin: 0 auto;
            text-align: center;
            width: 82px; }
      .img-upload-modal .modal-dialog .modal-content .modal-footer {
        border-top: 0px;
        padding: 0; }

@media (max-width: 1024px) {
  .survey .survey-content .questions-wrapper .question-area .choices-wrapper .choice {
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 95px; }
    .survey .survey-content .questions-wrapper .question-area .choices-wrapper .choice > span {
      width: 92px; } }

@media (max-width: 768px) {
  .survey .survey-content .question-area .choices-wrapper .choice {
    margin-bottom: 10px; } }

.toggled .worklist .top-fixed-header {
  left: 55px; }

.toggled .fa-v1 .top-fixed-header {
  left: 55px; }

.full-width .worklist .top-fixed-header {
  left: 0; }

.full-width .survey .btn-wrap {
  left: 0; }

.unsync-audits .inner-header {
  background-color: #F5F5F5;
  font-size: 16px;
  min-height: 100px;
  padding: 25px 20px; }
  .unsync-audits .inner-header .heading {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 5px; }

.unsync-audits .test .btn-wrapper {
  text-align: center;
  margin: 20px 0; }

.unsync-audits.worklist .sync-btn {
  width: 100px;
  margin-right: 20px; }

.unsync-audits .sync-btn-wrapper a {
  text-decoration: underline;
  letter-spacing: 1px; }

.worklist {
  font-size: 13px; }
  .worklist .offline-mode {
    color: #e78523; }
  .worklist .tools-bar {
    background: #354052; }
  .worklist .cta-sticky-bottom {
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 100; }
    .worklist .cta-sticky-bottom .btn-bidgely {
      border: 0;
      font-size: 13px;
      font-weight: 300; }
      .worklist .cta-sticky-bottom .btn-bidgely.disable {
        background-color: #D7D7D7;
        cursor: not-allowed; }
      .worklist .cta-sticky-bottom .btn-bidgely:focus {
        outline: 0; }
    .worklist .cta-sticky-bottom .sync .loading-spinner {
      top: 5px;
      left: 310px; }
    .worklist .cta-sticky-bottom.cta-center {
      text-align: center; }
  .worklist .radio-wrapper .radio, .worklist .radio-wrapper .checkbox, .worklist .checkbox-wrapper .radio, .worklist .checkbox-wrapper .checkbox {
    line-height: 25px; }
    .worklist .radio-wrapper .radio label, .worklist .radio-wrapper .checkbox label, .worklist .checkbox-wrapper .radio label, .worklist .checkbox-wrapper .checkbox label {
      padding-left: 28px; }
  .worklist .no-data-found {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center; }
    .worklist .no-data-found .message {
      font-size: 15px; }
  .worklist .animate-content {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .worklist .top-fixed-header {
    position: fixed;
    left: 220px;
    right: 0;
    z-index: 1000; }
    .worklist .top-fixed-header.inner-header {
      margin-top: 45px;
      min-height: 100px; }
    .worklist .top-fixed-header .no-breakdown {
      background-color: #F5F5F5;
      padding: 15px; }
      .worklist .top-fixed-header .no-breakdown .alert {
        font-size: 14px;
        margin-bottom: 0;
        padding: 9px; }
  .worklist .page-nav-bar {
    background-color: #F5F5F5;
    border-bottom: 1px solid #c8c8c8;
    font-weight: 500;
    line-height: 13px;
    padding: 10px 15px; }
    .worklist .page-nav-bar.disable > a {
      cursor: not-allowed; }
    .worklist .page-nav-bar > a {
      color: #15A4FA;
      text-decoration: none; }
      .worklist .page-nav-bar > a:hover, .worklist .page-nav-bar > a:visited {
        color: #15A4FA;
        text-decoration: none; }
    .worklist .page-nav-bar .back-link > div {
      display: inline-block;
      vertical-align: middle; }
    .worklist .page-nav-bar .back-link .back-icon {
      background: url("../images/back-arrow.png") no-repeat 0 0;
      background-size: 13px 13px;
      width: 13px;
      height: 13px; }
  .worklist .status.COMPLETED, .worklist .status.SYNCED {
    color: #070; }
  .worklist .status.PENDING {
    color: #e78523; }
  .worklist .sync-btn {
    margin-top: 5px;
    padding: 5px 12px;
    width: 100px; }

.fa-v1 .top-fixed-header {
  left: 220px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000; }

.fa-v1 .worklist-view .top-fixed-header {
  top: unset; }

.btn-wrapper .btn-bidgely {
  border-radius: 3px;
  border: 0;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 12px; }
  .btn-wrapper .btn-bidgely.disable {
    background-color: #D7D7D7;
    cursor: not-allowed; }
  .btn-wrapper .btn-bidgely:focus {
    outline: 0; }

.loading-spinner {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0; }

.add-audit-btn {
  bottom: 20px;
  color: #15A4FA;
  cursor: pointer;
  font-size: 50px;
  position: fixed;
  right: 20px;
  z-index: 100; }

.audit-header {
  background-color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 13px;
  font-weight: 300;
  min-height: 100px;
  padding: 50px 20px 10px; }
  .audit-header .title {
    color: #969696;
    font-size: 18px;
    font-weight: 300;
    overflow: hidden;
    padding: 0 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .audit-header .name {
    font-size: 20px;
    font-weight: 400; }
  .audit-header .details {
    width: 50%; }
    .audit-header .details.address-info {
      float: left; }
    .audit-header .details.account-info {
      text-align: right;
      float: right; }
      .audit-header .details.account-info > div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.custom-audit-sm-modal .modal-dialog {
  width: 750px; }
  .custom-audit-sm-modal .modal-dialog .modal-content {
    background-color: #F5F5F5;
    border-radius: 5px;
    min-height: 550px;
    width: auto; }
    .custom-audit-sm-modal .modal-dialog .modal-content .preview-body {
      padding: 15px 0 50px 0;
      text-align: center; }
      .custom-audit-sm-modal .modal-dialog .modal-content .preview-body .title {
        font-size: 16px;
        font-weight: 500;
        padding: 15px 0 50px 0;
        margin: 0 auto;
        width: 500px; }
      .custom-audit-sm-modal .modal-dialog .modal-content .preview-body .image-preview {
        max-width: 500px; }
    .custom-audit-sm-modal .modal-dialog .modal-content .header {
      background-color: #ffffff;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      font-size: 13px;
      font-weight: 300;
      min-height: 100px;
      padding: 20px 20px 10px; }
      .custom-audit-sm-modal .modal-dialog .modal-content .header .name {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px; }
      .custom-audit-sm-modal .modal-dialog .modal-content .header .details {
        width: 50%; }
        .custom-audit-sm-modal .modal-dialog .modal-content .header .details.address-info {
          float: left; }
        .custom-audit-sm-modal .modal-dialog .modal-content .header .details.account-info {
          text-align: right;
          float: right; }
          .custom-audit-sm-modal .modal-dialog .modal-content .header .details.account-info > div {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
    .custom-audit-sm-modal .modal-dialog .modal-content .close-icon {
      color: #979797;
      cursor: pointer;
      font-size: 30px;
      padding-right: 20px; }

.finish-audit-modal {
  color: #525252; }
  .finish-audit-modal textarea {
    outline: none; }
  .finish-audit-modal .close-icon {
    color: #979797;
    cursor: pointer;
    font-size: 30px;
    padding-right: 20px; }
  .finish-audit-modal .header {
    font-weight: 300; }
  .finish-audit-modal .modal-body {
    background-color: #f5f5f5;
    position: relative;
    min-height: 390px; }
    .finish-audit-modal .modal-body .modal-body-content {
      padding: 20px 30px; }
    .finish-audit-modal .modal-body .info-title {
      font-size: 15px;
      font-weight: 500; }
    .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .recommendations-list {
      list-style: none;
      width: 450px;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap; }
      .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .recommendations-list .reco {
        background-color: #ffffff;
        border-radius: 5px;
        margin: 15px 15px 10px 0;
        padding: 10px 0px 30px;
        display: inline-block;
        width: 210px; }
        .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .recommendations-list .reco .title-holder {
          border-bottom: 1px solid #F6F6F6;
          padding-bottom: 15px; }
        .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .recommendations-list .reco .multiline-input {
          resize: none; }
        .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .recommendations-list .reco .custom-input {
          font-size: 10px;
          padding: 0px 10px 0px 10px;
          border: none !important;
          width: 100%; }
        .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .recommendations-list .reco .saving-img-holder {
          background-image: url("../images/savings.png");
          background-size: cover;
          height: 120px;
          margin: 10px 0px;
          background-repeat: no-repeat; }
    .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .add-reco-btn {
      color: #15A4FA;
      cursor: pointer;
      font-size: 50px;
      position: absolute;
      right: 100px;
      top: 170px; }
      .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .add-reco-btn .energyfit-icon-plus {
        font-family: "energyfit-icon";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased; }
        .finish-audit-modal .modal-body .finish-audit-custom-recos .reco-list-block .add-reco-btn .energyfit-icon-plus:before {
          content: "\e91b"; }
    .finish-audit-modal .modal-body .error-msg {
      color: #FF0000;
      font-size: 13px; }
    .finish-audit-modal .modal-body .finish-audit-add-info .info-options {
      line-height: 23px;
      margin: 10px 0px 15px; }
      .finish-audit-modal .modal-body .finish-audit-add-info .info-options textarea.form-control {
        font-weight: 300; }
    .finish-audit-modal .modal-body .finish-audit-cap-sign .declare-text {
      font-size: 13px;
      font-weight: 500;
      margin-top: 10px; }
    .finish-audit-modal .modal-body .finish-audit-cap-sign .signature-canvas {
      margin: 30px auto;
      width: 600px; }
      .finish-audit-modal .modal-body .finish-audit-cap-sign .signature-canvas #signature-pad {
        background-color: #ffffff;
        border: 1px solid #DDDDDD;
        border-radius: 5px; }
  .finish-audit-modal .modal-footer {
    background-color: #f5f5f5;
    border-top: 0px;
    padding: 15px;
    padding-top: 0;
    text-align: center; }
    .finish-audit-modal .modal-footer .btn-wrapper .btn-bidgely {
      border-radius: 3px;
      border: 0;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 1px;
      padding: 10px 12px;
      width: 150px;
      margin: 5px; }

.worklist-view .calender-wrapper {
  background-color: #F5F5F5;
  border-bottom: 1px solid #E6E6E6;
  z-index: 100; }
  .worklist-view .calender-wrapper .date-carousel {
    font-weight: 500;
    height: 65px;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0; }
    .worklist-view .calender-wrapper .date-carousel .dates-container {
      overflow-x: auto;
      overflow-y: hidden;
      height: 80px; }
      .worklist-view .calender-wrapper .date-carousel .dates-container div + div.selected {
        margin-left: -1px; }
        .worklist-view .calender-wrapper .date-carousel .dates-container div + div.selected .nav-area {
          border-right: 0; }
      .worklist-view .calender-wrapper .date-carousel .dates-container div:first-child.selected .nav-area {
        border-right: 0; }
    .worklist-view .calender-wrapper .date-carousel .nav-item {
      color: #15A4FA;
      cursor: pointer;
      text-align: center;
      display: inline-block;
      padding: 6px 0;
      width: 140px; }
      .worklist-view .calender-wrapper .date-carousel .nav-item .nav-area {
        border-right: 1px solid #c8c8c8;
        padding: 7px 0;
        font-size: 15px; }
        .worklist-view .calender-wrapper .date-carousel .nav-item .nav-area .total {
          font-size: 13px; }
      .worklist-view .calender-wrapper .date-carousel .nav-item.selected {
        background-color: #15A4FA;
        color: #ffffff; }

.worklist-view .audits-wrapper {
  font-size: 12px;
  padding-top: 110px; }
  .worklist-view .audits-wrapper .audit-list-header {
    background-color: #E6E6E6;
    color: #A6A6A6;
    font-weight: 500;
    z-index: 1000; }
    .worklist-view .audits-wrapper .audit-list-header .list-clmn {
      padding: 10px 13px; }
      .worklist-view .audits-wrapper .audit-list-header .list-clmn .header-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .worklist-view .audits-wrapper .audit-list {
    padding-top: 40px; }
    .worklist-view .audits-wrapper .audit-list .audit-info {
      border-bottom: 1px solid #c8c8c8;
      font-weight: 500;
      padding-top: 10px;
      padding-bottom: 10px; }
      .worklist-view .audits-wrapper .audit-list .audit-info .audit, .worklist-view .audits-wrapper .audit-list .audit-info .remove-link {
        cursor: pointer; }
        .worklist-view .audits-wrapper .audit-list .audit-info .audit .remove a, .worklist-view .audits-wrapper .audit-list .audit-info .remove-link .remove a {
          color: #ACACAC;
          text-decoration: none; }
        .worklist-view .audits-wrapper .audit-list .audit-info .audit .adjust-text, .worklist-view .audits-wrapper .audit-list .audit-info .remove-link .adjust-text {
          word-wrap: break-word; }
      .worklist-view .audits-wrapper .audit-list .audit-info .customer-detail > div {
        font-size: 11px; }
        .worklist-view .audits-wrapper .audit-list .audit-info .customer-detail > div.user-name {
          color: #15A4FA;
          font-size: 13px; }
  .worklist-view .audits-wrapper.unsync-audits-info {
    padding-top: 175px;
    color: #A6A6A6; }
    .worklist-view .audits-wrapper.unsync-audits-info .audit-list {
      padding: 40px 0; }

.audit-detail {
  border-bottom: 1px solid #c8c8c8;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 15px;
  width: 100%; }
  .audit-detail .customer-info {
    padding: 80px 0 30px; }
    .audit-detail .customer-info .customer-name {
      font-size: 14px;
      padding-bottom: 10px; }
  .audit-detail .audit-info {
    line-height: 22px;
    padding-bottom: 30px; }
    .audit-detail .audit-info .heading {
      color: #979797;
      float: left;
      padding-right: 10px;
      text-align: right;
      width: 150px; }
    .audit-detail .audit-info .details {
      overflow-x: hidden; }
      .audit-detail .audit-info .details .prev-audit > a {
        color: #15A4FA;
        text-decoration: none; }
        .audit-detail .audit-info .details .prev-audit > a:hover, .audit-detail .audit-info .details .prev-audit > a:visited {
          color: #15A4FA;
          text-decoration: none; }
  .audit-detail .cta .btn-wrapper .btn-bidgely {
    max-width: 152px;
    margin-right: 10px;
    position: relative;
    padding: 10px 20px; }
    .audit-detail .cta .btn-wrapper .btn-bidgely .energyfit-icon-checked {
      height: 15px;
      position: absolute;
      right: 1px;
      top: 4px;
      width: 15px;
      font-size: 10px; }

.fa-v1 .worklist .no-data-found {
  left: 220px; }

@media (min-width: 768px) and (max-width: 1024px) {
  .worklist .worklist-view .audits-wrapper .audit-list-header {
    font-size: 11px; } }

.audit-popup {
  top: 130px; }
  .audit-popup.print-copy-alert .btn-bidgely {
    min-height: 45px; }
  .audit-popup .modal-dialog {
    width: 400px; }
    .audit-popup .modal-dialog .modal-content {
      border-radius: 5px;
      width: 400px; }
      .audit-popup .modal-dialog .modal-content .modal-header {
        padding: 10px;
        border-bottom: 0px; }
        .audit-popup .modal-dialog .modal-content .modal-header .close-icon {
          color: #979797;
          cursor: pointer;
          font-size: 30px;
          padding-right: 20px; }
      .audit-popup .modal-dialog .modal-content .modal-body {
        padding: 0 15px;
        text-align: center; }
        .audit-popup .modal-dialog .modal-content .modal-body.go-offline-modal-body {
          padding-top: 25px; }
        .audit-popup .modal-dialog .modal-content .modal-body .heading {
          font-size: 16px;
          overflow: hidden;
          padding-bottom: 20px;
          text-overflow: ellipsis; }
        .audit-popup .modal-dialog .modal-content .modal-body .title-bar {
          font-size: 18px;
          margin-bottom: 10px; }
        .audit-popup .modal-dialog .modal-content .modal-body .text-bar {
          font-size: 14px;
          padding-bottom: 20px; }
        .audit-popup .modal-dialog .modal-content .modal-body .description {
          font-size: 13px;
          padding-bottom: 20px; }
        .audit-popup .modal-dialog .modal-content .modal-body .image-preview {
          width: 300px;
          height: 200px;
          padding-bottom: 45px; }
      .audit-popup .modal-dialog .modal-content .modal-footer {
        border-top: 0px;
        padding-top: 0;
        text-align: center; }
        .audit-popup .modal-dialog .modal-content .modal-footer .btn-bidgely {
          display: inline-block;
          width: 150px;
          margin: 10px;
          vertical-align: middle; }
  .audit-popup.update-modal {
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    padding-top: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0; }
    .audit-popup.update-modal .modal-dialog {
      top: 103px; }
      .audit-popup.update-modal .modal-dialog .modal-body {
        padding: 27px !important; }
      .audit-popup.update-modal .modal-dialog .update-btn {
        border: 0 !important; }

.add-to-worklist .error-msg {
  color: #d9534f;
  padding-top: 5px;
  clear: both; }

.add-to-worklist .customer-search-wrapper {
  font-size: 12px; }
  .add-to-worklist .customer-search-wrapper .title {
    border-bottom: 1px solid #c8c8c8;
    font-size: 20px;
    padding: 20px; }
  .add-to-worklist .customer-search-wrapper .btn-wrapper .btn-bidgely {
    margin: 0;
    width: 120px; }
  .add-to-worklist .customer-search-wrapper .search-box-container {
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 15px; }
    .add-to-worklist .customer-search-wrapper .search-box-container .search-bar {
      width: 60%;
      margin-right: 15px;
      float: left; }
      .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .icon-addon {
        position: relative; }
        .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .icon-addon input {
          width: 100%;
          padding: 5px 40px;
          height: 34px; }
        .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .icon-addon .fa {
          color: #D7D7D7;
          position: absolute;
          left: 10px;
          font-size: 20px;
          top: 7px; }
          .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .icon-addon .fa.fa-caret-down, .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .icon-addon .fa.fa-caret-up {
            left: auto;
            color: #1AA6FA;
            right: 20px;
            top: 6px; }
      .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box {
        border-radius: 0px 0px 5px 5px;
        position: absolute;
        width: 57.5%;
        background-color: #E6E6E6;
        padding: 25px 20px 10px;
        z-index: 100; }
        .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box .form-control {
          padding-left: 6px; }
        .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box .free-search-form .btn-wrapper {
          text-align: right; }
          .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box .free-search-form .btn-wrapper .btn {
            margin: 0px 10px;
            vertical-align: inherit; }
          .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box .free-search-form .btn-wrapper .btn-bidgely {
            width: 100px; }
            .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box .free-search-form .btn-wrapper .btn-bidgely:hover {
              color: #ffffff; }
        .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box .free-search-form .form-group label {
          font-weight: 500;
          margin: 0; }
        .add-to-worklist .customer-search-wrapper .search-box-container .search-bar .free-search-box .free-search-form .form-group .form-control.search-form-input {
          font-size: 15px; }
    .add-to-worklist .customer-search-wrapper .search-box-container .btn-wrapper {
      float: left; }
  .add-to-worklist .customer-search-wrapper .results-container {
    max-height: 420px;
    position: relative;
    overflow-y: auto; }
    .add-to-worklist .customer-search-wrapper .results-container .spinner-container {
      height: 300px; }
      .add-to-worklist .customer-search-wrapper .results-container .spinner-container .loading-spinner {
        position: absolute;
        left: 0;
        right: 0;
        top: 45%; }
    .add-to-worklist .customer-search-wrapper .results-container .ui-mask {
      position: absolute;
      bottom: 0;
      left: 0;
      top: 0;
      right: 0;
      z-index: 10; }
    .add-to-worklist .customer-search-wrapper .results-container .alert {
      height: 300px;
      text-align: center; }
      .add-to-worklist .customer-search-wrapper .results-container .alert .alert-box {
        position: absolute;
        left: 0;
        right: 0;
        top: 45%; }
        .add-to-worklist .customer-search-wrapper .results-container .alert .alert-box .btn-wrapper {
          padding-top: 20px; }
          .add-to-worklist .customer-search-wrapper .results-container .alert .alert-box .btn-wrapper .btn-bidgely {
            margin: 0 auto; }
    .add-to-worklist .customer-search-wrapper .results-container .result-row {
      width: auto;
      padding: 10px 15px;
      border-bottom: 1px solid #c8c8c8; }
      .add-to-worklist .customer-search-wrapper .results-container .result-row .customer-info {
        border-right: 1px solid #c8c8c8;
        word-wrap: break-word; }
      .add-to-worklist .customer-search-wrapper .results-container .result-row .name {
        color: #15A4FA;
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: 15px; }
    .add-to-worklist .customer-search-wrapper .results-container .btn-wrapper.select {
      float: right; }
    .add-to-worklist .customer-search-wrapper .results-container .btn-wrapper.add-to-list-btn {
      float: right; }
      .add-to-worklist .customer-search-wrapper .results-container .btn-wrapper.add-to-list-btn .btn-bidgely {
        width: 165px; }
    .add-to-worklist .customer-search-wrapper .results-container .btn-wrapper .btn-bidgely {
      padding: 10px 20px; }

.add-to-worklist .add-to-list {
  font-size: 12px; }
  .add-to-worklist .add-to-list .audit-header .name {
    font-size: 16px;
    margin-bottom: 10px; }
  .add-to-worklist .add-to-list .audit-info-form {
    font-size: 12px;
    max-height: 390px;
    max-width: 650px;
    margin: 0 auto;
    padding: 30px 15px; }
    .add-to-worklist .add-to-list .audit-info-form .display-label {
      padding-bottom: 5px; }
    .add-to-worklist .add-to-list .audit-info-form .error-alert {
      color: #d9534f;
      min-height: 16px; }
    .add-to-worklist .add-to-list .audit-info-form .form-group {
      margin-bottom: 10px; }
      .add-to-worklist .add-to-list .audit-info-form .form-group label {
        font-weight: 500; }
      .add-to-worklist .add-to-list .audit-info-form .form-group .form-control {
        font-size: 12px; }
      .add-to-worklist .add-to-list .audit-info-form .form-group .btn-info.active {
        background-color: #15A4FA; }
      .add-to-worklist .add-to-list .audit-info-form .form-group .form-control[readonly] {
        background-color: #ffffff; }
    .add-to-worklist .add-to-list .audit-info-form .time-picker-container .uib-timepicker td {
      padding-right: 10px; }
      .add-to-worklist .add-to-list .audit-info-form .time-picker-container .uib-timepicker td .btn {
        padding: 4px 12px; }
    .add-to-worklist .add-to-list .audit-info-form .add-note-box {
      height: 304px;
      width: 100%; }
  .add-to-worklist .add-to-list .btn-wrapper {
    padding: 30px 0 10px;
    width: auto; }
    .add-to-worklist .add-to-list .btn-wrapper .btn-bidgely {
      margin: 0;
      width: 150px; }

.finish-audit .finish-audit-header .audit-header {
  background-color: #F5F5F5;
  min-height: 65px;
  padding: 0;
  border-bottom: 1px solid #DFDFDF; }
  .finish-audit .finish-audit-header .audit-header .details {
    color: #969696;
    padding: 10px 20px; }
    .finish-audit .finish-audit-header .audit-header .details .name {
      color: #000000;
      line-height: normal; }

.finish-audit .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; }
  .finish-audit .disagg-trigger-overlay .middle {
    display: table-cell;
    vertical-align: middle; }
  .finish-audit .disagg-trigger-overlay .overlay-content {
    color: #ffffff;
    font-size: 30px;
    font-weight: 200;
    line-height: 35px;
    margin: 0 auto;
    max-width: 750px;
    text-align: center; }
    .finish-audit .disagg-trigger-overlay .overlay-content p {
      font-size: 16px;
      margin-bottom: 0px; }
    .finish-audit .disagg-trigger-overlay .overlay-content .loading-spinner {
      top: 60%; }
    .finish-audit .disagg-trigger-overlay .overlay-content .btn.btn-sm {
      background-color: #e78523; }

.finish-audit .finish-audit-content {
  font-size: 15px;
  padding: 110px 0 55px; }
  .finish-audit .finish-audit-content.language.has-back-link {
    padding-top: 145px; }
  .finish-audit .finish-audit-content .form-control {
    border-radius: 3px;
    box-shadow: none; }
    .finish-audit .finish-audit-content .form-control:focus {
      box-shadow: none; }
  .finish-audit .finish-audit-content .title {
    background-color: #15A4FA;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 10px 20px; }
  .finish-audit .finish-audit-content .error-msg {
    color: #FF0000;
    padding: 10px 20px; }
  .finish-audit .finish-audit-content .wrapper {
    padding: 20px; }
  .finish-audit .finish-audit-content .checkbox-wrapper {
    min-height: 28px;
    vertical-align: middle; }
    .finish-audit .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 .finish-audit-content .checkbox-wrapper .checkbox-icon.empty {
        font-size: 31px; }
  .finish-audit .finish-audit-content .info-section {
    padding: 15px 5px;
    border-bottom: 1px solid #DFDFDF; }
    .finish-audit .finish-audit-content .info-section span {
      font-size: 13px; }
    .finish-audit .finish-audit-content .info-section .checkbox-wrapper .choice {
      line-height: 45px; }
  .finish-audit .finish-audit-content.additional-info .info-title {
    font-size: 15px;
    font-weight: 500; }
  .finish-audit .finish-audit-content.additional-info .info-options {
    line-height: 23px;
    margin: 10px 0px 15px; }
    .finish-audit .finish-audit-content.additional-info .info-options .other-input {
      border: 1px solid #DDDDDD;
      width: 80%;
      font-size: 12px;
      margin-left: 15px;
      display: inline;
      padding: 3px 6px;
      height: 25px; }
      .finish-audit .finish-audit-content.additional-info .info-options .other-input:focus {
        outline: none; }
    .finish-audit .finish-audit-content.additional-info .info-options .checkbox {
      margin: 5px 0; }
    .finish-audit .finish-audit-content.additional-info .info-options .option-label {
      padding-left: 30px;
      font-size: 13px;
      font-weight: 500;
      overflow-x: hidden; }
  .finish-audit .finish-audit-content.custom-recos .wrapper {
    padding: 20px 30px; }
  .finish-audit .finish-audit-content.custom-recos .recommendations-list {
    list-style: none;
    min-height: 270px;
    width: 90%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
    .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco {
      background-color: #ffffff;
      border-radius: 5px;
      margin: 15px 15px 10px 0;
      min-height: 310px;
      overflow: auto;
      padding: 10px 0px 30px;
      position: relative;
      display: inline-block;
      width: 250px;
      vertical-align: top; }
      .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco .add-reco-btn {
        color: #15A4FA;
        cursor: pointer;
        font-size: 60px;
        position: absolute;
        right: 90px;
        top: 115px; }
      .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco .custom-input {
        padding: 0px 10px 0px 10px;
        border: none !important;
        width: 100%; }
        .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco .custom-input:focus {
          outline: none !important; }
        .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco .custom-input::-webkit-input-placeholder {
          color: #969696; }
      .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco .multiline-input {
        resize: none;
        overflow: auto;
        white-space: pre-wrap; }
      .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco .saving-img-holder {
        background-image: url("../images/savings.png");
        background-size: cover;
        height: 120px;
        margin: 10px 0px;
        background-repeat: no-repeat; }
      .finish-audit .finish-audit-content.custom-recos .recommendations-list .reco .title-holder {
        padding-bottom: 15px; }
  .finish-audit .finish-audit-content.custom-recos .overlay {
    display: block;
    position: absolute; }
    .finish-audit .finish-audit-content.custom-recos .overlay .overlay-content {
      position: absolute;
      top: 40%;
      left: 15%;
      font-size: 18px;
      font-weight: 300; }
      .finish-audit .finish-audit-content.custom-recos .overlay .overlay-content .ok-btn {
        margin-top: 25px;
        width: 100px; }
  .finish-audit .finish-audit-content.custom-recos .info-title {
    font-weight: 500; }
  .finish-audit .finish-audit-content.custom-recos-by-images .wrapper {
    padding: 20px 30px; }
  .finish-audit .finish-audit-content.custom-recos-by-images .reco-thumbnail {
    margin-right: 15px; }
    .finish-audit .finish-audit-content.custom-recos-by-images .reco-thumbnail .reco-title {
      font-size: 18px;
      font-weight: 500; }
    .finish-audit .finish-audit-content.custom-recos-by-images .reco-thumbnail .reco-img {
      background-color: #ffffff;
      margin: 10px 0 30px 0;
      width: 265px;
      height: 200px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .finish-audit .finish-audit-content.custom-recos-by-images .reco-thumbnail .reco-img img {
        max-width: 265px;
        max-height: 200px; }
  .finish-audit .finish-audit-content.custom-recos-by-images .reco-desc {
    float: left;
    margin-top: 35px;
    width: 55%; }
    .finish-audit .finish-audit-content.custom-recos-by-images .reco-desc .form-control {
      resize: none;
      height: 200px; }
  .finish-audit .finish-audit-content.configure-reco .no-recos {
    padding: 20px; }
  .finish-audit .finish-audit-content.configure-reco .reco {
    border-bottom: 1px solid #DFDFDF;
    margin: 0; }
    .finish-audit .finish-audit-content.configure-reco .reco .info-section {
      padding: 20px 25px; }
      .finish-audit .finish-audit-content.configure-reco .reco .info-section .checkbox-wrapper span {
        font-size: 16px;
        font-weight: 400; }
      .finish-audit .finish-audit-content.configure-reco .reco .info-section .description {
        color: #969696;
        font-size: 13px;
        font-weight: 300;
        padding-left: 35px; }
  .finish-audit .finish-audit-content.capture-sign .signature-canvas .sign-wrapper {
    width: 600px; }
  .finish-audit .finish-audit-content.capture-sign .signature-canvas #signature-pad {
    background-color: #ffffff;
    border-radius: 5px; }
  .finish-audit .finish-audit-content.capture-sign .declare-text {
    font-size: 13px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 22px; }
  .finish-audit .finish-audit-content.capture-sign .info-section .display-label {
    font-weight: 300;
    text-align: left; }
  .finish-audit .finish-audit-content.print-report .display-overlay {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
  .finish-audit .finish-audit-content.print-report .info-section {
    padding: 25px 20px; }
    .finish-audit .finish-audit-content.print-report .info-section.email-section {
      padding-left: 10px;
      padding-right: 10px; }
    .finish-audit .finish-audit-content.print-report .info-section .section-title {
      font-size: 18px;
      font-weight: 500;
      padding-bottom: 20px; }
    .finish-audit .finish-audit-content.print-report .info-section .user-input {
      margin-left: 38px; }
      .finish-audit .finish-audit-content.print-report .info-section .user-input .form-control {
        margin-bottom: 15px; }
    .finish-audit .finish-audit-content.print-report .info-section .sub-module {
      margin-bottom: 20px; }
    .finish-audit .finish-audit-content.print-report .info-section .offline-alert {
      color: #e78523;
      display: inline-block;
      font-size: 15px;
      font-weight: 500;
      text-align: center;
      vertical-align: middle;
      width: 165px; }
    .finish-audit .finish-audit-content.print-report .info-section .lang-choice {
      float: left;
      width: 135px;
      margin-bottom: 20px; }
    .finish-audit .finish-audit-content.print-report .info-section span {
      font-size: 15px;
      font-weight: 500;
      width: auto; }
    .finish-audit .finish-audit-content.print-report .info-section .radio-wrapper {
      display: block; }
      .finish-audit .finish-audit-content.print-report .info-section .radio-wrapper label {
        vertical-align: middle;
        margin: 0; }
      .finish-audit .finish-audit-content.print-report .info-section .radio-wrapper .custom-radio {
        color: #15A4FA; }
        .finish-audit .finish-audit-content.print-report .info-section .radio-wrapper .custom-radio.empty {
          font-size: 36px;
          width: 35px;
          height: 35px;
          margin-bottom: 0; }
        .finish-audit .finish-audit-content.print-report .info-section .radio-wrapper .custom-radio.filled {
          font-size: 28px;
          height: 35px;
          line-height: 38px;
          width: 35px; }
    .finish-audit .finish-audit-content.print-report .info-section .choices-wrapper {
      overflow-x: hidden; }
      .finish-audit .finish-audit-content.print-report .info-section .choices-wrapper .choice {
        height: 60px;
        line-height: 60px;
        width: 240px;
        margin-top: 10px; }
        .finish-audit .finish-audit-content.print-report .info-section .choices-wrapper .choice.en-us {
          width: 190px; }
  .finish-audit .finish-audit-content.print-report .disable {
    opacity: 0.3; }
  .finish-audit .finish-audit-content.print-report .email-text {
    margin-left: 12px; }
  .finish-audit .finish-audit-content.print-report .print-button {
    padding: 5px 0;
    display: inline-block;
    text-align: left; }
    .finish-audit .finish-audit-content.print-report .print-button .print-icon {
      display: inline-block;
      float: left;
      margin: 0 5px 0 15px;
      overflow-x: hidden;
      width: 46px !important;
      vertical-align: middle; }
      .finish-audit .finish-audit-content.print-report .print-button .print-icon .pdf-icon {
        display: inline-block;
        background-image: url("../images/pdf-icon.png");
        background-repeat: no-repeat;
        background-size: 46px 46px;
        width: 46px;
        height: 46px; }
    .finish-audit .finish-audit-content.print-report .print-button .print-label {
      line-height: normal;
      vertical-align: middle; }
  .finish-audit .finish-audit-content.audit-completed, .finish-audit .finish-audit-content.audit-not-found {
    font-size: 16px; }
    .finish-audit .finish-audit-content.audit-completed .complete-title, .finish-audit .finish-audit-content.audit-not-found .complete-title {
      font-size: 22px;
      font-weight: 500;
      padding-bottom: 10px; }
    .finish-audit .finish-audit-content.audit-completed .sub-title, .finish-audit .finish-audit-content.audit-not-found .sub-title {
      font-size: 18px;
      font-weight: 500;
      padding-bottom: 10px; }
    .finish-audit .finish-audit-content.audit-completed .grey-label, .finish-audit .finish-audit-content.audit-not-found .grey-label {
      color: #969696; }
  .finish-audit .finish-audit-content.audit-not-found {
    padding-top: 45px; }
  .finish-audit .finish-audit-content.audit-completed .help-label .help-list::before {
    content: "- "; }
  .finish-audit .finish-audit-content.audit-completed .btn-wrapper {
    margin: 0 auto;
    text-align: center; }

.finish-audit.print-preview {
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400; }
  .finish-audit.print-preview .pdf-loader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 20%; }
    .finish-audit.print-preview .pdf-loader .loading-text {
      width: 100%;
      flex-direction: column;
      justify-content: center;
      text-align: center; }

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

.container.demo-console #blackout-pilot, .container.demo-console #blackout-user, .container.demo-console #blackout-deletePilot {
  display: none;
  position: fixed;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4); }
  .container.demo-console #blackout-pilot p.success, .container.demo-console #blackout-pilot p.error, .container.demo-console #blackout-user p.success, .container.demo-console #blackout-user p.error, .container.demo-console #blackout-deletePilot p.success, .container.demo-console #blackout-deletePilot p.error {
    display: none;
    text-align: center;
    margin-top: -10px; }
    .container.demo-console #blackout-pilot p.success.show-message, .container.demo-console #blackout-pilot p.error.show-message, .container.demo-console #blackout-user p.success.show-message, .container.demo-console #blackout-user p.error.show-message, .container.demo-console #blackout-deletePilot p.success.show-message, .container.demo-console #blackout-deletePilot p.error.show-message {
      display: block; }
  .container.demo-console #blackout-pilot p.success, .container.demo-console #blackout-user p.success, .container.demo-console #blackout-deletePilot p.success {
    color: green; }
  .container.demo-console #blackout-pilot p.error, .container.demo-console #blackout-user p.error, .container.demo-console #blackout-deletePilot p.error {
    color: red; }
  .container.demo-console #blackout-pilot.show-modal, .container.demo-console #blackout-user.show-modal, .container.demo-console #blackout-deletePilot.show-modal {
    display: table; }

.container.demo-console #submitPilot, .container.demo-console #submitUser, .container.demo-console #deletePilot {
  text-align: center;
  margin-bottom: 0; }
  .container.demo-console #submitPilot button, .container.demo-console #submitUser button, .container.demo-console #deletePilot button {
    margin-right: 0; }

.container.demo-console #overlay-pilot, .container.demo-console #overlay-user, .container.demo-console #overlay-deletePilot {
  display: table-cell;
  vertical-align: middle; }

.container.demo-console #content-pilot, .container.demo-console #content-user, .container.demo-console #content-deletePilot {
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #888;
  width: 90%;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  max-height: calc(100vh - 80px);
  overflow-y: auto; }

@-webkit-keyframes fadein {
  0% {
    top: -300px;
    opacity: 0; }
  25% {
    top: 10px;
    opacity: 0.5; }
  50% {
    top: 5px;
    opacity: 0.6; }
  75% {
    top: -10px;
    opacity: 0.75; }
  100% {
    top: 0px;
    opacity: 1; } }

@keyframes fadein {
  0% {
    top: -300px;
    opacity: 0; }
  25% {
    top: 10px;
    opacity: 0.5; }
  50% {
    top: 5px;
    opacity: 0.6; }
  75% {
    top: -10px;
    opacity: 0.75; }
  100% {
    top: 0px;
    opacity: 1; } }

.container.demo-console #modal-heading {
  margin: 25px 0px 25px 45px;
  font-size: 16px;
  font-weight: 600; }

.container.demo-console #cross {
  font-weight: 300;
  position: relative;
  right: 14px;
  top: -62px; }

.container.demo-console #content-pilot, .container.demo-console #content-user, .container.demo-console #content-deletePilot {
  min-width: 460px;
  width: 40%; }

.container.demo-console h1 {
  margin-top: 40px;
  margin-bottom: 15px; }

.container.demo-console #pilot-list {
  border-collapse: collapse;
  width: 60%; }
  .container.demo-console #pilot-list td, .container.demo-console #pilot-list th {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 16px; }
  .container.demo-console #pilot-list tr:nth-child(even) {
    background-color: #f2f2f2; }
  .container.demo-console #pilot-list tr:hover {
    background-color: #ddd; }
  .container.demo-console #pilot-list th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #286090;
    color: white; }
  .container.demo-console #pilot-list #name {
    width: 50%; }
  .container.demo-console #pilot-list #pilot-id {
    width: 25%; }

.container.demo-console .buttons {
  margin-top: 40px; }

.container.demo-console button {
  font-size: 17px;
  margin-right: 30px;
  margin-bottom: 10px; }

.usage-dashboard {
  /** Override widget related css **/ }
  .usage-dashboard.iframe-chart .card-body {
    padding: 0; }
  .usage-dashboard.iframe-chart .bidgely-widget {
    border-radius: .5rem; }
  .usage-dashboard.bidgely-browse > .content-row.top.dark-view {
    background-color: #152e4d;
    border-radius: 10px; }
    .usage-dashboard.bidgely-browse > .content-row.top.dark-view #dashboard-loading {
      background-color: rgba(0, 0, 0, 0.5);
      color: #ffffff;
      position: absolute;
      height: 100%;
      width: 100%;
      opacity: 0.8;
      line-height: 150px;
      z-index: 10; }
      .usage-dashboard.bidgely-browse > .content-row.top.dark-view #dashboard-loading.hidden {
        display: none !important;
        visibility: hidden !important; }
    .usage-dashboard.bidgely-browse > .content-row.top.dark-view .bidgely-icon-light-gray {
      color: #ffffff; }
    .usage-dashboard.bidgely-browse > .content-row.top.dark-view .bidgely-icon-gray {
      color: #6e84a3; }
    .usage-dashboard.bidgely-browse > .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 > .content-row.top.dark-view #bidgely-timegraph div.graph-container .highcharts-tooltip > span {
        background-color: #152e4d;
        color: #fff !important; }
    .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timegraph .graph-legend {
      margin: 0px;
      padding: 0px; }
    .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timescale-menu .time-frame-type {
      background-color: transparent; }
      .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timescale-menu .time-frame-type a.day, .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timescale-menu .time-frame-type a.month, .usage-dashboard.bidgely-browse > .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 > .content-row.top.dark-view #bidgely-timescale-block {
      background-color: #152e4d;
      border: 1px solid #244166;
      color: #fff; }
      .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timescale-block .bidgely-timelabel {
        color: #fff; }
      .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timescale-block .bidgely-timeframe-menu.text-right {
        color: #fff; }
      .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timescale-block .datepicker-outer {
        border-left: 1px solid #244166; }
        .usage-dashboard.bidgely-browse > .content-row.top.dark-view #bidgely-timescale-block .datepicker-outer a.datepickerclick {
          color: #fff; }
    .usage-dashboard.bidgely-browse > .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 > .content-row.top.dark-view #bidgely-timescale-menu div.weather div .bidgely-icon {
        margin-top: inherit;
        line-height: 32px; }
    .usage-dashboard.bidgely-browse > .content-row.top.dark-view .kw-switch .kwh-switch-label-selected {
      color: #fff; }
  .usage-dashboard.bidgely-browse > .content-row > .row {
    width: 1080px;
    max-width: 100%;
    margin: 0 auto; }
  .usage-dashboard #bidgely-timescale-menu button.date-label {
    pointer-events: none; }
  .usage-dashboard #bidgely-timescale-menu button:not(.active):focus {
    background: none;
    box-shadow: none; }
  .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("../images/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: #e78523;
          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 > .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; } }

/*
 * Variables
 */
/* MAIN
  * --------------------------
  */
body#pid-dashboard {
  background-color: #f9fbfc; }

@media (max-width: 767px) {
  #bidgely-dashboard-v1 {
    border: 0px;
    margin: auto auto auto 35px;
    padding: auto;
    font-size: 14px; }
    #bidgely-dashboard-v1 > span {
      display: none; } }

#modal-tour .modal-title {
  padding-top: 5px;
  position: relative;
  min-height: 30px; }
  #modal-tour .modal-title .mobile-store-links {
    position: absolute;
    right: 15px;
    top: -5px;
    display: none; }

#modal-tour .bidgely-modal-body {
  padding: 0px 15px; }

#modal-tour .modal-footer {
  margin-top: 0px; }

#modal-tour .bidgely-pagination {
  display: none; }

@media screen and (min-width: 768px) {
  #modal-tour .modal-dialog {
    width: 719px; }
    #modal-tour .modal-dialog .mobile-store-links {
      display: inline-block; }
  #modal-tour .bidgely-pagination {
    display: block; } }

.message-timer {
  position: relative;
  min-height: 75px; }
  .message-timer .timer {
    position: absolute;
    top: 0px;
    left: 0px; }
    .message-timer .timer .setup-timer {
      font-size: 0.6em;
      position: absolute;
      top: 20px;
      width: 75px;
      height: 75px;
      text-align: center; }
      .message-timer .timer .setup-timer img.tick-success {
        margin-top: -11px; }
      .message-timer .timer .setup-timer .time strong {
        margin-bottom: 0px; }
      .message-timer .timer .setup-timer .time em {
        text-transform: none;
        font-size: 120%; }
      .message-timer .timer .setup-timer .bidgely-icon-warning {
        margin-right: 0px !important;
        font-size: 50px !important;
        top: -8px !important;
        left: 1px !important; }
  .message-timer .timer-text {
    padding: 5px 0px 0px 100px; }

/* BROWSE / Glimpse
  /-------------------------------------------------------------- */
.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; }
  .bidgely-browse.mini.container {
    margin-top: 80px; }
    .bidgely-browse.mini.container.appliance-details {
      margin-top: 0px; }
      .bidgely-browse.mini.container.appliance-details > .content-row #bidgely-timescale-menu,
      .bidgely-browse.mini.container.appliance-details > .content-row #bidgely-crunching,
      .bidgely-browse.mini.container.appliance-details > .content-row #bidgely-timegraph,
      .bidgely-browse.mini.container.appliance-details > .content-row #bidgely-appliances {
        display: none; }
      .bidgely-browse.mini.container.appliance-details > .content-row #bidgely-insights .bidgely-insights-widget {
        border: none; }
        .bidgely-browse.mini.container.appliance-details > .content-row #bidgely-insights .bidgely-insights-widget .content {
          border: 1px solid #ccc;
          padding: 15px; }
    .bidgely-browse.mini.container.usage-details {
      margin-top: 0px; }
      .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timescale-menu,
      .bidgely-browse.mini.container.usage-details > .content-row #bidgely-crunching {
        display: none; }
      .bidgely-browse.mini.container.usage-details > .content-row #bidgley-usage-toggles {
        margin: 0px; }
        .bidgely-browse.mini.container.usage-details > .content-row #bidgley-usage-toggles > div {
          padding: 0px;
          width: 30%; }
        .bidgely-browse.mini.container.usage-details > .content-row #bidgley-usage-toggles .toggle {
          text-align: center;
          background-color: #f7f7f7;
          color: #ffffff;
          padding: 15px;
          font-size: 30px;
          display: table;
          width: 100%; }
          .bidgely-browse.mini.container.usage-details > .content-row #bidgley-usage-toggles .toggle.on {
            background-color: #16a4fa; }
          .bidgely-browse.mini.container.usage-details > .content-row #bidgley-usage-toggles .toggle > div {
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
            .bidgely-browse.mini.container.usage-details > .content-row #bidgley-usage-toggles .toggle > div span {
              display: block;
              width: 100%; }
              .bidgely-browse.mini.container.usage-details > .content-row #bidgley-usage-toggles .toggle > div span.label {
                font-size: 10px;
                font-weight: 200;
                padding-top: 15px; }
      .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timegraph {
        display: block;
        margin: 0px 15px; }
        .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timegraph div.graph-container {
          display: block;
          height: 100%;
          padding-bottom: 15px; }
          .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timegraph div.graph-container .highcharts-tooltip > span {
            padding: 0px; }
          .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timegraph div.graph-container .highcharts-tooltip .chart-tooltip {
            padding: 5px;
            text-align: center;
            color: #ffffff;
            background-color: #3c4d60; }
            .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timegraph div.graph-container .highcharts-tooltip .chart-tooltip > span,
            .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timegraph div.graph-container .highcharts-tooltip .chart-tooltip > div {
              font-size: 16px !important;
              font-weight: 200; }
        .bidgely-browse.mini.container.usage-details > .content-row #bidgely-timegraph div.graph-legend {
          display: none; }
      .bidgely-browse.mini.container.usage-details > .content-row.bottom {
        display: none; }
    .bidgely-browse.mini.container > .content-row {
      border-top: none; }
      .bidgely-browse.mini.container > .content-row.bottom {
        background-color: #ffffff;
        padding: 0px; }
      .bidgely-browse.mini.container > .content-row #bidgely-timegraph {
        display: block; }
        .bidgely-browse.mini.container > .content-row #bidgely-timegraph .graph-container {
          display: none; }
        .bidgely-browse.mini.container > .content-row #bidgely-timegraph .graph-legend {
          display: none; }
      .bidgely-browse.mini.container > .content-row #bidgely-insights > div.row:first-child div.widgets-divider:first-child {
        display: none; }

.bidgely-crunching {
  padding-top: 15px; }
  .bidgely-crunching .no-data {
    height: 275px;
    padding: 25px;
    text-align: center; }
    .bidgely-crunching .no-data img {
      padding-right: 25px; }
  .bidgely-crunching .usageArea,
  .bidgely-crunching .crunchingArea {
    padding-top: 40px;
    padding-bottom: 40px; }
  .bidgely-crunching .crunchingArea {
    color: #333f52;
    font-size: 95%;
    border-left: 1px solid #dddddd; }
    .bidgely-crunching .crunchingArea .col-inner {
      padding-left: 15px; }
    .bidgely-crunching .crunchingArea h1 {
      margin: 0 0 8px;
      color: #333f52;
      font-size: 150%;
      line-height: 28px; }
    .bidgely-crunching .crunchingArea p {
      margin-bottom: 25px; }
    .bidgely-crunching .crunchingArea .btnWrap {
      margin-top: 20px; }
    .bidgely-crunching .crunchingArea .btn-flat {
      display: inline-block;
      height: 30px;
      padding-left: 12px;
      padding-right: 12px;
      color: #ffffff;
      font-size: 80%;
      line-height: 30px;
      text-align: center;
      text-transform: uppercase;
      white-space: nowrap; }
      .bidgely-crunching .crunchingArea .btn-flat .text,
      .bidgely-crunching .crunchingArea .btn-flat .icon {
        vertical-align: middle; }
      .bidgely-crunching .crunchingArea .btn-flat:hover {
        color: #ffffff;
        text-decoration: none; }
      .bidgely-crunching .crunchingArea .btn-flat .icon {
        display: inline-block;
        margin: 0 5px;
        background-repeat: no-repeat;
        background-position: 50% 50%; }
      .bidgely-crunching .crunchingArea .btn-flat .icon-arrow-right {
        width: 6px;
        height: 10px;
        margin-left: 15px;
        margin-right: 0;
        background-image: url("${image-path}icn_btn_arrow_right.png"); }
    .bidgely-crunching .crunchingArea .btn-blue {
      color: #ffffff;
      background-color: #16a4fa; }
    .bidgely-crunching .crunchingArea .timeLeft-label {
      margin-top: 15px; }
    .bidgely-crunching .crunchingArea .timeLeft {
      font-family: "Gotham XNarrow A", "Gotham XNarrow B", Helvetica, sans-serif;
      overflow: hidden;
      display: inline-block;
      position: relative;
      width: 140px;
      height: 140px;
      background: #ddd;
      border: 10px solid #d2d8dd;
      border-radius: 50%;
      text-align: left; }
      .bidgely-crunching .crunchingArea .timeLeft .time {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        min-height: 38px;
        margin-top: -18px;
        color: #333333;
        text-align: center;
        white-space: nowrap; }
      .bidgely-crunching .crunchingArea .timeLeft .time span {
        display: inline-block;
        vertical-align: middle; }
      .bidgely-crunching .crunchingArea .timeLeft .time strong {
        display: block;
        margin-bottom: 3px;
        font-size: 200%;
        font-weight: 200;
        line-height: 24px; }
      .bidgely-crunching .crunchingArea .timeLeft .time em {
        overflow: hidden;
        display: block;
        font-size: 75%;
        line-height: 10px;
        font-style: normal;
        text-transform: uppercase; }
      .bidgely-crunching .crunchingArea .timeLeft .time br {
        overflow: hidden;
        height: 0; }
      .bidgely-crunching .crunchingArea .timeLeft .time .hours strong {
        font-weight: 700; }
      .bidgely-crunching .crunchingArea .timeLeft .water {
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 100%; }
        .bidgely-crunching .crunchingArea .timeLeft .water .percent {
          display: inline-block;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          background-color: #16a4fa; }
        .bidgely-crunching .crunchingArea .timeLeft .water .wave {
          background-color: transparent;
          background-image: url("${image-path}awareness/wave.png");
          color: transparent;
          background-size: 200px 175px;
          background-position: 0px -40px;
          background-repeat: repeat-x;
          opacity: 1;
          display: inline-block;
          -webkit-animation: crunching-wave-animation 10s infinite linear, crunching-loading-animation 3s 1 linear alternate;
          /*
           animation: crunching-wave-animation 1s infinite linear, crunching-loading-animation 5s 1 linear alternate;
           -webkit-animation: crunching-wave-animation 1s infinite linear, crunching-loading-animation 5s 1 linear alternate;
           -moz-animation: crunching-wave-animation 1s infinite linear, crunching-loading-animation 5s 1 linear alternate;
           -ms-animation: crunching-wave-animation 1s infinite linear, crunching-loading-animation 5s 1 linear alternate;
           -o-animation: crunching-wave-animation 1s infinite linear, crunching-loading-animation 5s 1 linear alternate;
           */ }

@keyframes crunching-wave-animation {
  0% {
    background-position: 0px -40px; }
  100% {
    background-position: 200px -40px; } }

@-webkit-keyframes crunching-wave-animation {
  0% {
    background-position: 0px -40px; }
  100% {
    background-position: 200px -40px; } }

@-moz-keyframes crunching-wave-animation {
  0% {
    background-position: 0px -40px; }
  100% {
    background-position: 200px -40px; } }

@-ms-keyframes crunching-wave-animation {
  .bidgely-crunching .crunchingArea 0% {
    background-position: 0px -40px; }
  .bidgely-crunching .crunchingArea 100% {
    background-position: 200px -40px; } }

@-o-keyframes crunching-wave-animation {
  0% {
    background-position: 0px -40px; }
  100% {
    background-position: 200px -40px; } }

@keyframes crunching-loading-animation {
  0% {
    background-position: 100px -10px; }
  100% {
    background-position: 200px -40px; } }

@-webkit-keyframes crunching-loading-animation {
  0% {
    background-position: 100px -10px; }
  100% {
    background-position: 200px -40px; } }

@-moz-keyframes crunching-loading-animation {
  0% {
    background-position: 100px -10px; }
  100% {
    background-position: 200px -40px; } }

@-ms-keyframes crunching-loading-animation {
  .bidgely-crunching .crunchingArea 0% {
    background-position: 100px -10px; }
  .bidgely-crunching .crunchingArea 100% {
    background-position: 200px -40px; } }

@-o-keyframes crunching-loading-animation {
  0% {
    background-position: 100px -10px; }
  100% {
    background-position: 200px -40px; } }
  .bidgely-crunching .usageArea .col-inner {
    padding-right: 15px; }
    .bidgely-crunching .usageArea .col-inner .currentUsage {
      position: relative;
      padding: 0 202px 0 90px; }
      .bidgely-crunching .usageArea .col-inner .currentUsage .pulsates {
        min-height: 125px;
        background: url("${image-path}awareness/pulsates.png") no-repeat 100% 20px; }
      .bidgely-crunching .usageArea .col-inner .currentUsage .iconHome {
        position: absolute;
        top: 0;
        left: 0; }
      .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip {
        position: absolute;
        top: 18px;
        right: 0; }
        .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner {
          display: inline-block;
          position: relative;
          padding: 7px;
          background: rgba(22, 164, 250, 0.4);
          border-radius: 8px; }
          .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner .arrow01 {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            width: 0;
            height: 0;
            margin-top: -14px;
            border-top: 14px solid transparent;
            border-right: 12px solid rgba(22, 164, 250, 0.4);
            border-bottom: 14px solid transparent; }
          .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner .utipIn {
            display: inline-block;
            position: relative;
            width: 176px;
            height: 81px;
            padding: 8px 15px;
            background: #354052;
            border-radius: 5px; }
            .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner .utipIn .arrow02 {
              content: "";
              position: absolute;
              top: 50%;
              right: 100%;
              width: 0;
              height: 0;
              margin-top: -10px;
              border-top: 10px solid transparent;
              border-right: 10px solid #354052;
              border-bottom: 10px solid transparent; }
          .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner .tit {
            display: inline-block;
            margin-bottom: 10px;
            padding-left: 25px;
            padding-right: 25px;
            color: #eeeeee;
            font-size: 100%;
            line-height: 18px;
            background: url("${image-path}awareness/icon_heart.png") no-repeat 0 50%; }
          .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner .usage {
            color: #ffffff;
            font-size: 255%;
            line-height: 32px; }
            .bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner .usage .num {
              font-weight: 700; }

@media (max-width: 969px) {
  .bidgely-browse.container > .content-row {
    padding: 0px; }
    .bidgely-browse.container > .content-row.bottom {
      padding-bottom: 10px; }
  .bidgely-browse.container.mini > .content-row.bottom {
    padding-top: 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 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-timescale-menu .bidgely-servicer-insight .increaseUsage {
  color: #a94442; }

#bidgely-timescale-menu .bidgely-servicer-insight .decreaseUsage {
  color: #4ea230; }

#bidgely-timescale-menu .bidgely-servicer-insight .compare-msg {
  font-weight: 300; }

#bidgely-timescale-menu .bidgely-servicer-not-available {
  color: #838b92;
  font-weight: 300; }

.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; }
  #bidgely-timescale-block > div {
    padding: 0px; }

@media (min-width: 970px) {
  #bidgely-timescale-block {
    border-bottom: none;
    margin: 0px 15px; } }

#bidgely-timescale-menu.mini {
  background-color: #3c4d60;
  position: absolute;
  width: 100%;
  top: 40px; }
  #bidgely-timescale-menu.mini > div:not(.popover) {
    height: 40px; }
    #bidgely-timescale-menu.mini > div:not(.popover).loader {
      opacity: 1;
      -moz-transition: opacity 1s ease-in-out;
      -webkit-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 5px;
      background-color: #1f262f;
      overflow: hidden; }
      #bidgely-timescale-menu.mini > div:not(.popover).loader > div.fill {
        height: 5px;
        background: url("${image-path}mobile-loader.svg") no-repeat;
        background-size: 150px 5px;
        -webkit-animation: bidgely-mobile-mini-loader-fill-slide 2s linear infinite;
        -moz-animation: bidgely-mobile-mini-loader-fill-slide 2s linear infinite;
        -o-animation: bidgely-mobile-mini-loader-fill-slide 2s linear infinite;
        animation: bidgely-mobile-mini-loader-fill-slide 2s linear infinite; }

@-webkit-keyframes bidgely-mobile-mini-loader-fill-slide {
  from {
    background-position: -100%; }
  to {
    background-position: 150%; } }

@-moz-keyframes bidgely-mobile-mini-loader-fill-slide {
  from {
    background-position: -100%; }
  to {
    background-position: 150%; } }

@-o-keyframes bidgely-mobile-mini-loader-fill-slide {
  from {
    background-position: -100%; }
  to {
    background-position: 150%; } }

@keyframes bidgely-mobile-mini-loader-fill-slide {
  from {
    background-position: -100%; }
  to {
    background-position: 150%; } }
      #bidgely-timescale-menu.mini > div:not(.popover).loader.fadeout {
        opacity: 0; }
    #bidgely-timescale-menu.mini > div:not(.popover).timeframe {
      padding-left: 50px; }
    #bidgely-timescale-menu.mini > div:not(.popover).menu-items {
      padding-left: 10px;
      position: absolute;
      left: 0px;
      top: 0px; }
      #bidgely-timescale-menu.mini > div:not(.popover).menu-items > div {
        display: inline-block;
        padding: 0px 5px;
        vertical-align: top; }
    #bidgely-timescale-menu.mini > div:not(.popover) .menu-icon {
      font-size: 18px; }
      #bidgely-timescale-menu.mini > div:not(.popover) .menu-icon span.bidgely-icon,
      #bidgely-timescale-menu.mini > div:not(.popover) .menu-icon span.glyphicon {
        top: 8px;
        font-size: 22px; }
    #bidgely-timescale-menu.mini > div:not(.popover) .menu-divider {
      display: inline-block;
      border-left: 1px solid #596679;
      margin: 0px 5px;
      height: 40px;
      vertical-align: middle; }
  #bidgely-timescale-menu.mini .popover-content {
    padding: 0px; }
    #bidgely-timescale-menu.mini .popover-content .popover-menu {
      color: #354052;
      font-size: 14px;
      font-weight: 300; }
      #bidgely-timescale-menu.mini .popover-content .popover-menu a {
        display: block;
        color: #354052;
        font-size: 16px; }
        #bidgely-timescale-menu.mini .popover-content .popover-menu a:hover, #bidgely-timescale-menu.mini .popover-content .popover-menu a.selected {
          color: #16a4fa;
          text-decoration: none; }
        #bidgely-timescale-menu.mini .popover-content .popover-menu a > span {
          padding: 0px 35px 0px 10px;
          font-size: 24px;
          top: 4px; }
      #bidgely-timescale-menu.mini .popover-content .popover-menu ul {
        list-style-type: none;
        padding-left: 0px;
        margin-bottom: 0px; }
        #bidgely-timescale-menu.mini .popover-content .popover-menu ul > li {
          margin-top: -1px;
          border-top: 1px solid #ddd;
          border-bottom: 1px solid #ddd;
          padding: 10px;
          white-space: nowrap; }
          #bidgely-timescale-menu.mini .popover-content .popover-menu ul > li:first-child {
            border-top: 0px; }
          #bidgely-timescale-menu.mini .popover-content .popover-menu ul > li:last-child {
            border-bottom: 0px; }
  #bidgely-timescale-menu.mini a {
    color: #ffffff; }
  #bidgely-timescale-menu.mini .timeframe-menu {
    vertical-align: middle; }
  #bidgely-timescale-menu.mini #bidgely-timescale-block {
    background-color: transparent;
    padding: 0px 10px;
    border-bottom: 0px; }
    #bidgely-timescale-menu.mini #bidgely-timescale-block .bidgely-timeframe-menu {
      color: #758393;
      line-height: 40px; }
    #bidgely-timescale-menu.mini #bidgely-timescale-block .bidgely-timelabel {
      display: table;
      height: 40px; }
      #bidgely-timescale-menu.mini #bidgely-timescale-block .bidgely-timelabel .timelabel {
        display: table-cell;
        vertical-align: middle; }

#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 > .row > div.spent-message .bidgely-icon-warning {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0 10px;
    padding: 10px 0;
    vertical-align: top; }

#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;
  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;
      min-width: 125px; }

#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 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; }

div.graph-legend {
  margin: 15px 15px 0px 0px;
  font-size: 10px;
  color: #596679;
  display: table; }
  div.graph-legend div.legend {
    display: table-cell;
    vertical-align: middle;
    margin-right: 20px;
    float: left; }
    div.graph-legend div.legend div.indicator {
      display: inline-block;
      width: 11px;
      height: 11px;
      position: relative;
      top: 2px;
      margin-right: 5px;
      margin-left: 10px; }
      div.graph-legend div.legend div.indicator.legend-1 {
        background-color: #16a4fa; }
      div.graph-legend div.legend div.indicator.legend-2 {
        background-color: #428bca; }
      div.graph-legend div.legend div.indicator.legend-3 {
        background-color: #1d6793; }
      div.graph-legend div.legend div.indicator.legend-4 {
        background-color: #204257; }
      div.graph-legend div.legend div.indicator.legend-5 {
        background-color: #0d3b57; }
      div.graph-legend div.legend div.indicator.legend-6 {
        background-color: #032236; }
    @media (min-width: 970px) {
      div.graph-legend div.legend.projected-note {
        display: table-row;
        float: none; } }
    div.graph-legend div.legend.projected-note > div {
      color: #a5acb2;
      font-size: 11px;
      padding-left: 10px; }
      @media (min-width: 970px) {
        div.graph-legend div.legend.projected-note > div {
          padding-top: 5px; } }

@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; } }

#bidgely-timegraph {
  height: auto;
  padding-left: 0px;
  padding-right: 0px;
  margin: 20px 0px 0px 0px; }
  #bidgely-timegraph #lnk-han-solar-explain {
    left: 50px;
    position: absolute;
    top: -25px; }
  #bidgely-timegraph div.graph-container {
    width: 100%;
    min-height: 175px; }
    #bidgely-timegraph div.graph-container.solar {
      height: 375px; }
      #bidgely-timegraph div.graph-container.solar.weather {
        height: 375px; }
    #bidgely-timegraph div.graph-container.weather {
      height: 275px; }
    #bidgely-timegraph div.graph-container .highcharts-container {
      position: inherit !important;
      overflow: visible !important; }
      #bidgely-timegraph div.graph-container .highcharts-container > svg {
        overflow: visible; }
    #bidgely-timegraph div.graph-container .highcharts-tooltip {
      z-index: 9; }
      #bidgely-timegraph div.graph-container .highcharts-tooltip > span {
        z-index: 9;
        background-color: #ffffff;
        display: block;
        padding: 8px;
        margin: 0px !important;
        position: relative !important; }
      #bidgely-timegraph div.graph-container .highcharts-tooltip .heading {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 400;
        color: #596679;
        line-height: 18px; }
  #bidgely-timegraph .graph-legend {
    background-color: #f7f7f7;
    padding: 15px 10px;
    width: 100%; }
  #bidgely-timegraph .timeGraphInfo {
    border-left: 1px solid #ccc;
    cursor: pointer;
    color: #666;
    padding-left: 10px; }
    #bidgely-timegraph .timeGraphInfo .bidgely-icon-warning {
      font-size: 16px;
      vertical-align: bottom; }
  #bidgely-timegraph #current-usage-tooltip {
    position: absolute;
    color: #ffffff;
    border-radius: 75px;
    background-color: #ffffff;
    width: 150px;
    height: 150px;
    background-image: none;
    padding: 10px;
    text-align: center;
    animation: current-usage-tooltip-pulse 2s infinite;
    -webkit-animation: current-usage-tooltip-pulse 2s infinite; }
    #bidgely-timegraph #current-usage-tooltip > div {
      border-radius: 75px;
      width: 100%;
      height: 100%;
      padding: 10px 0px 0px 0px;
      background-color: #2a3546; }
      #bidgely-timegraph #current-usage-tooltip > div.has-price {
        background-size: 117px 75px;
        height: 75px; }
      #bidgely-timegraph #current-usage-tooltip > div div.heart {
        color: #16a4fa;
        font-size: 28px;
        line-height: 20px; }
      #bidgely-timegraph #current-usage-tooltip > div div.usage {
        font-family: "Gotham XNarrow A", "Gotham XNarrow B", Helvetica, sans-serif;
        font-weight: 700;
        font-size: 28px;
        line-height: 28px; }
        #bidgely-timegraph #current-usage-tooltip > div div.usage .unit {
          font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Helvetica, sans-serif;
          font-weight: 200;
          font-size: 24px; }
      #bidgely-timegraph #current-usage-tooltip > div div.price {
        text-align: center;
        font-size: 10px; }

@keyframes current-usage-tooltip-pulse {
  0% {
    background-color: #c1dff9; }
  50% {
    background-color: rgba(193, 223, 249, 0.25); }
  100% {
    background-color: #c1dff9; } }

@-webkit-keyframes current-usage-tooltip-pulse {
  0% {
    background-color: #c1dff9; }
  50% {
    background-color: rgba(193, 223, 249, 0.25); }
  100% {
    background-color: #c1dff9; } }
  #bidgely-timegraph .bidgely-timegraph-appliance-on {
    font-weight: 700; }
  #bidgely-timegraph .missing-values-legend {
    margin-top: 10px;
    font-size: 12px; }

#bidgely-glimpse {
  padding-top: 20px;
  padding-bottom: 20px; }

#img-glimpse-explained {
  width: 100%; }

@media (max-width: 767px) {
  .bidgely-crunching .crunchingArea .col-inner {
    padding-left: 0px; } }

#bidgely-efficiency-graph, #bidgely-nh-comparison-graph {
  height: 115px;
  position: relative; }
  #bidgely-efficiency-graph .app-icon-efficient,
  #bidgely-efficiency-graph .app-icon-inefficient, #bidgely-nh-comparison-graph .app-icon-efficient,
  #bidgely-nh-comparison-graph .app-icon-inefficient {
    position: absolute;
    top: 5px;
    font-size: 28px;
    color: #ffffff; }
  #bidgely-efficiency-graph .app-icon-efficient, #bidgely-nh-comparison-graph .app-icon-efficient {
    left: 10px; }
  #bidgely-efficiency-graph .app-icon-inefficient, #bidgely-nh-comparison-graph .app-icon-inefficient {
    right: 10px; }
  #bidgely-efficiency-graph .progress-container, #bidgely-nh-comparison-graph .progress-container {
    width: 100%;
    height: 85px;
    position: absolute;
    top: 20px; }
  #bidgely-efficiency-graph .progress, #bidgely-nh-comparison-graph .progress {
    overflow: visible;
    height: 40px;
    margin: 38px 0px 0px 0px;
    border-radius: 0px; }
    #bidgely-efficiency-graph .progress .progress-bar, #bidgely-nh-comparison-graph .progress .progress-bar {
      text-align: left;
      position: relative; }
      #bidgely-efficiency-graph .progress .progress-bar span.legend, #bidgely-nh-comparison-graph .progress .progress-bar span.legend {
        margin-top: 20px;
        position: absolute;
        font-family: "Gotham XNarrow A", "Gotham XNarrow B", Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 500; }

#bidgely-efficiency-pointer-container, #bidgely-nh-comparison-pointer-container {
  position: absolute;
  display: inline-block;
  width: 95%;
  height: 100%;
  top: 0px;
  left: 0;
  padding: 8px 40px 0px 40px; }

#bidgely-efficiency-pointer-container > div, #bidgely-nh-comparison-pointer-container > div {
  position: relative; }

#bidgely-efficiency-pointer, #bidgely-nh-comparison-pointer {
  width: 50px;
  height: 75px;
  background: transparent url("${image-path}bubble.png");
  background-repeat: no-repeat;
  background-size: 50px 75px;
  position: absolute;
  top: -18px;
  left: 60%; }

@media (max-width: 969px) and (min-width: 768px) {
  #bidgely-glimpse {
    padding-left: 0px;
    padding-right: 0px; } }

@media (max-width: 767px) {
  #bidgely-glimpse {
    padding-top: 0px;
    padding-bottom: 0px; }
  #bidgely-efficiency-block {
    padding-left: 0px;
    padding-right: 0px; }
  #bidgely-efficiency-graph {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    height: 115px; }
    #bidgely-efficiency-graph .progress {
      margin: 38px 0px 0px 0px; }
      #bidgely-efficiency-graph .progress .progress-bar span.legend {
        font-size: 10px;
        right: 0px; }
  #bidgely-timegraph div.graph-container {
    width: 100% !important; }
    #bidgely-timegraph div.graph-container #current-usage-line-path {
      display: none; }
  #bidgely-timegraph #current-usage-tooltip {
    position: relative;
    top: 0px !important;
    left: 0px !important;
    width: 100%;
    height: 60px;
    background-image: none;
    background-color: #2a3546;
    border-radius: 0px;
    border: none;
    text-align: right; }
    #bidgely-timegraph #current-usage-tooltip > div {
      border-radius: 0px;
      padding: 5px 10px; }
      #bidgely-timegraph #current-usage-tooltip > div div.heart {
        float: left;
        font-size: 20px; }
      #bidgely-timegraph #current-usage-tooltip > div div.title {
        padding: 0px;
        font-size: 14px;
        height: 15px;
        float: left;
        margin-top: 2px; }
      #bidgely-timegraph #current-usage-tooltip > div div.usage {
        line-height: 30px; }
      #bidgely-timegraph #current-usage-tooltip > div div.price {
        text-align: right; }
    #bidgely-timegraph #current-usage-tooltip.has-price {
      height: 75px; } }

@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; } }

#bidgely-consumption-usage-block {
  height: 25px; }

.bidgely-consumption-usage {
  font-size: 12px;
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: right; }

@media (min-width: 970px) {
  .bidgely-consumption-usage {
    margin-top: 0px; } }

span.bidgely-glimpse-cost {
  font-size: 35.88px; }

#bidgely-cost-usage-block {
  text-align: right;
  line-height: 46px;
  height: 57px; }

.bidgely-icon-blue {
  color: #204257; }

.bidgely-icon-light-blue {
  color: #16a4fa; }

.bidgely-icon-gray {
  color: #666; }

.bidgely-icon-light-gray {
  color: #999999; }

@media (max-width: 767px) {
  .bidgely-cost-usage {
    margin-right: -15px; }
  #bidgely-cost-usage-block div.row {
    margin-right: 0px; }
  .bidgely-consumption-usage {
    margin-top: 5px;
    text-align: left; }
  #bidgely-cost-usage-block,
  #bidgely-consumption-usage-block {
    padding-top: 5px; } }

.bidgely-cost-usage {
  font-family: "Gotham XNarrow A", "Gotham XNarrow B", Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 53.82px; }

/* BROWSE / Appliances
  /-------------------------------------------------------------- */
#bidgely-appliances.in {
  height: auto; }
  #bidgely-appliances.in #bidgely-appliance-selected .list-toggle .glyphicon-chevron-up {
    display: inline; }
  #bidgely-appliances.in #bidgely-appliance-selected .list-toggle .glyphicon-chevron-down {
    display: none; }

#bidgely-appliances.mini {
  padding-top: 15px;
  height: auto; }
  #bidgely-appliances.mini #bidgely-appliance-selected {
    display: none; }
  #bidgely-appliances.mini #bidgely-appliance-list .bidgely-appliance-title {
    font-weight: 300; }
  #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item {
    border: 1px solid #ddd;
    background-color: #ffffff;
    margin-top: -2px;
    display: block;
    font-size: 14px;
    color: #999999;
    position: relative;
    margin-left: 0px;
    padding: 5px 10px; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.disabled {
      cursor: default; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.selected .bidgely-appliance-content {
      background-color: transparent; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-title {
        color: #8a95a5; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-cost {
        color: #16a4fa; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.title {
      background-color: #eeeeee;
      padding: 15px;
      color: #2c3e52; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.others {
      cursor: default; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house {
      background-color: #eeeeee;
      margin-bottom: 15px; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .bidgely-appliance-icon-container {
        display: block;
        text-align: center;
        position: relative;
        width: 100%;
        font-size: 20px;
        margin: 0px;
        padding: 0px;
        top: 0px;
        left: 0px; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .bidgely-appliance-icon-container span {
          color: #2c3e52;
          font-size: 40px; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .bidgely-appliance-content {
        min-height: 30px;
        color: #2c3e52;
        padding: 0px;
        text-align: center; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .bidgely-appliance-content .bidgely-appliance-title {
          display: none; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .bidgely-appliance-content .bidgely-appliance-cost {
          color: #2c3e52;
          font-size: 35px;
          margin: 0px;
          float: none; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .details {
        margin-top: -10px; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .details .info {
          display: none; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .details .consumption {
          text-align: center;
          margin-right: 0px; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .usage-details {
        background-color: #ffffff;
        border-top: 1px solid #ddd;
        min-height: 40px;
        margin: 0px -10px -5px;
        padding: 15px 10px;
        color: #16a4fa;
        cursor: pointer;
        line-height: 26px; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .usage-details > div > span {
          font-size: 18px; }
          #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item.whole-house .usage-details > div > span:first-child {
            margin-right: 15px; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .bidgely-appliance-icon-container {
      display: none; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .bidgely-appliance-content {
      border-bottom: 0px;
      min-height: 0px;
      padding: 5px 0px 0px 5px; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .bidgely-appliance-content .bidgely-appliance-cost {
        font-size: 18px;
        padding: 0px;
        color: #16a4fa;
        margin-right: 20px; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details {
      display: block; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info {
        position: relative;
        padding: 5px 20px 0px 35px; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bidgely-appliance-icon-container {
          display: block;
          top: 0px;
          left: 0px;
          font-size: 20px;
          text-align: center; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar {
          background-color: #ccc;
          border-radius: 10px;
          height: 20px;
          overflow: hidden; }
          #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .fill, #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-1 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-1 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(1), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(1), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(2), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(1), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(2), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(3), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(1), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(2), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(3), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(4), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(4), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(1), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(2), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(3), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(4), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(4), #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(5), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info .bar svg:nth-of-type(5) {
            height: 100%;
            text-align: right;
            padding: 1px 10px 0px 10px;
            color: #ffffff;
            font-size: 12px;
            font-weight: 200;
            background-color: #16a4fa; }
        #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info span {
          color: #16a4fa; }
          #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .info span.glyphicon-chevron-right {
            top: 7px;
            right: 0px;
            position: absolute;
            font-size: 14px; }
      #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .details .consumption {
        text-align: right;
        margin: 5px 20px 5px 0px;
        font-weight: 200;
        font-size: 13px; }
    #bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item .toggle {
      padding: 15px;
      color: #16a4fa;
      cursor: pointer; }

#bidgely-appliance-selected {
  display: none;
  background-color: #16a4fa;
  height: 40px; }
  #bidgely-appliance-selected a {
    display: block;
    font-size: 14px;
    color: #ffffff; }
    #bidgely-appliance-selected a > span {
      padding: 10px 0px;
      display: inline-block; }
  #bidgely-appliance-selected .list-toggle {
    color: #ffffff;
    position: relative;
    float: right;
    margin-right: 0px;
    padding: 9px 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: transparent;
    background-image: none;
    border: none; }
    #bidgely-appliance-selected .list-toggle:active {
      -webkit-box-shadow: none;
      box-shadow: none; }
    #bidgely-appliance-selected .list-toggle:focus {
      outline: none; }
    #bidgely-appliance-selected .list-toggle .glyphicon-chevron-up {
      display: none; }
    #bidgely-appliance-selected .list-toggle .glyphicon-chevron-down {
      display: inline; }
  #bidgely-appliance-selected .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  #bidgely-appliance-selected .icon-bar {
    background-color: #ffffff;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  #bidgely-appliance-selected .icon-bar + .icon-bar {
    margin-top: 4px; }

.bidgely-appliance-meter-divider {
  height: 2px;
  background-color: #d2dae2;
  margin-left: 15px; }

.bidgely-appliance-list-spacer {
  height: 30px; }

.bidgely-appliance-list-title {
  color: #999999;
  padding: 5px;
  border-bottom: 1px solid #596679; }
  .bidgely-appliance-list-title .bidgely-icon {
    font-size: 35px;
    line-height: 20px;
    color: #596679; }

.bidgely-appliance-sublist a.bidgely-appliance-item {
  padding-left: 0px;
  font-size: 12px; }

.bidgely-appliance-sublist .bidgely-appliance-icon-container {
  display: none; }

.bidgely-appliance-sublist .bidgely-appliance-content {
  background-color: #ffffff;
  min-height: 20px;
  padding: 3px 5px; }
  .bidgely-appliance-sublist .bidgely-appliance-content .bidgely-appliance-title,
  .bidgely-appliance-sublist .bidgely-appliance-content .bidgely-appliance-cost {
    padding: 0px; }

.disaggMsg {
  list-style: none;
  padding: 0px 0px 0px 12px; }
  .disaggMsg .genericCases {
    display: none; }
  .disaggMsg li {
    width: 100%;
    list-style: none;
    text-align: right;
    font-size: .9em;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 2px 10px 2px; }
    .disaggMsg li a {
      color: #16a4fa;
      text-decoration: none;
      outline: none; }
  .disaggMsg .disaggEV {
    display: none;
    border: none; }

.msgPopover.popover {
  width: 250px;
  color: #8a95a5;
  font-size: .9em;
  text-align: center !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important; }
  .msgPopover.popover.bottom .arrow {
    margin-left: 75px !important; }

.msgPopover .bidgely-popover-wrapper {
  margin: -1px; }
  .msgPopover .bidgely-popover-wrapper .bidgely-icon-close {
    height: 20px;
    width: 20px;
    float: right;
    margin: 5px;
    opacity: .6;
    background: url("${image-path}icn_close.png") no-repeat; }
  .msgPopover .bidgely-popover-wrapper .bidgely-icon-close:hover {
    cursor: pointer; }

.msgPopover .popover-content {
  padding: 0px;
  margin: 0px; }
  .msgPopover .popover-content .bidgely-popover-topContent {
    min-height: 50px;
    text-align: center;
    padding: 10px;
    font-weight: 300 !important; }
  .msgPopover .popover-content .bidgely-popover-bottomContent {
    padding: 10px;
    min-height: 100px;
    background: #EEEEEE; }
    .msgPopover .popover-content .bidgely-popover-bottomContent .bidgely-popover-bottomContent-text {
      font-weight: 300 !important; }

a.bidgely-appliance-item {
  display: block;
  font-size: 14px;
  color: #999999;
  position: relative;
  cursor: pointer;
  margin-left: 15px; }
  a.bidgely-appliance-item.disabled {
    cursor: default; }
  a.bidgely-appliance-item.whole-house {
    margin-left: 0px; }

a.bidgely-appliance-item.selected .bidgely-appliance-content {
  background-color: #16a4fa; }
  a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-title,
  a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-cost {
    color: #ffffff; }
    a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-title .approx,
    a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-cost .approx {
      color: #ffffff; }

a.bidgely-appliance-item:hover {
  color: #333333;
  text-decoration: none; }

.bidgely-appliance-content {
  overflow: auto;
  min-height: 40px;
  width: 100%;
  padding: 5px 5px 0px 5px;
  border-bottom: 1px solid #d2dae2; }

.bidgely-appliance-content:hover .bidgely-appliance-title, .bidgely-appliance-content:hover .bidgely-appliance-cost {
  color: #333333; }

.bidgely-appliance-title,
.bidgely-appliance-cost {
  display: block;
  float: left; }
  .bidgely-appliance-title .approx,
  .bidgely-appliance-cost .approx {
    color: #8a95a5;
    font-weight: 200; }

.bidgely-progress-bar {
  width: 100%;
  background-color: #ccc;
  height: 30px;
  margin: 8px 0px 2px 0px; }
  .bidgely-progress-bar .fill, .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-1 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-1 .bidgely-progress-bar svg:nth-of-type(1), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 .bidgely-progress-bar svg:nth-of-type(1), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-2 .bidgely-progress-bar svg:nth-of-type(2), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 .bidgely-progress-bar svg:nth-of-type(1), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 .bidgely-progress-bar svg:nth-of-type(2), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-3 .bidgely-progress-bar svg:nth-of-type(3), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 .bidgely-progress-bar svg:nth-of-type(1), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 .bidgely-progress-bar svg:nth-of-type(2), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 .bidgely-progress-bar svg:nth-of-type(3), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 svg:nth-of-type(4), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-4 .bidgely-progress-bar svg:nth-of-type(4), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(1), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 .bidgely-progress-bar svg:nth-of-type(1), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(2), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 .bidgely-progress-bar svg:nth-of-type(2), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(3), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 .bidgely-progress-bar svg:nth-of-type(3), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(4), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 .bidgely-progress-bar svg:nth-of-type(4), .bidgely-progress-bar .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 svg:nth-of-type(5), .agent-wrapper .likely-reason-wrapper .card-body .rating.rating-5 .bidgely-progress-bar svg:nth-of-type(5) {
    background-color: #354052;
    float: left;
    height: 30px; }

.bidgely-appliance-icon-container {
  display: block;
  position: absolute;
  top: 5px;
  left: -30px;
  width: 30px;
  height: 30px;
  padding: 3px 0px;
  text-align: center; }

.bidgely-appliance-icon-container > span {
  font-size: 25px; }

.bidgely-appliance-title,
.bidgely-appliance-cost {
  padding-top: 5px; }

.bidgely-appliance-title {
  font-weight: bold;
  color: #8a95a5; }

.bidgely-appliance-sublist .bidgely-appliance-title {
  font-weight: normal; }

.bidgely-appliance-cost {
  color: #596679;
  float: right;
  font-family: "Gotham XNarrow A", "Gotham XNarrow B", Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal; }

@media (max-width: 969px) {
  .bidgely-appliance-sublist a.bidgely-appliance-item.selected .bidgely-appliance-content {
    background-color: #ffffff; }
  #bidgely-appliances {
    height: 40px;
    overflow: hidden; }
    #bidgely-appliances > .row {
      background-color: #16a4fa; }
    #bidgely-appliances #bidgely-appliance-selected {
      display: block; }
    #bidgely-appliances #bidgely-appliance-list {
      background-color: #f9fbfc; }
      #bidgely-appliances #bidgely-appliance-list a.bidgely-appliance-item {
        margin-left: 30px; }
        #bidgely-appliances #bidgely-appliance-list a.bidgely-appliance-item.selected .bidgely-appliance-content {
          background-color: transparent; }
          #bidgely-appliances #bidgely-appliance-list a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-title,
          #bidgely-appliances #bidgely-appliance-list a.bidgely-appliance-item.selected .bidgely-appliance-content .bidgely-appliance-cost {
            color: #596679; }
      #bidgely-appliances #bidgely-appliance-list .details {
        display: none; } }

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/ }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker > div {
  display: none; }

.datepicker.days div.datepicker-days {
  display: block; }

.datepicker.months div.datepicker-months {
  display: block; }

.datepicker.years div.datepicker-years {
  display: block; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00; }

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none; }

.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0; }

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0; }

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none; }

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417; }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none; }

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555; }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e; }

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none; }

.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover {
  background: #eeeeee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none; }

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999; }

.datepicker th.datepicker-switch {
  width: 145px; }

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent; }

.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px; }

.input-daterange input {
  text-align: center; }

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px; }

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429; }

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px; }

.bidgely-browse {
  width: 100%;
  padding-bottom: 25px;
  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 .btn-group button:disabled {
  background-color: #12263f;
  border-color: #1e3a5c;
  color: #fff; }

#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-timescale-menu .btn-group button:nth-of-type(even) {
  border-width: 1px 0; }

#bidgely-timescale-menu .btn-group button.previous, #bidgely-timescale-menu .btn-group button.next {
  padding: 0;
  flex-basis: 1px; }

#bidgely-timescale-menu .btn-group button.previous {
  border-right: 0; }

#bidgely-timescale-menu .btn-group button.next {
  border-left: 0;
  margin-right: 10px;
  border-radius: 0 4px 4px 0; }

#bidgely-timescale-menu .btn-group button.datepicker {
  border-radius: 4px 0 0 4px; }

.alert-enrollment {
  background-color: #EEF5F9;
  padding: 20px;
  min-height: 100vh; }
  .alert-enrollment .heading {
    color: #364256;
    font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 40px; }
  .alert-enrollment .bidgely-widget {
    min-height: 710px; }
  .alert-enrollment .bidgely-widget-container {
    padding-top: 20px; }

.home-profile-survey {
  padding: 10px;
  min-height: 100vh;
  background: #EDF5F8; }

.dashboard-page.engagement-view {
  background-color: #f5f5f5;
  color: #969696;
  min-height: 100vh; }
  .dashboard-page.engagement-view .heading {
    color: #364256;
    font-size: 25px;
    font-weight: 400;
    line-height: 40px;
    padding: 20px 20px 0; }
  .dashboard-page.engagement-view .search-results-summary .title .search-query {
    background-color: #47A282; }
  .dashboard-page.engagement-view .search-results-summary .notification-summary .title {
    color: #364256; }
  .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown .btn {
    color: #969696; }
    .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown .btn .caret-wrap {
      background-color: #47A282;
      border-radius: 3px;
      color: transparent; }
      .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown .btn .caret-wrap .caret {
        display: inline-block;
        margin-bottom: 3px; }
    .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown .btn.dropdown-toggle:after {
      display: none; }
    .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown .btn.btn-default {
      box-shadow: none; }
  .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown-menu {
    background-color: #ffffff;
    color: #464748; }
    .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown-menu li a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      white-space: nowrap; }
      .dashboard-page.engagement-view .search-results-summary .notification-summary .dropdown-menu li a:hover {
        background-color: #47A282; }
  .dashboard-page.engagement-view .search-results thead tr {
    background-color: #47A282; }
  .dashboard-page.engagement-view .search-results thead th {
    background-color: #47A282;
    border: none;
    color: #ffffff;
    padding: 8px;
    text-transform: none; }
    .dashboard-page.engagement-view .search-results thead th.channel, .dashboard-page.engagement-view .search-results thead th.type, .dashboard-page.engagement-view .search-results thead th.fuelType {
      padding-left: 0; }
  .dashboard-page.engagement-view .search-results thead th.date {
    padding-left: 18px; }
  .dashboard-page.engagement-view .search-results tbody td {
    border-top: 0; }
  .dashboard-page.engagement-view .search-results table.has-multi-fuel tbody td, .dashboard-page.engagement-view .search-results table.has-multi-fuel thead th {
    width: 8%; }
    .dashboard-page.engagement-view .search-results table.has-multi-fuel tbody td.status, .dashboard-page.engagement-view .search-results table.has-multi-fuel thead th.status {
      width: 15%; }
    .dashboard-page.engagement-view .search-results table.has-multi-fuel tbody td.message, .dashboard-page.engagement-view .search-results table.has-multi-fuel thead th.message {
      width: 25%; }
    .dashboard-page.engagement-view .search-results table.has-multi-fuel tbody td.type, .dashboard-page.engagement-view .search-results table.has-multi-fuel thead th.type {
      width: 16%; }

.web-dashboard .bidgely-widget {
  min-height: 100vh; }