/*
 * 
 * DO NOT UPDATE THIS FILE
 * 
 * 
 * This is a auto generated CSS using LESS.  
 * 
 */
.bidgely-col-form-label,
.bidgely-col-form-input,
.bidgely-col-form-panel-image,
.bidgely-col-form-panel-text,
.bidgely-col-md-375,
.bidgely-col-md-625 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 970px) {
  .bidgely-col-form-label,
  .bidgely-col-form-input,
  .bidgely-col-form-panel-image,
  .bidgely-col-form-panel-text,
  .bidgely-col-md-375,
  .bidgely-col-md-625 {
    float: left;
  }
  .bidgely-col-form-label,
  .bidgely-col-md-375 {
    width: 37.5%;
  }
  .bidgely-col-form-input,
  .bidgely-col-md-625 {
    width: 62.5%;
  }
  .bidgely-col-form-panel-image,
  .bidgely-col-md-555 {
    width: 55.8%;
  }
  .bidgely-col-form-panel-text,
  .bidgely-col-md-444 {
    width: 44.2%;
  }
  .bidgely-col-md-229 {
    width: 27.9%;
  }
  .bidgely-col-md-pull-375 {
    right: 37.5%;
  }
  .bidgely-col-md-pull-625 {
    right: 62.5%;
  }
  .bidgely-col-form-push,
  .bidgely-col-md-push-375 {
    left: 37.5%;
  }
  .bidgely-col-md-push-625 {
    left: 37.5%;
  }
  .bidgely-col-md-offset-375 {
    margin-left: 37.5%;
  }
  .bidgely-col-md-offset-625 {
    margin-left: 62.5%;
  }
}
.bidgely-full-width {
  background: #c3c7ca no-repeat center center;
  background-image: none;
  padding: 0;
}
.has-error .message {
  color: #900;
}
.has-success .message {
  color: #070;
}
.bidgely-navbar-brand {
  padding: 5px 15px;
}
.tooltip-inner {
  padding: 8px 15px;
  max-width: 230px;
}
/*
 * Override default bootstrap with custom styling
 */
a {
  cursor: pointer;
}
output {
  padding-top: 12px;
}
.form-control {
  height: 44px;
  padding: 11px 17px;
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 12px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 32px;
}
.form-horizontal .form-control-static {
  padding-top: 12px;
}
.btn:not(.btn-sm):not(.btn-lg) {
  padding: 11px 17px;
}
.input-group-addon {
  padding: 11px 17px;
}
.navbar-form {
  margin-top: 3px;
  margin-bottom: 3px;
}
.navbar-btn {
  margin-top: 3px;
  margin-bottom: 3px;
}
.pagination > li > a,
.pagination > li > span {
  padding: 11px 17px;
}
/*!
 * 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;
}
/* Typography
 /-------------------------------------------------------------- */
html,
body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
body,
p {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.mobile-iframe-scroll {
  overflow: auto;
}
.smaller,
p.smaller {
  font-size: 13px;
  line-height: 18px;
}
.med {
  font-size: 12px;
  line-height: 14px;
}
.small {
  font-size: 12px;
  line-height: 14px;
}
.gray-light {
  color: #999999;
}
.gray-dark {
  color: #333333;
}
.weight-book {
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.bidgely-pointer {
  cursor: pointer;
}
.bidgely-form-section label {
  font-weight: 400;
}
.bidgely-form .checkbox label {
  font-weight: 400;
}
img.bordered {
  border: 1px solid #ddd;
}
html {
  background-color: #1f262f;
  color: #354052;
}
h1,
h2,
h3,
h4 {
  color: #003359;
}
p.lead {
  color: #4d5e68;
}
.bidgely-form-subhead {
  border-top: 1px solid #c3c7ca;
}
.appliance-profile-page .cancel {
  display: none;
}
.appliance-profile-page .mobile .bidgely-margin-top {
  margin: 0px;
  padding: 5px;
}
.appliance-profile-page .mobile .bidgely-form-subhead {
  display: none;
}
.appliance-profile-page .mobile {
  margin: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #fff;
  z-index: 200000;
  border-top: 1px solid #ccc;
}
.appliance-profile-page .mobile p span {
  width: 45%;
  float: left;
  margin-bottom: 0;
}
.appliance-profile-page .mobile p button {
  width: 100%;
  margin-bottom: 0;
}
.has-success p,
p.has-success,
.glyphicon.success,
.bidgely-icon.success,
.success,
.success * {
  color: #4ea230;
}
.has-error p,
p.has-error,
.glyphicon.danger,
.bidgely-icon.danger,
.danger,
.danger * {
  color: #d9534f;
}
.has-error button.btn.dropdown-toggle {
  border-color: #a94442;
}
.has-warning p,
p.has-warning,
.glyphicon.warning,
.bidgely-icon.warning,
.warning,
.warning * {
  color: #e6a320;
}
.glyphicon.default,
.bidgely-icon.default {
  color: #758393;
}
.text-muted {
  color: #a5acb2;
}
.text-bold {
  font-weight: 700;
}
.bidgely-form-section label {
  color: #4d5e68;
}
.bidgely-form .checkbox label {
  color: #354052;
}
/* GENERAL 
 /-------------------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
html.embed,
body.embed {
  top: -70px;
  position: relative;
}
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -140px;
  /* Pad bottom by footer height */
  padding: 0 0 140px;
  background-color: #fff;
  color: #354052;
  transition: padding-top 0.5s ease;
  -webkit-transition: padding-top 0.5s ease;
}
body.content #bidgely-alertbar {
  margin-top: 0px;
  top: 0px;
}
body:not(.content).toolbar header.navbar {
  margin-top: 30px;
}
body:not(.content).toolbar #bidgely-alertbar {
  margin-top: 30px;
}
body:not(.content).toolbar.toolbar-drawer header.navbar {
  margin-top: 70px;
}
body:not(.content).toolbar.toolbar-drawer #bidgely-alertbar {
  margin-top: 70px;
}
header.navbar {
  height: 70px;
  background-color: #354052;
  background-image: none;
  border-bottom: none;
  border-bottom-color: #ccc;
  z-index: 500;
}
header.navbar.mini {
  height: 40px;
  min-height: 40px;
}
header.navbar.mini .bidgely-header-logo {
  font-size: 14px;
  padding: 0px;
  margin: 5px 0px 0px 10px;
  height: 30px;
  width: 120px;
  background-size: 120px 30px;
}
header.navbar.mini .navbar-toggle {
  border: none;
  margin: 5px 5px 0px 0px;
}
header.navbar.mini .navbar-toggle:hover,
header.navbar.mini .navbar-toggle:active,
header.navbar.mini .navbar-toggle:focus {
  background-image: none;
  border: none;
  background-color: transparent;
  outline: none;
}
header.navbar.mini .vertical-divider {
  height: 40px;
}
header.navbar.mini .navbar-nav > li > a {
  padding: 10px 15px;
}
header.navbar.mini .navbar-collapse.collapse {
  display: none;
}
header.navbar.mini .navbar-collapse.in,
header.navbar.mini .navbar-collapse.collapsing {
  display: block;
  position: relative;
  background-color: #354052;
}
header.navbar .container {
  background-color: #354052;
}
header.navbar .navbar-collapse {
  max-height: none;
  overflow: hidden;
}
header.navbar .vertical-divider {
  background-color: #2a3546;
  width: 1px;
  height: 69px;
}
header.navbar .bidgely-setup-link,
header.navbar .navbar-link,
header.navbar .bidgely-header-logo {
  font-size: 14px;
  padding-top: 26px;
  padding-bottom: 23px;
}
header.navbar .navbar-toggle {
  margin-top: 15px;
}
header.navbar li span {
  color: #fff;
}
header.navbar li span.text {
  display: none;
}
header.navbar .notice-icon {
  width: 8px;
  height: 8px;
  background-color: #d9534f;
  position: absolute;
  top: 20px;
  left: 10px;
  border-radius: 4px;
}
header.navbar a.btn {
  position: relative;
  top: 20px;
  padding: 5px 10px;
  margin-left: 15px;
  color: #fff;
}
header.navbar ul.account-dropdown li {
  position: relative;
  padding: 2px 0px 2px 5px;
}
header.navbar ul.account-dropdown li .notice-icon {
  top: 5px;
  left: 15px;
}
@media only screen and (max-width: 767px) {
  header.navbar .vertical-divider {
    display: none;
  }
  header.navbar a.btn {
    top: 0px;
    margin: 15px;
  }
  header.navbar li span.text {
    display: inline-block;
    margin-left: 15px;
  }
}
@media screen and (min-width: 446px) and (max-width: 768px) {
  header.navbar .navbar-link {
    padding-top: 20px;
  }
}
header.navbar a.navbar-link.btn {
  color: #fff;
}
header.bidgely-navbar ul.nav {
  padding-bottom: 0px;
}
a.bidgely-header-logo {
  display: block;
  width: 160px;
  height: 40px;
  margin-top: 17px;
  margin-left: 5px;
  background-size: 160px 40px;
}
a.bidgely-header-logo.bidgely-logo {
  background: transparent url("../img/img_bidgely_logo.png") no-repeat 0 0;
  background: transparent url("../img/img_bidgely_logo.svg") no-repeat 0 0;
}
a.bidgely-header-logo span {
  visibility: hidden;
}
/* Set the fixed height of the footer here */
footer {
  min-height: 140px;
  padding-top: 19px;
  color: #5b6c73;
  background-color: #1f262f;
  border-top: 1px solid #354052;
}
footer a {
  color: #fff;
  font-weight: 300;
}
footer a:hover {
  color: #fff;
}
footer a.legal-link,
footer a.help-link {
  padding: 0px 0px 0px 30px;
}
.bidgely-number {
  font-family: "din-condensed-web";
}
img.bidgely-fluid-image {
  width: 100%;
  max-width: 100%;
}
.btn.squared {
  border-radius: 0px;
}
.btn-bidgely {
  color: #fff;
  background-color: #16a4fa;
  border-color: #16a4fa;
}
.btn-bidgely .text-muted {
  color: #fff;
}
.btn-bidgely-white {
  color: #16a4fa;
  background-color: #fff;
  border-color: #16a4fa;
}
.btn-bidgely-white:hover,
.btn-bidgely-white:focus,
.btn-bidgely-white:active,
.btn-bidgely-white.active {
  background-color: #16a4fa;
  color: #fff;
}
.btn-bidgely-transparent {
  background-color: Transparent;
  background-repeat: no-repeat;
  color: #16a4fa;
  border-color: #16a4fa;
}
.btn-bidgely-transparent:hover,
.btn-bidgely-transparent:focus,
.btn-bidgely-transparent:active,
.btn-bidgely-transparent.active {
  background-color: #16a4fa;
  color: #f9f9f9;
}
.btn-bidgely-gray-light {
  color: #16a4fa;
  background-color: #f9f9f9;
  border-color: #16a4fa;
}
.btn-bidgely-gray-light:hover,
.btn-bidgely-gray-light:focus,
.btn-bidgely-gray-light:active,
.btn-bidgely-gray-light.active {
  background-color: #16a4fa;
  color: #f9f9f9;
}
.btn-bidgely-gray {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-bidgely-gray:hover,
.btn-bidgely-gray:focus,
.btn-bidgely-gray:active,
.btn-bidgely-gray.active {
  background-color: #333333;
  color: #fff;
}
.btn-bidgely-navy-blue {
  color: #fff;
  background-color: #354052;
  border-color: #354052;
}
.btn-bidgely-navy-blue:hover,
.btn-bidgely-navy-blue:focus,
.btn-bidgely-navy-blue:active,
.btn-bidgely-navy-blue.active {
  background-color: #3c4d60;
  color: #fff;
}
.btn-google-signin {
  position: relative;
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
  padding-left: 60px;
}
.btn-google-signin .google-plus {
  width: 40px;
  border-right: 1px solid #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("../img/icn_google_plus_white.png") no-repeat;
  background-position: 7px 7px;
  height: 100%;
}
.btn-google-signin:hover,
.btn-google-signin:focus,
.btn-google-signin:active,
.btn-google-signin.active {
  background-color: #900;
  color: #fff;
}
.btn-bidgely:hover,
.btn-bidgely:focus,
.btn-bidgely:active,
.btn-bidgely.active,
.open .dropdown-toggle.btn-bidgely {
  color: #fff;
  background-color: #005fa6;
  border-color: #005fa6;
}
.btn-bidgely:active,
.btn-bidgely.active,
.open .dropdown-toggle.btn-bidgely {
  background-image: none;
}
.btn-bidgely.disabled,
.btn-bidgely[disabled],
fieldset[disabled] .btn-bidgely,
.btn-bidgely.disabled:hover,
.btn-bidgely[disabled]:hover,
fieldset[disabled] .btn-bidgely:hover,
.btn-bidgely.disabled:focus,
.btn-bidgely[disabled]:focus,
fieldset[disabled] .btn-bidgely:focus,
.btn-bidgely.disabled:active,
.btn-bidgely[disabled]:active,
fieldset[disabled] .btn-bidgely:active,
.btn-bidgely.disabled.active,
.btn-bidgely[disabled].active,
fieldset[disabled] .btn-bidgely.active {
  background-color: #c1dff9;
  border-color: #0075cc;
  opacity: 1;
}
.btn-bidgely .badge {
  color: #428bca;
  background-color: #fff;
}
.bidgely-margin-top {
  margin-top: 20px;
}
.bidgely-modal-body {
  padding: 15px;
}
.bidgely-modal-body p {
  font-size: 16px;
}
.bidgely-modal-body img {
  width: 100%;
}
.bidgely-popover-trigger + .popover h3.popover-title {
  font-weight: 700;
}
.bidgely-popover-trigger + .popover div.popover-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.bidgely-illustration {
  margin-bottom: 60px;
}
.bidgely-illustration img {
  max-width: 100%;
}
.bidgely-illustration p.bidgely-illustration-caption,
p.bidgely-illustration-caption {
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px;
}
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  background-repeat: repeat-x;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
/* HEADER
 /-------------------------------------------------------------- */
#bidgely-alertbar {
  top: 70px;
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 300;
  margin-bottom: 0px;
  background-color: #d2dae2;
}
#bidgely-alertbar > div.alert {
  margin-bottom: 0px;
  border: 0px;
  text-align: left;
  color: #354052;
  background-image: none;
  border-bottom: 1px solid #d8dfe5;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
#bidgely-alertbar > div.alert div.message {
  margin: 0px 10px;
}
#bidgely-alertbar > div.alert div.message .bidgely-icon-warning {
  font-size: 20px;
  top: 2px;
  margin-right: 10px;
}
#bidgely-alertbar > div.alert button.close {
  width: 19px;
  height: 19px;
  background-image: url("../img/icn_close.png");
  opacity: 1;
}
#bidgely-alertbar > div.alert.alert-danger strong {
  padding-left: 20px;
  background-image: url("../img/icn_alert.png");
  background-repeat: no-repeat;
  background-position: 0px 2px;
  opacity: 1;
}
/* Classes to be used frequently */
/*###################################### CSS CODE FOR Margin */
.MarginNone {
  margin: 0;
}
.XXXBMargin {
  margin-right: 60px;
}
.XXBMargin {
  margin-right: 40px;
}
.XBMargin {
  margin-right: 20px;
}
.BMargin {
  margin-right: 10px;
}
.NoMarginBottom {
  margin-bottom: 0;
}
.SCN {
  margin-bottom: 5px;
}
.CN {
  margin-bottom: 10px;
}
.XCN {
  margin-bottom: 20px;
}
.XXCN {
  margin-bottom: 35px;
}
.XXXCN {
  margin-bottom: 60px;
}
/*###################################### CSS CODE FOR PADDINGS */
.P40 {
  padding: 40px;
}
.P20 {
  padding: 20px;
}
.P10 {
  padding: 10px;
}
.P5 {
  padding: 5px;
}
.Padder5 {
  padding: 5px 0;
}
.Padder10 {
  padding: 10px 0;
}
.Padder15 {
  padding: 15px 0;
}
.Padder20 {
  padding: 20px 0;
}
.Padder15 {
  padding: 15px 0;
}
/*###################################### CSS CODE FOR LINKS */
/* Others
 /-------------------------------------------------------------- */
.bidgely-loading {
  background-image: url("../img/icn-bidgely-loader.gif");
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin: 0px 4px 6px 4px;
  display: inline-block;
  vertical-align: middle;
}
button.btn-bidgely.disabled .bidgely-loading,
button.btn-default.disabled .bidgely-loading {
  background-image: url("../img/icn-bidgely-loader.gif");
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin: 0px 0px 2px 0px;
  display: inline-block;
  vertical-align: middle;
}
.bidgely-loading-small,
.bidgely-col-form-input .bidgely-loading {
  background-image: url("../img/icn-bidgely-loader.gif");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0px 2px;
  display: inline-block;
  vertical-align: middle;
}
.inline-block {
  display: inline-block;
}
.valign-middle {
  vertical-align: middle;
}
.bidgely-google-map {
  height: 250px;
}
.bidgely-pagination {
  padding: 10px 5px;
  display: inline-block;
}
.bidgely-pagination .pagination-dots {
  padding-left: 35px;
  padding-right: 35px;
  display: inline-block;
  list-style: none;
  margin: 0px;
}
.bidgely-pagination .pagination-dots li {
  top: 3px;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0px 2px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #16a4fa;
}
.bidgely-pagination .pagination-dots .active {
  background-color: #16a4fa;
}
.bidgely-pagination .pagination-dot {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 15px;
}
.bidgely-pagination .pagination-dot-default {
  background-color: #fff;
}
.bidgely-pagination .pagination-dot-bidgely {
  background-color: #16a4fa;
}
.bidgely-pagination a {
  color: #16a4fa;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}
.bidgely-pagination a[disabled],
.bidgely-pagination a.disabled {
  color: #fff;
  opacity: 1;
}
.google-plus {
  background-image: url("../img/icn_google_plus.png");
  width: 21px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
sup.beta {
  font-weight: 700;
  font-style: italic;
  color: #d9534f;
}
.bidgely-info-icon {
  background: url("../img/icn-info.svg") no-repeat center center;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.legal-title {
  margin-top: 50px;
  margin-bottom: -25px;
}
.privacy-title {
  margin-top: 25px;
  margin-bottom: -25px;
}
.utility-hidden {
  display: none !important;
  visibility: hidden !important;
}
.utility-no-border {
  border: none;
}
#password-hint {
  font-size: 12px;
}
.registration-steps {
  padding-top: 30px;
}
.registration-steps .circle {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  height: 40px;
  width: 40px;
  margin-right: 5px;
  color: #ccc;
  float: left;
}
.registration-steps .circle.active {
  border: 2px solid #16a4fa;
  color: #333333;
}
.registration-steps .circle > span {
  display: inline-block;
  padding: 7px 0;
  text-align: center;
  width: 36px;
}
#creating-account > .glyphicon-ok-sign,
#preparing-data > .glyphicon-ok-sign {
  color: #070;
  margin-right: 10px;
  font-size: 20px;
}
#creating-account .loading,
#preparing-data .loading {
  background-image: url("../img/icn_loading_sm.gif");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
  position: relative;
  top: 45%;
  vertical-align: middle;
  width: 20px;
}
.btn-show-my-data {
  margin-top: 50px;
  width: 350px;
}
.error-message {
  display: none;
}
.has-error .bidgely-form-label {
  color: #d9534f;
}
.has-error .form-control {
  border-color: #d9534f;
}
.has-error .error-message {
  display: block;
}
.new-registration-flow .bidgely-page-header {
  background-color: #e6e6e6;
}
.new-registration-flow .bidgely-form-section label,
.new-registration-flow .bidgely-form-section .bidgely-form-label {
  color: #838b92;
}
.new-registration-flow .has-error .bidgely-form-label {
  color: #d9534f;
}
.new-registration-flow .helper-links p {
  font-size: 13px;
  line-height: 18px;
}
footer.new-registration-flow {
  background-color: #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
footer.new-registration-flow a {
  color: #4d5e68;
  font-size: 12px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bidgely-loading {
    background-image: url("../img/icn-bidgely-loader@2x.gif");
    background-size: 20px 20px;
  }
  button.btn-bidgely.disabled .bidgely-loading,
  button.btn-default.disabled .bidgely-loading {
    background-image: url("../img/icn-bidgely-loader@2x.gif");
    background-size: 17px 17px;
  }
  .bidgely-loading-small,
  .bidgely-col-form-input .bidgely-loading {
    background-image: url("../img/icn-bidgely-loader@2x.gif");
    background-size: 16px 16px;
  }
}
/* Drupal Messages
 /-------------------------------------------------------------- */
div.content-messages div.messages,
div.content-help div.help {
  border-style: solid;
  border-width: 6px;
  font-weight: bold;
  margin-bottom: 1.5em;
  overflow: hidden;
  padding: 14px;
}
div.content-messages-inner div.status {
  background-color: #EAF8E4;
  border-color: #8DC478;
  color: #3E642F;
}
div.content-messages-inner div.warning {
  background: #FFFFDD;
  border-color: #EED300;
  color: #745500;
}
div.content-messages-inner div.error {
  background-color: #FFF2F2;
  border-color: #CC0000;
  color: #B20000;
}
.help,
div.content-help-inner div.help {
  background-color: #E4EEF8;
  border-color: #57718A;
  color: #292929;
}
div.messages ul,
div.content-help .help ul {
  list-style-position: inside;
}
div.messages a:link,
div.messages a:visited,
.help a:link,
.help a:visited,
.help .more-help-link a:link,
.help .more-help-link a:visited {
  color: #333;
  text-decoration: underline;
}
div.messages a:hover,
div.messages a:active,
.help a:hover,
.help a:active,
.help .more-help-link a:hover,
.help .more-help-link a:active,
div.messages em {
  color: #333;
  text-decoration: none;
}
#content-region ul.tips li {
  background: transparent;
  list-style: disc;
  list-style-image: none;
  list-style-position: inside;
}
/* Blocks
 /-------------------------------------------------------------- */
/* administrator block edit links */
.block .inner {
  position: relative;
}
.block .fusion-edit {
  display: none;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: left;
  /* LTR */
  top: 0;
  z-index: 10;
}
.block:hover > .inner > .fusion-edit {
  display: block;
}
.block .fusion-edit a {
  background-color: #fff;
  border: 1px solid #333;
  display: block;
  float: left;
  outline: 0;
  padding: 2px 2px 2px 6px;
  text-indent: -9999px;
  width: 16px;
}
.block .fusion-edit a:hover {
  background-color: #eee;
  text-decoration: none;
}
.block .fusion-block-config,
.block .fusion-block-edit {
  background: url(../../fusion/fusion_core/images/emblem-system.png) center center no-repeat;
}
.block .fusion-edit-menu {
  background: url(../../fusion/fusion_core/images/text-x-generic-menu.png) center center no-repeat;
}
/* Content
 /-------------------------------------------------------------- */
#content-header {
  margin-top: 91px;
}
.content-tabs {
  margin-top: 70px;
  text-align: left;
}
.content-tabs + .content-content {
  margin-top: -70px;
}
body[id^="pid-node-"][id$="-edit"] .content-tabs + .content-content,
body[id^=pid-admin] .content-tabs + .content-content {
  margin-top: 0px;
}
.navigation-bar {
  margin: 0px;
}
.bidgely-layout-guide.jumbotron,
.bidgely-layout-guide.container,
.bidgely-infodetail.container,
.bidgely-infodetail.jumbotron {
  margin-top: 50px;
}
.bidgely-layout-guide.jumbotron,
.bidgely-infodetail.jumbotron {
  background-color: #999999;
  background-align: center;
}
.bidgely-layout-guide.jumbotron .container,
.bidgely-infodetail.jumbotron .container {
  color: white;
  height: 200px;
}
.jumbotron small {
  color: white;
}
.bidgely-infodetail .row h2,
.bidgely-infodetail .row h3 {
  margin-top: 25px;
}
.bidgely-infotext p {
  font-size: 16px;
}
.bidgely-toc {
  margin-top: -10px;
}
.bidgely-toc li a,
.bidgely-toc li.active a,
.bidgely-toc li.active:hover a {
  font-size: 16px;
  margin-left: -10px;
  padding: 10px;
  background-image: none;
  text-shadow: none;
  color: #555555;
  border-color: #ddd;
  background-color: #fff;
  font-weight: bold;
}
.bidgely-toc li a {
  font-weight: normal;
}
.bidgely-toc.affix,
.bidgely-toc.affix-top {
  width: 230px;
}
.bidgely-toc.affix {
  top: 70px;
}
.bidgely-infodetail .list-group .active:hover {
  background-color: #f5f5f5;
}
.bidgely-infodetail img.illustration {
  width: 100%;
  height: 250px;
  margin-bottom: 1em;
}
/* FORMS 
 /-------------------------------------------------------------- */
.bidgely-form.container {
  padding-top: 70px;
}
.bidgely-form.container.mini {
  padding-top: 40px;
}
.bidgely-form-info {
  padding-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 969px) {
  .bidgely-form-info {
    padding-top: 1.5em;
  }
}
.bidgely-form-subhead {
  margin-bottom: 10px;
}
.bidgely-edit-link {
  padding-left: 1em;
}
.bidgely-form-section .col-md-8.page-header {
  margin-top: 0;
}
.bidgely-smartmeter-illustrations img {
  margin-top: 20px;
  margin-left: -20px;
}
.bidgely-form-section .panel {
  background-color: #fff;
  border-color: #edf2f6;
}
.bidgely-form-section .panel.bidgely-pointer:hover {
  background-color: #e9f5fc;
}
.bidgely-form-section .panel .panel-heading {
  background-image: none;
  background-color: #edf2f6;
}
@media only screen and (max-width: 767px) {
  .bidgely-smartmeter-illustrations img {
    margin-left: 0px;
  }
}
.bidgely-form .bidgely-static .form-control-static {
  background-color: #fff;
  border-bottom: 1px solid #c3c7ca;
  color: #4d5e68;
  font-weight: 500;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .btn {
    margin-bottom: 15px;
  }
  .modal-footer .btn {
    margin-bottom: 0;
  }
}
/* FORMS V2
 /-------------------------------------------------------------- */
.bidgely-page-header {
  background-color: #e9f5fc;
}
.bidgely-page-header + .bidgely-form.container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.bidgely-page-header h1 {
  font-size: 24px;
  font-weight: 500;
  margin: 25px 0px 0px 0px;
}
.bidgely-page-header .lead {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 25px;
}
.bidgely-form-title {
  font-size: 18px;
  font-weight: 700;
}
.bidgely-form-group {
  margin-bottom: 15px;
}
.bidgely-form-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.bidgely-form-label.no-margin {
  margin-bottom: 0px;
}
@-webkit-keyframes bidgely-loader-fill-slide {
  from {
    background-position: -100%;
  }
  to {
    background-position: 150%;
  }
}
@-moz-keyframes bidgely-loader-fill-slide {
  from {
    background-position: -100%;
  }
  to {
    background-position: 150%;
  }
}
@-o-keyframes bidgely-loader-fill-slide {
  from {
    background-position: -100%;
  }
  to {
    background-position: 150%;
  }
}
@keyframes bidgely-loader-fill-slide {
  from {
    background-position: -100%;
  }
  to {
    background-position: 150%;
  }
}
.bidgely-loader {
  height: 100px;
  position: relative;
  padding: 25px;
}
.bidgely-loader .icon-left,
.bidgely-loader .icon-right {
  background-color: #eeeeee;
  text-align: center;
  line-height: 92px;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  top: 0px;
  position: absolute;
  border: 2px solid #16a4fa;
}
.bidgely-loader .icon-left.gray,
.bidgely-loader .icon-right.gray {
  border: 2px solid #eeeeee;
}
.bidgely-loader .icon-left {
  left: 0px;
}
.bidgely-loader .icon-left .warning-icon {
  position: absolute;
  top: -30px;
  color: #900;
  font-size: 40px;
}
.bidgely-loader .icon-right {
  right: 0px;
}
.bidgely-loader .loader-bar {
  height: 46px;
  border-radius: 50px;
  background: url("../img/bg_progress.png") repeat-x;
}
.bidgely-loader .loader-bar > div.fill {
  height: 46px;
  background: url("../img/bg_progress_fill.png") no-repeat;
  background-size: 250px 46px;
  -webkit-animation: bidgely-loader-fill-slide 5s linear infinite;
  -moz-animation: bidgely-loader-fill-slide 5s linear infinite;
  -o-animation: bidgely-loader-fill-slide 5s linear infinite;
  animation: bidgely-loader-fill-slide 5s linear infinite;
}
.bidgely-form-device .device-image-col {
  width: 110px;
}
.bidgely-form-device .device-image-col .device-image {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border: 1px solid #ddd;
  margin-right: 15px;
  border-radius: 50px;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
.bidgely-form-device img {
  width: 100%;
}
.bidgely-form-device .device-text .device-label {
  width: 125px;
  margin-right: 10px;
  font-weight: 500;
  display: inline-block;
}
.bidgely-form-control {
  position: relative;
  margin-bottom: 15px;
}
.bidgely-form-control button {
  width: 100%;
}
.bidgely-form-control button.auto-width {
  width: auto;
}
.bidgely-form-control > img {
  margin-top: 15px;
}
.bidgely-form-control .info {
  font-size: 13px;
  font-weight: 300;
  color: #a5acb2;
}
.bidgely-form-control .form-control + .form-control-error {
  display: none;
  color: #900;
  font-size: 12px;
  position: absolute;
  right: 25px;
  top: 12px;
}
.bidgely-form-control .form-control + .form-control-error span {
  vertical-align: top;
}
.bidgely-form-control .form-control + .form-control-error span.bidgely-icon {
  font-size: 18px;
}
.has-error .form-control-error {
  display: block !important;
}
.bidgely-form-note {
  text-align: center;
  padding: 0px 50px;
  color: #a5acb2;
  font-size: 13px;
}
.bidgely-form-notice {
  background-color: #fff;
  padding: 10px;
}
.bidgely-form-info-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.bidgely-form-info-title.med {
  font-size: 14px;
}
.bidgely-header-back {
  display: inline-block;
  border-radius: 25px;
  border: 1px solid #ddd;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  color: #ddd;
  margin: 25px 0px 0px 0px;
  padding: 2px 0px 0px 8px;
}
.bidgely-panel-info {
  font-size: 13px;
  font-weight: 300;
}
.bidgely-panel-text p {
  font-size: 14px;
  font-weight: 300;
}
.bidgely-panel-text.with-arrow {
  padding-right: 50px;
}
.bidgely-panel-text .bidgely-panel-arrow {
  position: absolute;
  top: 40%;
  right: 15px;
}
.bidgely-panel-button {
  padding-top: 10px;
}
.bidgely-panel-image img {
  width: 100%;
  max-width: 200px;
}
.bidgely-panel-image .image {
  width: 100%;
  margin: 15px 0px;
}
.bidgely-panel-image.large {
  text-align: center;
  margin-top: 10px;
}
.bidgely-panel-image.large img {
  max-width: 300px;
}
.description {
  margin-top: 10px;
}
.bidgely-form-info {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 25px;
}
.bidgely-form-info.no-margin {
  margin-bottom: 0px;
}
.bidgely-form-info .step {
  color: #a5acb2;
  border-bottom: 1px solid #ccc;
  padding-left: 30px;
}
.bidgely-form-info .step .check {
  position: absolute;
  left: 10px;
  top: 7px;
}
.bidgely-form-info .step.active {
  background-color: #fff;
  color: #666;
}
.bidgely-form-info .step.active h4 {
  color: #666;
}
.bidgely-form-info .step h4 {
  font-size: 16px;
  font-weight: 500;
  color: #a5acb2;
  margin-bottom: 0px;
}
.bidgely-form-info .step p {
  font-size: 14px;
  font-weight: 300;
}
a.list-group-item.bidgely-list-group-item div.tick-box {
  width: 10px;
  height: 10px;
  border: 1px solid #ddd;
  background-color: #eeeeee;
  display: inline-block;
  margin-right: 15px;
  border-radius: 2px;
}
a.list-group-item.bidgely-list-group-item.active {
  background-color: #fff;
  color: #555555;
  border-color: #ddd;
}
a.list-group-item.bidgely-list-group-item.active div.tick-box {
  background-color: #16a4fa;
}
.horizontal-divider {
  margin: 15px 0px;
  height: 1px;
  background-color: #ccc;
}
.horizontal-divider-light {
  margin: 15px 0px;
  height: 1px;
  background-color: #eeeeee;
}
.or-divider {
  position: relative;
  min-height: 50px;
}
.or-divider div.or-circle {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #666;
  color: #fff;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  position: absolute;
  top: 0px;
  margin-left: -25px;
}
.or-divider div.or-line {
  text-align: center;
  position: absolute;
  top: 25px;
  width: 100%;
}
.or-divider div.or-line > div {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  display: block;
}
.bidgely-form-error-box {
  border: 1px solid #ffc926;
  background-color: #ffeaab;
  padding: 15px;
  position: relative;
  font-weight: 300;
}
.bidgely-form-error-box > div.icon {
  width: 25px;
  text-align: center;
  position: absolute;
  color: #900;
}
.bidgely-form-error-box > div.text {
  margin-left: 30px;
}
.bidgely-form-error-box > div.text div.title {
  font-weight: 400;
}
.bidgely-form-error-box > div.text ol {
  margin-top: 10px;
}
@media (max-width: 969px) {
  .bidgely-form-device .device-text .device-label {
    width: 100px;
    font-size: 12px;
  }
}
/* Registration
 /-------------------------------------------------------------- */
.registration-divider {
  min-width: 50px;
  min-height: 50px;
}
.registration-divider div.or-circle {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #666;
  color: #fff;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  position: absolute;
  top: 0px;
  margin-left: -25px;
}
.registration-divider div.or-line {
  text-align: center;
}
.registration-divider div.or-line > div {
  width: 1px;
  height: 300px;
  background-color: #ccc;
  display: inline-block;
}
@media (max-width: 969px) {
  .registration-divider div.or-line {
    position: absolute;
    top: 25px;
    width: 100%;
  }
  .registration-divider div.or-line > div {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    display: block;
  }
}
/* SETUP 
 /-------------------------------------------------------------- */
.bidgely-setup.container {
  margin-top: 70px;
}
.bidgely-setup-icon span {
  padding-top: 5px;
  font-size: 42px;
}
.bidgely-setup-description h2 {
  margin-top: 0px;
}
.bidgely-setup-option h2.list-group-item-heading {
  color: #666;
}
.bidgely-setup-option:hover h2.list-group-item-heading {
  color: #333333;
}
@media only screen and (max-width: 720px) {
  .bidgely-setup-option h2.list-group-item-heading {
    font-size: 24px;
  }
}
.bidgely-setup-option p.list-group-item-text {
  color: #999999;
}
.bidgely-setup-option:hover p.list-group-item-text {
  color: #333333;
}
.icon-energy-monitor {
  width: 76px;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/icn-energy-monitor.png");
  background-size: 76px 61px;
}
.icon-utility {
  width: 59px;
  height: 71px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/icn-utility.png");
  background-size: 59px 71px;
}
.device-status {
  background-color: #fff;
  padding: 15px 0px;
}
.device-status .device-status-lights .light {
  display: inline-block;
  margin-top: 40px;
  margin-left: -35px;
  border: 1px solid #5b6c73;
  background-color: #5b6c73;
  border-radius: 5px;
  width: 10px;
  height: 10px;
}
.device-status .device-status-lights .light.on {
  border: 1px solid #90be40;
  background-color: #90be40;
}
.device-status .device-status-lights .light.blink {
  animation: blink 1s step-end infinite;
  -webkit-animation: blink 1s step-end infinite;
}
@keyframes blink {
  50% {
    border: 1px solid #90be40;
    background-color: #90be40;
  }
}
@-webkit-keyframes blink {
  50% {
    border: 1px solid #90be40;
    background-color: #90be40;
  }
}
.device-status .device-status-lights.rainforest,
.device-status .device-status-lights.bidgely {
  text-align: center;
}
.device-status .device-status-lights.rainforest > div,
.device-status .device-status-lights.bidgely > div {
  display: inline-block;
}
.device-status .device-status-lights.rainforest div.indicator,
.device-status .device-status-lights.bidgely div.indicator {
  display: inline-block;
  background-position: top center;
  background-repeat: no-repeat;
  width: 30px;
  height: 60px;
  margin: 15px 15px 0px 15px;
}
.device-status .device-status-lights.rainforest div.indicator.power-light,
.device-status .device-status-lights.bidgely div.indicator.power-light {
  background-image: url("../img/energymonitor/rainforest/rf-power.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.rainforest div.indicator.ethernet-light,
.device-status .device-status-lights.bidgely div.indicator.ethernet-light {
  background-image: url("../img/energymonitor/rainforest/rf-ethernet.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.rainforest div.indicator.cloud-light,
.device-status .device-status-lights.bidgely div.indicator.cloud-light {
  background-image: url("../img/energymonitor/rainforest/rf-cloud.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.rainforest div.indicator.meter-light,
.device-status .device-status-lights.bidgely div.indicator.meter-light {
  background-image: url("../img/energymonitor/rainforest/rf-meter.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.homebeat {
  text-align: center;
}
.device-status .device-status-lights.homebeat > div {
  display: inline-block;
}
.device-status .device-status-lights.homebeat div.indicator {
  display: inline-block;
  background-position: top center;
  background-repeat: no-repeat;
  width: 30px;
  height: 60px;
  margin: 15px 15px 0px 15px;
}
.device-status .device-status-lights.homebeat div.indicator.power-light {
  background-image: url("../img/energymonitor/homebeat/power.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.homebeat div.indicator.meter-light {
  background-image: url("../img/energymonitor/homebeat/zigbee.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.homebeat div.indicator.cloud-light {
  background-image: url("../img/energymonitor/homebeat/cloud.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.digi {
  text-align: center;
}
.device-status .device-status-lights.digi > div {
  display: inline-block;
}
.device-status .device-status-lights.digi div.indicator {
  display: inline-block;
  background-position: top center;
  background-repeat: no-repeat;
  width: 30px;
  height: 60px;
  margin: 15px 15px 0px 15px;
}
.device-status .device-status-lights.digi div.indicator.power-light {
  background-image: url("../img/energymonitor/digi/power.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.digi div.indicator.ethernet-light {
  background-image: url("../img/energymonitor/digi/internet.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.digi div.indicator.meter-light {
  background-image: url("../img/energymonitor/digi/zigbee.png");
  background-size: 30px 30px;
}
.device-status .device-status-lights.digi .light {
  display: block;
  margin-top: -65px;
  margin-left: 15px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.device-status .device-status-lights.digi .light:not(.on) {
  border: 1px solid #fff;
  background-color: #fff;
}
.buy-energy-monitor .meter-image {
  padding: 25px;
  margin: 15px;
  background-color: #fff;
  border-radius: 100px;
  overflow: hidden;
}
.buy-energy-monitor .meter-image > img {
  width: 150px;
}
.setup-timer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.setup-timer .time {
  color: #333333;
  text-align: center;
  white-space: nowrap;
}
.setup-timer .time span {
  display: inline-block;
  vertical-align: middle;
}
.setup-timer .time strong {
  display: block;
  margin-bottom: 3px;
  font-size: 200%;
  font-weight: 200;
  line-height: 24px;
}
.setup-timer .time em {
  overflow: hidden;
  display: block;
  font-size: 75%;
  line-height: 10px;
  font-style: normal;
  text-transform: uppercase;
}
.setup-timer .time br {
  overflow: hidden;
  height: 0;
}
.setup-timer .time .minutes strong {
  font-weight: 700;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .icon-energy-monitor {
    background-image: url("../img/icn-energy-monitor@2x.png");
    background-size: 76px 61px;
  }
  .icon-utility {
    background-image: url("../img/icn-utility@2x.png");
    background-size: 59px 71px;
  }
}
.b2c {
  color: #20262d;
  font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
  font-size: medium;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.b2c blockquote,
.b2c dl,
.b2c dt,
.b2c dd,
.b2c ol,
.b2c ul,
.b2c li {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.b2c blockquote,
.b2c q {
  quotes: none;
}
.b2c blockquote:before,
.b2c blockquote:after,
.b2c q:before,
.b2c q:after {
  content: '';
  content: none;
}
.b2c .display_none {
  height: 0%;
  font-size: 0%;
  line-height: 0%;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.b2c .clearfix:after {
  height: 0;
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
}
.b2c .clearfix {
  display: inline-block;
}
.b2c html[xmlns] .clearfix {
  display: block;
}
.b2c * html .clearfix {
  height: 1%;
}
.b2c .clear {
  clear: both;
}
.b2c body,
.b2c pre,
.b2c form,
.b2c fieldset,
.b2c input,
.b2c select,
.b2c textarea,
.b2c blockquote {
  color: #20262d;
  font-family: Arial, Helvetica, sans-serif, Helvetica, sans-serif;
  font-size: medium;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.b2c #UIwrap {
  /*padding-top:@navbar-height;*/
}
.b2c #UIhead {
  margin-bottom: 0;
  z-index: 999;
  height: 70px;
  background-color: #1f262f;
}
.b2c #UIhead .logo {
  display: inline;
  float: left;
}
.b2c #UIhead .logo .brand {
  display: block;
  width: 160px;
  height: 40px;
  margin: 15px 0 15px 5px;
  background: url("../img//b2c/bidgely-logo-v2.png") no-repeat 0 50%;
}
.b2c #UIhead .logo .brand span {
  display: none;
  visibility: hidden;
}
.b2c #UIhead .navbar-btn {
  display: inline;
  float: right;
  height: 34px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.b2c #UIhead .navbar-btn .btn {
  color: #fff;
  box-shadow: none;
  text-shadow: none;
}
.b2c #UIhead .navbar-btn .btn-default {
  background: none;
  border: transparent;
}
.b2c #UIhead .navbar-btn .btn-info {
  background: #16a4fa;
}
.b2c #UIhead .navbar-btn .btn-info:hover {
  background: #16a4fa;
}
.b2c #UIcont {
  position: relative;
}
.b2c #UIfoot {
  position: relative;
  color: #ededed;
  background-color: #3d4b51;
}
.b2c #UIfoot .container {
  min-height: 250px;
  padding-top: 45px;
  padding-bottom: 45px;
}
.b2c #UIfoot .ftit {
  margin-bottom: 15px;
  font-size: 150%;
  color: #ededed;
}
.b2c #UIfoot .fnav {
  margin-bottom: 45px;
}
.b2c #UIfoot .fnav li {
  display: inline-block;
  width: 100%;
  padding: 3px 0;
}
.b2c #UIfoot .fnav a {
  color: #ededed;
}
.b2c #UIfoot .fnav a:hover {
  color: #fff;
  text-decoration: none;
}
.b2c #UIfoot .col-xs-12:last-child .fnav {
  margin-bottom: 0;
}
.b2c #scroll-wrap,
.b2c #dp_swf_engine {
  display: none;
}
.b2c img {
  max-width: 100%;
  height: auto;
}
.b2c .sdSlide {
  display: block;
  overflow: hidden;
  position: relative!important;
  top: 0!important;
  width: 100%;
  /*min-height:;*/
  margin: 0 auto;
  padding: 0;
  color: #354052;
  background-position: 50% 50%;
}
.b2c .sdSlide .arrScroll {
  overflow: hidden;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-left: -26px;
  background: url("../img//b2c/arrow_down_3.png") no-repeat 50% 50%;
  outline: none;
}
.b2c .sdSlide .arrScroll span {
  position: absolute;
  top: 10em;
  left: -1000em;
}
.b2c .sdSlide .banner {
  padding-top: 80px;
  padding-bottom: 75px;
}
.b2c .sdSlide .title {
  margin-bottom: 10px;
  font-size: 225%;
}
.b2c .sdSlide p {
  font-size: 112.5%;
}
.b2c .sdSlide .btn {
  color: #fff;
  text-shadow: none;
  box-shadow: none;
}
.b2c .sdSlide .btn-primary {
  background: #2eaffa;
  border: transparent;
}
.b2c .sdSlide .btn-default {
  background: none;
  border-color: rgba(255, 255, 255, 0.5);
}
.b2c .sdSlide .btn-success {
  background: #90be40;
  border: transparent;
}
.b2c .sdSlide .btn-lg {
  padding: 15px 60px;
}
.b2c .sdSlide a {
  color: #19a7fa;
}
.b2c .btn-home {
  background-color: #fff !important;
  color: #90be40 !important;
  border: 1px solid #90be40 !important;
}
.b2c .highlight {
  background: #16a4fa;
  padding: 2px 4px;
  opacity: 0.8;
  text-shadow: none;
}
.b2c .home .sdSlide {
  background-size: cover;
}
.b2c .home #hslide-1 {
  /*min-height:789px;*/
  color: #fff;
  background-color: #758393;
  background-image: url("../img//b2c/hslide_1_bg.jpg");
  background-repeat: no-repeat;
}
.b2c .home #hslide-1 .arrScroll {
  background-image: url("../img//b2c/arrow_down_1.png");
}
.b2c .home #hslide-1 .container {
  position: relative;
}
.b2c .home #hslide-1 .banner {
  padding-top: 160px;
  text-align: center;
}
.b2c .home #hslide-1 .minibar {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
}
.b2c .home #hslide-1 .minibar a {
  color: rgba(255, 255, 255, 0.8);
  background-color: #222222;
  font-size: 95%;
  font-weight: 600;
  padding: 5px 16px;
  border-radius: 14px;
}
.b2c .home #hslide-1 .minibar a:hover {
  color: #fff;
  text-decoration: none;
}
.b2c .home #hslide-1 .logohome {
  display: inline-block;
  position: absolute;
  top: 55px;
  left: 50%;
  width: 100px;
  height: 62px;
  margin-left: -50px;
}
.b2c .home #hslide-1 .title,
.b2c .home #hslide-1 p {
  color: #eeeeee;
  text-shadow: 0 1px 1px rgba(102, 102, 102, 0.65);
}
.b2c .home #hslide-1 .title {
  font-size: 255%;
}
.b2c .home #hslide-1 p {
  font-size: 150%;
}
.b2c .home #hslide-1 .btn-wrap {
  margin-top: 25px;
}
.b2c .home #hslide-1 .btn {
  margin: 5px 10px;
}
.b2c .home #hslide-2 .arrScroll,
.b2c .home #hslide-5 .arrScroll,
.b2c .home #hslide-7 .arrScroll {
  background-image: url("../img//b2c/arrow_down_2.png");
}
.b2c .home #hslide-2 {
  /*min-height:947px;*/
  background-color: #eeeeee;
}
.b2c .home #hslide-2 .banner {
  text-align: center;
}
.b2c .home #hslide-2 .img {
  margin-top: 20px;
}
.b2c .home #hslide-2 img {
  display: inline;
}
.b2c .home #hslide-3 {
  /*min-height:900px;*/
  color: #fff;
  background-color: #758393;
  background-image: url("../img//b2c/hslide_3_bg.jpg");
  background-repeat: no-repeat;
}
.b2c .home #hslide-3 .arrScroll {
  background-image: url("../img//b2c/arrow_down_4.png");
}
.b2c .home #hslide-3 .title {
  color: #eeeeee;
}
.b2c .home #hslide-3 .banner {
  text-align: left;
  max-width: 500px;
  padding: 30px;
  background-color: #323232;
}
.b2c .home #hslide-4 {
  background: #edf2f6 url("../img//b2c/hslide_4_bg.png") no-repeat 50% 100%;
}
.b2c .home #hslide-4 .banner {
  text-align: center;
}
.b2c .home #hslide-4 .img {
  margin-top: 40px;
}
.b2c .home #hslide-5 {
  /*min-height:1030px;*/
  background-color: #fff;
}
.b2c .home #hslide-5 .banner {
  text-align: center;
}
.b2c .home #hslide-5 .img {
  margin-top: 20px;
}
.b2c .home #hslide-5 .btn-wrap {
  margin-top: 25px;
}
.b2c .home #hslide-5 .not-ready {
  margin-top: 20px;
  font-size: 95%;
}
.b2c .home #hslide-6 {
  /*min-height:930px;*/
  background-color: #eeeeee;
}
.b2c .home #hslide-6 .title {
  min-height: 38px;
  margin-bottom: 50px;
  text-align: center;
}
.b2c .home #hslide-6 .row .col-md-4 {
  margin-bottom: 30px;
}
.b2c .home #hslide-6 .row h3 {
  max-width: 265px;
  margin: 0 auto 20px;
  padding-left: 50px;
  font-size: 112.5%;
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.b2c .home #hslide-6 .row h3 span {
  font-size: 95%;
}
.b2c .home #hslide-6 .row .col-signup h3 {
  background-image: url("../img//b2c/bul_num_1.png");
}
.b2c .home #hslide-6 .row .col-connect h3 {
  background-image: url("../img//b2c/bul_num_2.png");
}
.b2c .home #hslide-6 .row .col-visualize {
  margin-bottom: 0;
}
.b2c .home #hslide-6 .row .col-visualize h3 {
  background-image: url("../img//b2c/bul_num_3.png");
}
.b2c .home #hslide-6 .row .icon {
  text-align: center;
}
.b2c .home #hslide-6 .btn-wrap {
  margin-top: 30px;
  text-align: center;
}
.b2c .home #hslide-7 {
  background-color: #fff;
}
.b2c .home #hslide-7 .banner {
  text-align: center;
}
.b2c .home #hslide-7 .img {
  margin-top: 40px;
}
.b2c .home #hslide-7 .btn-wrap {
  margin-top: 35px;
}
.b2c .home #hslide-7 .btn-wrap .btn-app {
  display: inline-block;
  position: relative;
  height: 60px;
  margin: 5px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.b2c .home #hslide-7 .btn-wrap .btn-app span {
  display: none;
  visibility: hidden;
}
.b2c .home #hslide-7 .btn-wrap .btn-googleplay {
  width: 170px;
  background-image: url("../img//b2c/btn_googleplay.png");
}
.b2c .home #hslide-7 .btn-wrap .btn-appstore {
  width: 177px;
  background-image: url("../img//b2c/btn_appstore.png");
}
.b2c .home #hslide-8 {
  /*min-height:875px;*/
  background-color: #eeeeee;
}
.b2c .home #hslide-8 .banner {
  text-align: center;
}
.b2c .home #hslide-8 .title {
  margin-bottom: 50px;
}
.b2c .home #hslide-8 .post-txt {
  position: relative;
  margin-bottom: 20px;
  padding: 50px 15px 40px;
  font-size: 112.5%;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 25px 25px 0 25px;
}
.b2c .home #hslide-8 .post-txt .blockquote {
  padding: 5px 40px 5px 25px;
  background: url("../img//b2c/quote.png") no-repeat 0 0;
}
.b2c .home #hslide-8 .post-txt .arrow {
  display: block;
  position: absolute;
  bottom: -65px;
  right: 0;
  width: 0px;
  height: 0px;
  line-height: 0px;
  border: 10px solid transparent;
  border-width: 65px medium medium 65px;
  border-top-color: rgba(255, 255, 255, 0.5);
  border-right: none;
  border-bottom: none;
}
.b2c .home #hslide-8 .post-by {
  position: relative;
  margin-bottom: 55px;
  padding-right: 160px;
}
.b2c .home #hslide-8 .post-by .txt {
  display: block;
  padding: 20px 0;
  font-size: 95%;
  text-align: right;
}
.b2c .home #hslide-8 .post-by .avatar {
  position: absolute;
  top: 50%;
  right: 55px;
  width: 91px;
  height: 91px;
  margin-top: -46px;
}
.b2c .home #hslide-8 .btn-wrap {
  margin-top: 20px;
}
.b2c .btn-app {
  display: inline-block;
  position: relative;
  height: 60px;
  margin: 5px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.b2c .btn-app span {
  display: none;
  visibility: hidden;
}
.b2c .btn-app.btn-googleplay {
  width: 170px;
  background-image: url("../img//b2c/btn_googleplay.png");
}
.b2c .btn-app.btn-appstore {
  width: 177px;
  background-image: url("../img//b2c/btn_appstore.png");
}
.b2c .how-it-works #UIcont {
  /*padding-top:@navbar-height;*/
}
.b2c .how-it-works .sdSlide {
  /*min-height:1080px;*/
}
.b2c .how-it-works .sdSlide .arrScroll {
  bottom: 30px;
  background-image: url("../img//b2c/arrow_down_4.png");
}
.b2c .how-it-works .sdSlide .banner {
  text-align: center;
}
.b2c .how-it-works .sdSlide .title {
  margin-bottom: px;
  font-size: 255%;
}
.b2c .how-it-works .sdSlide .btn-success {
  font-size: 255%;
  font-weight: 700;
  background-color: #2ecc71;
  border-radius: 0;
}
.b2c .how-it-works .sdSlide p {
  margin: 10px 0;
  font-size: 150%;
}
.b2c .how-it-works .sdSlide .not-ready {
  margin-top: 150px;
}
.b2c .how-it-works .sdSlide .not-ready p {
  margin: 20px 0;
  font-size: 100%;
}
.b2c .how-it-works .sdSlide a {
  color: #2ecc71;
  text-decoration: underline;
}
.b2c .how-it-works .sdSlide .img {
  margin: 20px 0;
}
.b2c .how-it-works .sdSlide .img img {
  max-width: 55%;
}
.b2c .how-it-works #hslide-1 .title {
  font-size: 425%;
}
.b2c .how-it-works #hslide-2 {
  background-color: #ecf0f1;
}
.b2c .how-it-works #hslide-2 .img img {
  max-height: 55%;
}
.b2c .how-it-works #hslide-3 .img {
  margin: 130px 0;
}
.b2c .comingsoon {
  padding: 90px 0 30px;
  color: #667079;
  background: #f9f9f9;
}
.b2c .comingsoon h1 {
  margin: 0 0 5px;
  font-size: 95%;
  font-weight: 700;
  text-transform: uppercase;
}
.b2c .comingsoon .desc {
  margin: 0 0 25px;
  font-size: 95%;
}
.b2c .comingsoon h2 {
  margin: 0 0 5px;
  color: rgba(102, 112, 121, 0.5);
  font-size: 80%;
  font-weight: 400;
  text-transform: uppercase;
}
.b2c .comingsoon h3 {
  margin: 0 0 10px;
  font-size: 95%;
  font-weight: 400;
}
.b2c .comingsoon .inner {
  min-height: 290px;
  padding: 12px 20px;
}
.b2c .comingsoon .inner p {
  color: #838b92;
  font-size: 80%;
}
.b2c .comingsoon .col-thisweek .inner {
  background: #fff;
}
.b2c .comingsoon .col-nex2week .inner {
  background: rgba(210, 218, 226, 0.5);
}
.b2c .comingsoon .col-nexweek .inner {
  background: #d2dae2;
}
.b2c .comingsoon .img {
  padding: 10px 0;
  text-align: center;
}
.b2c .comingsoon .icons {
  margin-top: 10px;
  text-align: center;
}
.b2c .comingsoon .icons .icon {
  display: inline-block;
  padding: 0 3px;
}
@media (max-width: 970px) {
  .b2c .home #hslide-1 .minibar .inner {
    padding: 0 15px;
  }
  .b2c .home #hslide-1 .title {
    font-size: 200%;
  }
  .b2c .home #hslide-2 .img img {
    max-width: 55%;
    max-height: 55%;
  }
  .b2c .home #hslide-5 .img img {
    max-width: 70%;
  }
  .b2c .home #hslide-6 .title {
    margin-bottom: 20px;
  }
  .b2c .home #hslide-6 .row h3 {
    margin-bottom: 10px;
  }
  .b2c .home #hslide-6 .icon img {
    max-width: 30%;
  }
  .b2c .home #hslide-7 .img img {
    max-width: 90%;
  }
  .b2c .home #hslide-8 .title {
    margin-bottom: 30px;
  }
  .b2c .home #hslide-8 .post-txt {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .b2c .home #hslide-8 .post-by {
    margin-bottom: 20px;
  }
  .b2c .home #hslide-8 .btn-wrap {
    margin-top: 0px;
  }
  .b2c .comingsoon .col-md-4 .inner {
    margin-bottom: 20px;
  }
  .b2c .comingsoon .col-md-4:last-child .inner {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .b2c .sdSlide .title {
    font-size: 200%;
  }
  .b2c .sdSlide p {
    font-size: 100%;
  }
  .b2c .home #hslide-1 .title {
    font-size: 150%;
  }
  .b2c .home #hslide-2 .img {
    margin-top: 20px;
  }
  .b2c .home #hslide-5 .img {
    margin-top: 20px;
  }
  .b2c .home #hslide-5 .btn-wrap {
    margin-top: 25px;
  }
  .b2c .home #hslide-5 .not-ready {
    margin-top: 25px;
  }
  .b2c .home #hslide-6 .title {
    margin-bottom: 10px;
  }
  .b2c .home #hslide-6 .row .col-md-4 {
    margin-bottom: 15px;
  }
  .b2c .home #hslide-6 .btn-wrap {
    margin-top: 10px;
  }
  .b2c .home #hslide-8 .banner {
    padding-bottom: 30px;
  }
  .b2c .home #hslide-8 .title {
    margin-bottom: 10px;
  }
  .b2c .home #hslide-8 .post-txt {
    margin-bottom: 5px;
  }
  .b2c .home #hslide-8 .post-txt .blockquote {
    padding-right: 20px;
    font-size: 95%;
    letter-spacing: -0.75px;
  }
  .b2c .home #hslide-8 .post-by {
    margin-bottom: 10px;
  }
  .b2c .home #hslide-8 .post-by .txt {
    font-size: 87.5%;
  }
  .b2c .home #hslide-8 .btn-wrap {
    margin-top: 10px;
  }
  .b2c .how-it-works .sdSlide .not-ready {
    margin-top: 50px;
  }
  .b2c .how-it-works #hslide-3 .img {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
/*
 * 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: #fff;
}
.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: #fff;
  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: 300;
  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: #fff;
  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: 300;
}
.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: #fff;
  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: #fff;
  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: #fff;
  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("../img/icn_btn_arrow_right.png");
}
.bidgely-crunching .crunchingArea .btn-blue {
  color: #fff;
  background-color: #16a4fa;
}
.bidgely-crunching .crunchingArea .timeLeft-label {
  margin-top: 15px;
}
.bidgely-crunching .crunchingArea .timeLeft {
  font-family: Arial, 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("../img/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 {
  0% {
    background-position: 0px -40px;
  }
  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 {
  0% {
    background-position: 100px -10px;
  }
  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("../img/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("../img/awareness/icon_heart.png") no-repeat 0 50%;
}
.bidgely-crunching .usageArea .col-inner .currentUsage .usageTooltip .utipInner .usage {
  color: #fff;
  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,
.bidgely-timelabel,
.bidgely-timeframe-menu {
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
#bidgely-timescale-menu a,
.bidgely-timelabel a,
.bidgely-timeframe-menu a {
  color: #666;
}
#bidgely-timescale-menu a.bidgely-compare-bill,
.bidgely-timelabel a.bidgely-compare-bill,
.bidgely-timeframe-menu a.bidgely-compare-bill {
  text-decoration: underline;
}
#bidgely-timescale-menu a.bidgely-compare-bill:hover,
.bidgely-timelabel a.bidgely-compare-bill:hover,
.bidgely-timeframe-menu a.bidgely-compare-bill:hover {
  text-decoration: none;
}
#bidgely-timescale-menu a span.glyphicon-chevron-left,
.bidgely-timelabel a span.glyphicon-chevron-left,
.bidgely-timeframe-menu a span.glyphicon-chevron-left,
#bidgely-timescale-menu a span.glyphicon-chevron-right,
.bidgely-timelabel a span.glyphicon-chevron-right,
.bidgely-timeframe-menu a span.glyphicon-chevron-right {
  color: #666;
}
#bidgely-timescale-menu span.glyphicon-chevron-left,
.bidgely-timelabel span.glyphicon-chevron-left,
.bidgely-timeframe-menu span.glyphicon-chevron-left,
#bidgely-timescale-menu span.glyphicon-chevron-right,
.bidgely-timelabel span.glyphicon-chevron-right,
.bidgely-timeframe-menu span.glyphicon-chevron-right {
  color: #fff;
  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: 400;
}
#bidgely-timescale-menu .bidgely-servicer-not-available {
  color: #838b92;
  font-weight: 400;
}
.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("../img/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: 400;
}
#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: #fff;
}
#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: #fff;
}
#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: #fff;
}
#bidgely-timescale-menu .spent-message {
  color: #354052;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
}
#bidgely-timescale-menu .spent-message .amount {
  font-size: 34px;
}
#bidgely-timescale-menu div.meters {
  text-align: left;
  color: #fff;
  background-color: #16a4fa;
  height: 40px;
  position: absolute;
  left: 50%;
  margin-left: -25%;
  font-weight: 400;
  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: #fff;
}
#bidgely-timescale-menu div.meters div.meters-list > div:hover,
#bidgely-timescale-menu div.meters div.meters-list > div.selected {
  background-color: #16a4fa;
  color: #fff;
}
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;
}
#bidgely-timegraph #lnk-han-solar-explain {
  left: 50px;
  position: absolute;
  top: -25px;
}
#bidgely-timegraph div.graph-container {
  width: 100%;
  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: #fff;
  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: #fff;
  border-radius: 75px;
  background-color: #fff;
  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: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
}
#bidgely-timegraph #current-usage-tooltip > div div.usage .unit {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  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-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-nh-comparison-graph .app-icon-efficient,
#bidgely-efficiency-graph .app-icon-inefficient,
#bidgely-nh-comparison-graph .app-icon-inefficient {
  position: absolute;
  top: 5px;
  font-size: 28px;
  color: #fff;
}
#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: Arial, 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("../img/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: Arial, 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: Arial, 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: 400;
}
#bidgely-appliances.mini #bidgely-appliance-list a.bidgely-appliance-item {
  border: 1px solid #ddd;
  background-color: #fff;
  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: #fff;
  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 {
  height: 100%;
  text-align: right;
  padding: 1px 10px 0px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  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: 300;
  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: #fff;
}
#bidgely-appliance-selected a > span {
  padding: 10px 0px;
  display: inline-block;
}
#bidgely-appliance-selected .list-toggle {
  color: #fff;
  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: #fff;
  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: #fff;
  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("../img/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: #fff;
}
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: #fff;
}
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: 300;
}
.bidgely-progress-bar {
  width: 100%;
  background-color: #ccc;
  height: 30px;
  margin: 8px 0px 2px 0px;
}
.bidgely-progress-bar .fill {
  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: Arial, 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: #fff;
  }
  #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;
  }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  #bidgely-efficiency-pointer,
  #bidgely-nh-comparison-pointer {
    background: transparent url("../img/bubble@2x.png");
  }
}
/*
 * Variables
 */
/* BROWSE / Insights
 /-------------------------------------------------------------- */
.bidgely-insights .masonry-layout {
  position: relative;
  margin: 0 -7.5px;
}
.bidgely-insights .progress-bar-success {
  background-color: #77af5b;
}
.bidgely-insights .progress-bar-warning {
  background-color: #dbb728;
}
.bidgely-insights .progress-bar-danger {
  background-color: #ae4a50;
}
.bidgely-insights .progress.gradient-bar {
  background-color: transparent;
  box-shadow: none;
}
.bidgely-insights .progress.gradient-bar .bar {
  border: none;
  height: 40px;
  width: 50%;
  display: inline-block;
  float: left;
  margin: 0;
  position: relative;
}
.bidgely-insights .progress.gradient-bar .bar .legend {
  position: absolute;
  font-size: 12px;
  top: 42px;
}
.bidgely-insights .progress.gradient-bar .bar.bar-left {
  background: #77af5b;
  background: -moz-linear-gradient(left, #77af5b 0%, #dbb728 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #77af5b), color-stop(100%, #dbb728));
  background: -webkit-linear-gradient(left, #77af5b 0%, #dbb728 100%);
  background: -o-linear-gradient(left, #77af5b 0%, #dbb728 100%);
  background: -ms-linear-gradient(left, #77af5b 0%, #dbb728 100%);
  background: linear-gradient(to right, #77af5b 0%, #dbb728 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@success', endColorstr='@warning', GradientType=1);
  border-radius: 20px 0 0 20px;
}
.bidgely-insights .progress.gradient-bar .bar.bar-left .legend {
  left: 15px;
  color: #77af5b;
}
.bidgely-insights .progress.gradient-bar .bar.bar-right {
  background: #77af5b;
  background: -moz-linear-gradient(left, #dbb728 0%, #ae4a50 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbb728), color-stop(100%, #ae4a50));
  background: -webkit-linear-gradient(left, #dbb728 0%, #ae4a50 100%);
  background: -o-linear-gradient(left, #dbb728 0%, #ae4a50 100%);
  background: -ms-linear-gradient(left, #dbb728 0%, #ae4a50 100%);
  background: linear-gradient(to right, #dbb728 0%, #ae4a50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@warning', endColorstr='@danger', GradientType=1);
  border-radius: 0 20px 20px 0;
}
.bidgely-insights .progress.gradient-bar .bar.bar-right .legend {
  right: 15px;
  color: #ae4a50;
}
.bidgely-insights div.insights-header {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  padding-top: 4px;
}
.bidgely-insights .title .energyRateInfo {
  margin: 0;
  float: right;
  text-align: center;
}
.bidgely-insights .title .energyRateInfo:hover {
  cursor: pointer;
}
.bidgely-insights div.insights-header-info {
  font-weight: 300;
  padding: 10px;
  text-align: left;
  background-color: #fff;
}
.bidgely-insights div.insights-header-info > div {
  display: inline-block;
}
.bidgely-insights div.insights-header-info .col-icon {
  width: 30px;
  padding: 10px 0px 0px 30px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.bidgely-insights div.insights-header-info .col-description {
  padding: 0px 30px 0px 40px;
}
.bidgely-insights div.insights-header-info .bidgely-icon-warning {
  font-size: 20px;
}
.bidgely-insights div.insights-header-info:before,
.bidgely-insights div.insights-header-info:after {
  content: " ";
  display: table;
}
.bidgely-insights div.insights-header-info:after {
  clear: both;
}
.bidgely-insights div.widgets-divider {
  margin-top: 15px;
  border-top: 1px solid #ccc;
}
.bidgely-insights .title-warning-icon {
  float: right;
  font-size: 20px;
  color: #d9534f;
  margin-top: -2px;
}
.bidgely-insights .title-warning-icon:hover {
  color: #d9534f;
  text-decoration: none;
}
.bidgely-insights.awareness h1 {
  margin: 0 0 5px;
  color: #667079;
  font-size: 87.5%;
  font-weight: 700;
  text-transform: uppercase;
}
.bidgely-insights.awareness .desc {
  margin: 0 0 25px;
  color: #667079;
}
.bidgely-insights.awareness .waiting {
  margin-top: 15px;
}
.bidgely-insights.awareness .waiting .boxList {
  margin-top: 40px;
}
.bidgely-insights.awareness .waiting .inner {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #eeeeee;
}
.bidgely-insights.awareness .waiting .inner h2 {
  color: #667079;
  font-size: 95%;
  font-weight: 700;
  margin: 0 0 30px;
}
.bidgely-insights.awareness .waiting .inner .thumb {
  margin-bottom: 30px;
}
.bidgely-insights.awareness .waiting .inner .text {
  min-height: 44px;
  color: #838b92;
}
.bidgely-insights.awareness .waiting .inner .btnWrap {
  text-align: center;
}
.bidgely-insights.awareness .waiting .icoWrap {
  text-align: center;
}
.bidgely-insights.awareness .waiting .icoWrap .icoIn {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 50%;
}
.bidgely-insights.awareness .waiting svg.iconsvg {
  display: block;
}
.bidgely-insights.awareness .waiting .iconsize {
  padding: 0px;
  background: #d7dfe5;
}
.bidgely-insights.awareness .waiting .iconsize img.svg,
.bidgely-insights.awareness .waiting .iconsize svg {
  width: 135px;
  height: 135px;
}
.bidgely-insights.awareness .waiting .btnWrap {
  margin-top: 20px;
}
.bidgely-insights.awareness .waiting .btn-flat {
  display: inline-block;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  color: #fff;
  font-size: 80%;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.bidgely-insights.awareness .waiting .btn-flat .text,
.bidgely-insights.awareness .waiting .btn-flat .icon {
  vertical-align: middle;
}
.bidgely-insights.awareness .waiting .btn-flat:hover {
  color: #fff;
  text-decoration: none;
}
.bidgely-insights.awareness .waiting .btn-flat .icon {
  display: inline-block;
  margin: 0 5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.bidgely-insights.awareness .waiting .btn-flat .icon-arrow-right {
  width: 6px;
  height: 10px;
  margin-left: 15px;
  margin-right: 0;
  background-image: url("../img/icn_btn_arrow_right.png");
}
.bidgely-insights.awareness .waiting .btn-blue {
  color: #fff;
  background-color: #16a4fa;
}
.bidgely-insights.awareness .coming-soon {
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-top: 30px;
}
.bidgely-insights.awareness .coming-soon .inner {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  min-height: 260px;
}
.bidgely-insights.awareness .coming-soon .inner h2 {
  margin: 0 0 5px;
  color: rgba(102, 112, 121, 0.5);
  font-size: 80%;
  font-weight: 700;
  text-transform: uppercase;
}
.bidgely-insights.awareness .coming-soon .inner h3 {
  margin: 0 0 10px;
  color: #667079;
  font-size: 95%;
  font-weight: 700;
}
.bidgely-insights.awareness .coming-soon .inner p {
  color: #838b92;
  font-size: 90%;
}
.bidgely-insights.awareness .coming-soon .inner .col-thisweek .inner {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(238, 238, 238, 0.5);
}
.bidgely-insights.awareness .coming-soon .inner .col-nex2week .inner {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(238, 238, 238, 0.75);
}
.bidgely-insights.awareness .coming-soon .inner .col-nexweek .inner {
  background: #ffffff;
  border: 1px solid #eeeeee;
}
.bidgely-insights.awareness .coming-soon .inner .img {
  padding: 10px 0;
  text-align: center;
}
.bidgely-insights.awareness .coming-soon .inner .img > img {
  max-width: 100%;
}
.bidgely-insights .comparison div.graph-container {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0px;
  padding: 0px;
}
.bidgely-insights .comparison div.legend-container {
  min-height: 25px;
  text-align: center;
  padding-top: 10px;
}
.bidgely-insights .comparison div.legend-container .legend {
  white-space: nowrap;
}
.bidgely-insights .comparison div.legend-container .legend .block {
  display: inline-block;
  width: 12px;
  height: 7px;
  margin-right: 10px;
}
.bidgely-insights .bidgely-savings-tip > div {
  margin-top: 25px;
}
.bidgely-insights .usage .graph-container {
  position: relative;
  height: 200px;
}
.bidgely-insights .usage .graph-container .graph {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
}
.bidgely-insights .usage .graph-container .graph-center {
  position: absolute;
  left: 0px;
  top: 0px;
}
.bidgely-insights .usage .graph-container .graph-center .center-container {
  position: absolute;
  text-align: center;
  width: 100px;
}
.bidgely-insights .usage .graph-container .graph-center .center-container .bidgely-appliance-icon {
  font-size: 50px;
}
.bidgely-insights .usage .graph-container .graph-center .center-container .amount {
  font-size: 40px;
  font-weight: 400;
  color: #3ea4fa;
  position: relative;
  display: inline-block;
}
.bidgely-insights .usage .graph-container .graph-center .center-container .amount > sup {
  font-size: 50%;
  position: absolute;
  top: 20px;
  right: -18px;
}
.bidgely-insights .usage .description-appliance {
  float: left;
  font-size: 13px;
  font-weight: 300;
}
.bidgely-insights .usage .description-wholehouse {
  float: right;
  font-size: 13px;
  font-weight: 300;
  color: #8a95a5;
}
.bidgely-insights .usage .app-row {
  border-top: 1px solid #ccc;
  padding: 5px 15px;
}
.bidgely-insights .usage .app-row.appliance {
  color: #3ea4fa;
}
.bidgely-insights .usage .app-row div {
  padding: 3px 0px 0px 0px;
  min-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bidgely-insights .usage .app-row div span {
  display: inline-block;
}
.bidgely-insights .usage .app-row div span.bidgely-appliance-icon {
  top: 0px;
  left: 0px;
  position: absolute;
  font-size: 30px;
  vertical-align: middle;
}
.bidgely-insights .usage .app-row div:first-child {
  padding-left: 35px;
}
.bidgely-insights .usage .app-row div:nth-child(2) {
  font-weight: 700;
}
.bidgely-insights .energy-rate,
.bidgely-insights .cost-projection,
.bidgely-insights .usage {
  text-align: left;
  min-height: 200px;
}
.bidgely-insights .energy-rate .item-line,
.bidgely-insights .cost-projection .item-line,
.bidgely-insights .usage .item-line {
  width: 100px;
  height: 1px;
  border-top: 1px solid #ccc;
}
.bidgely-insights .energy-rate .item-label,
.bidgely-insights .cost-projection .item-label,
.bidgely-insights .usage .item-label {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #596679;
  text-align: center;
  margin-bottom: 15px;
}
.bidgely-insights .energy-rate .item-label .sub-label,
.bidgely-insights .cost-projection .item-label .sub-label,
.bidgely-insights .usage .item-label .sub-label {
  font-size: 14px;
}
.bidgely-insights .energy-rate .cost,
.bidgely-insights .cost-projection .cost,
.bidgely-insights .usage .cost {
  display: inline-block;
  line-height: 50px;
  font-size: 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #2c3e52;
}
.bidgely-insights .energy-rate .cost .bidgely-icon-warning,
.bidgely-insights .cost-projection .cost .bidgely-icon-warning,
.bidgely-insights .usage .cost .bidgely-icon-warning {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  left: 10px;
  margin: 0px;
  vertical-align: top;
}
.bidgely-insights .energy-rate .cost .bidgely-icon-warning.bidgely-icon-red,
.bidgely-insights .cost-projection .cost .bidgely-icon-warning.bidgely-icon-red,
.bidgely-insights .usage .cost .bidgely-icon-warning.bidgely-icon-red {
  color: #cd3b50;
}
.bidgely-insights .energy-rate .cost .consumption-label,
.bidgely-insights .cost-projection .cost .consumption-label,
.bidgely-insights .usage .cost .consumption-label {
  line-height: 22px;
  font-size: 22.63px;
  font-weight: 400;
}
.bidgely-insights .energy-rate .current-tier,
.bidgely-insights .cost-projection .current-tier,
.bidgely-insights .usage .current-tier {
  overflow: hidden;
}
.bidgely-insights .energy-rate .current-tier .item-label,
.bidgely-insights .cost-projection .current-tier .item-label,
.bidgely-insights .usage .current-tier .item-label {
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.bidgely-insights .energy-rate .current-rate,
.bidgely-insights .cost-projection .current-rate,
.bidgely-insights .usage .current-rate,
.bidgely-insights .energy-rate .current-percentage,
.bidgely-insights .cost-projection .current-percentage,
.bidgely-insights .usage .current-percentage {
  text-align: right;
}
.bidgely-insights .energy-rate .current-rate .cost,
.bidgely-insights .cost-projection .current-rate .cost,
.bidgely-insights .usage .current-rate .cost,
.bidgely-insights .energy-rate .current-percentage .cost,
.bidgely-insights .cost-projection .current-percentage .cost,
.bidgely-insights .usage .current-percentage .cost {
  clear: right;
  float: right;
}
.bidgely-insights .energy-rate .current-rate .item-line,
.bidgely-insights .cost-projection .current-rate .item-line,
.bidgely-insights .usage .current-rate .item-line,
.bidgely-insights .energy-rate .current-percentage .item-line,
.bidgely-insights .cost-projection .current-percentage .item-line,
.bidgely-insights .usage .current-percentage .item-line,
.bidgely-insights .energy-rate .current-rate .item-label,
.bidgely-insights .cost-projection .current-rate .item-label,
.bidgely-insights .usage .current-rate .item-label,
.bidgely-insights .energy-rate .current-percentage .item-label,
.bidgely-insights .cost-projection .current-percentage .item-label,
.bidgely-insights .usage .current-percentage .item-label {
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  clear: right;
  float: right;
}
.bidgely-insights .energy-rate .current-rate.rate-only,
.bidgely-insights .cost-projection .current-rate.rate-only,
.bidgely-insights .usage .current-rate.rate-only,
.bidgely-insights .energy-rate .current-percentage.rate-only,
.bidgely-insights .cost-projection .current-percentage.rate-only,
.bidgely-insights .usage .current-percentage.rate-only {
  text-align: center;
}
.bidgely-insights .energy-rate .current-rate.rate-only .cost,
.bidgely-insights .cost-projection .current-rate.rate-only .cost,
.bidgely-insights .usage .current-rate.rate-only .cost,
.bidgely-insights .energy-rate .current-percentage.rate-only .cost,
.bidgely-insights .cost-projection .current-percentage.rate-only .cost,
.bidgely-insights .usage .current-percentage.rate-only .cost {
  font-size: 60px;
}
.bidgely-insights .energy-rate .current-rate.rate-only .cost,
.bidgely-insights .cost-projection .current-rate.rate-only .cost,
.bidgely-insights .usage .current-rate.rate-only .cost,
.bidgely-insights .energy-rate .current-percentage.rate-only .cost,
.bidgely-insights .cost-projection .current-percentage.rate-only .cost,
.bidgely-insights .usage .current-percentage.rate-only .cost,
.bidgely-insights .energy-rate .current-rate.rate-only .item-label,
.bidgely-insights .cost-projection .current-rate.rate-only .item-label,
.bidgely-insights .usage .current-rate.rate-only .item-label,
.bidgely-insights .energy-rate .current-percentage.rate-only .item-label,
.bidgely-insights .cost-projection .current-percentage.rate-only .item-label,
.bidgely-insights .usage .current-percentage.rate-only .item-label {
  clear: both;
  float: none;
}
.bidgely-insights .energy-rate .current-rate.rate-only .item-line,
.bidgely-insights .cost-projection .current-rate.rate-only .item-line,
.bidgely-insights .usage .current-rate.rate-only .item-line,
.bidgely-insights .energy-rate .current-percentage.rate-only .item-line,
.bidgely-insights .cost-projection .current-percentage.rate-only .item-line,
.bidgely-insights .usage .current-percentage.rate-only .item-line {
  display: none;
}
.bidgely-insights .energy-rate .current-percentage.rate-only,
.bidgely-insights .cost-projection .current-percentage.rate-only,
.bidgely-insights .usage .current-percentage.rate-only {
  text-align: left;
}
.bidgely-insights .energy-rate .tiers,
.bidgely-insights .cost-projection .tiers,
.bidgely-insights .usage .tiers {
  margin-top: 15px;
}
.bidgely-insights .energy-rate .tier-blocks,
.bidgely-insights .cost-projection .tier-blocks,
.bidgely-insights .usage .tier-blocks,
.bidgely-insights .energy-rate .tou-blocks,
.bidgely-insights .cost-projection .tou-blocks,
.bidgely-insights .usage .tou-blocks,
.bidgely-insights .energy-rate .tier-tou-blocks,
.bidgely-insights .cost-projection .tier-tou-blocks,
.bidgely-insights .usage .tier-tou-blocks {
  margin: 15px 15px 0px 15px;
  height: 65px;
}
.bidgely-insights .energy-rate .tier-blocks .row.tier-tou,
.bidgely-insights .cost-projection .tier-blocks .row.tier-tou,
.bidgely-insights .usage .tier-blocks .row.tier-tou,
.bidgely-insights .energy-rate .tou-blocks .row.tier-tou,
.bidgely-insights .cost-projection .tou-blocks .row.tier-tou,
.bidgely-insights .usage .tou-blocks .row.tier-tou,
.bidgely-insights .energy-rate .tier-tou-blocks .row.tier-tou,
.bidgely-insights .cost-projection .tier-tou-blocks .row.tier-tou,
.bidgely-insights .usage .tier-tou-blocks .row.tier-tou {
  margin: 15px 15px 0px 15px;
}
.bidgely-insights .energy-rate .tier-blocks .block,
.bidgely-insights .cost-projection .tier-blocks .block,
.bidgely-insights .usage .tier-blocks .block,
.bidgely-insights .energy-rate .tou-blocks .block,
.bidgely-insights .cost-projection .tou-blocks .block,
.bidgely-insights .usage .tou-blocks .block,
.bidgely-insights .energy-rate .tier-tou-blocks .block,
.bidgely-insights .cost-projection .tier-tou-blocks .block,
.bidgely-insights .usage .tier-tou-blocks .block {
  float: left;
  position: relative;
  padding: 0px;
  text-align: left;
}
.bidgely-insights .energy-rate .tier-blocks .block.tier-tou .box,
.bidgely-insights .cost-projection .tier-blocks .block.tier-tou .box,
.bidgely-insights .usage .tier-blocks .block.tier-tou .box,
.bidgely-insights .energy-rate .tou-blocks .block.tier-tou .box,
.bidgely-insights .cost-projection .tou-blocks .block.tier-tou .box,
.bidgely-insights .usage .tou-blocks .block.tier-tou .box,
.bidgely-insights .energy-rate .tier-tou-blocks .block.tier-tou .box,
.bidgely-insights .cost-projection .tier-tou-blocks .block.tier-tou .box,
.bidgely-insights .usage .tier-tou-blocks .block.tier-tou .box {
  position: relative;
  overflow: hidden;
  height: 30px;
}
.bidgely-insights .energy-rate .tier-blocks .block.tier-tou .box .filled,
.bidgely-insights .cost-projection .tier-blocks .block.tier-tou .box .filled,
.bidgely-insights .usage .tier-blocks .block.tier-tou .box .filled,
.bidgely-insights .energy-rate .tou-blocks .block.tier-tou .box .filled,
.bidgely-insights .cost-projection .tou-blocks .block.tier-tou .box .filled,
.bidgely-insights .usage .tou-blocks .block.tier-tou .box .filled,
.bidgely-insights .energy-rate .tier-tou-blocks .block.tier-tou .box .filled,
.bidgely-insights .cost-projection .tier-tou-blocks .block.tier-tou .box .filled,
.bidgely-insights .usage .tier-tou-blocks .block.tier-tou .box .filled {
  height: 30px;
}
.bidgely-insights .energy-rate .tier-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .cost-projection .tier-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .usage .tier-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .energy-rate .tou-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .cost-projection .tou-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .usage .tou-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block.tier-tou .box .filled .tier-label,
.bidgely-insights .usage .tier-tou-blocks .block.tier-tou .box .filled .tier-label {
  padding: 5px 0px 5px 5px;
}
.bidgely-insights .energy-rate .tier-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .cost-projection .tier-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .usage .tier-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .energy-rate .tou-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .cost-projection .tou-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .usage .tou-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .energy-rate .tier-tou-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .cost-projection .tier-tou-blocks .block.tier-tou .box .day-position-pointer,
.bidgely-insights .usage .tier-tou-blocks .block.tier-tou .box .day-position-pointer {
  height: 30px;
}
.bidgely-insights .energy-rate .tier-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .cost-projection .tier-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .usage .tier-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .energy-rate .tou-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .cost-projection .tou-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .usage .tou-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block.tier-tou .box .tou-rate-label,
.bidgely-insights .usage .tier-tou-blocks .block.tier-tou .box .tou-rate-label {
  padding: 10px 0px 5px 5px;
}
.bidgely-insights .energy-rate .tier-blocks .block .box,
.bidgely-insights .cost-projection .tier-blocks .block .box,
.bidgely-insights .usage .tier-blocks .block .box,
.bidgely-insights .energy-rate .tou-blocks .block .box,
.bidgely-insights .cost-projection .tou-blocks .block .box,
.bidgely-insights .usage .tou-blocks .block .box,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box,
.bidgely-insights .usage .tier-tou-blocks .block .box {
  background-color: #3d4b51;
  height: 30px;
}
.bidgely-insights .energy-rate .tier-blocks .block .box .day-position-pointer,
.bidgely-insights .cost-projection .tier-blocks .block .box .day-position-pointer,
.bidgely-insights .usage .tier-blocks .block .box .day-position-pointer,
.bidgely-insights .energy-rate .tou-blocks .block .box .day-position-pointer,
.bidgely-insights .cost-projection .tou-blocks .block .box .day-position-pointer,
.bidgely-insights .usage .tou-blocks .block .box .day-position-pointer,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box .day-position-pointer,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box .day-position-pointer,
.bidgely-insights .usage .tier-tou-blocks .block .box .day-position-pointer {
  background-color: #16a4fa;
  width: 5px;
  position: absolute;
  height: 30px;
}
.bidgely-insights .energy-rate .tier-blocks .block .box .smart-rate,
.bidgely-insights .cost-projection .tier-blocks .block .box .smart-rate,
.bidgely-insights .usage .tier-blocks .block .box .smart-rate,
.bidgely-insights .energy-rate .tou-blocks .block .box .smart-rate,
.bidgely-insights .cost-projection .tou-blocks .block .box .smart-rate,
.bidgely-insights .usage .tou-blocks .block .box .smart-rate,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box .smart-rate,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box .smart-rate,
.bidgely-insights .usage .tier-tou-blocks .block .box .smart-rate {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 5px;
  background-color: #d9534f;
  width: 100%;
}
.bidgely-insights .energy-rate .tier-blocks .block .box .tou-rate-label,
.bidgely-insights .cost-projection .tier-blocks .block .box .tou-rate-label,
.bidgely-insights .usage .tier-blocks .block .box .tou-rate-label,
.bidgely-insights .energy-rate .tou-blocks .block .box .tou-rate-label,
.bidgely-insights .cost-projection .tou-blocks .block .box .tou-rate-label,
.bidgely-insights .usage .tou-blocks .block .box .tou-rate-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box .tou-rate-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box .tou-rate-label,
.bidgely-insights .usage .tier-tou-blocks .block .box .tou-rate-label {
  padding: 5px 0px 5px 5px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}
.bidgely-insights .energy-rate .tier-blocks .block .box .filled,
.bidgely-insights .cost-projection .tier-blocks .block .box .filled,
.bidgely-insights .usage .tier-blocks .block .box .filled,
.bidgely-insights .energy-rate .tou-blocks .block .box .filled,
.bidgely-insights .cost-projection .tou-blocks .block .box .filled,
.bidgely-insights .usage .tou-blocks .block .box .filled,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box .filled,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box .filled,
.bidgely-insights .usage .tier-tou-blocks .block .box .filled {
  background-color: #16a4fa;
  position: absolute;
  height: 30px;
  width: 0%;
  overflow: visible;
  max-width: 100%;
}
.bidgely-insights .energy-rate .tier-blocks .block .box .filled .tier-label,
.bidgely-insights .cost-projection .tier-blocks .block .box .filled .tier-label,
.bidgely-insights .usage .tier-blocks .block .box .filled .tier-label,
.bidgely-insights .energy-rate .tou-blocks .block .box .filled .tier-label,
.bidgely-insights .cost-projection .tou-blocks .block .box .filled .tier-label,
.bidgely-insights .usage .tou-blocks .block .box .filled .tier-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box .filled .tier-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box .filled .tier-label,
.bidgely-insights .usage .tier-tou-blocks .block .box .filled .tier-label,
.bidgely-insights .energy-rate .tier-blocks .block .box .filled .current-label,
.bidgely-insights .cost-projection .tier-blocks .block .box .filled .current-label,
.bidgely-insights .usage .tier-blocks .block .box .filled .current-label,
.bidgely-insights .energy-rate .tou-blocks .block .box .filled .current-label,
.bidgely-insights .cost-projection .tou-blocks .block .box .filled .current-label,
.bidgely-insights .usage .tou-blocks .block .box .filled .current-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box .filled .current-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box .filled .current-label,
.bidgely-insights .usage .tier-tou-blocks .block .box .filled .current-label {
  padding: 3px 0px 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.bidgely-insights .energy-rate .tier-blocks .block .box .projected-label,
.bidgely-insights .cost-projection .tier-blocks .block .box .projected-label,
.bidgely-insights .usage .tier-blocks .block .box .projected-label,
.bidgely-insights .energy-rate .tou-blocks .block .box .projected-label,
.bidgely-insights .cost-projection .tou-blocks .block .box .projected-label,
.bidgely-insights .usage .tou-blocks .block .box .projected-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .box .projected-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .box .projected-label,
.bidgely-insights .usage .tier-tou-blocks .block .box .projected-label {
  position: absolute;
  right: 0px;
  padding: 3px 5px 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.bidgely-insights .energy-rate .tier-blocks .block .rate-label,
.bidgely-insights .cost-projection .tier-blocks .block .rate-label,
.bidgely-insights .usage .tier-blocks .block .rate-label,
.bidgely-insights .energy-rate .tou-blocks .block .rate-label,
.bidgely-insights .cost-projection .tou-blocks .block .rate-label,
.bidgely-insights .usage .tou-blocks .block .rate-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .rate-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .rate-label,
.bidgely-insights .usage .tier-tou-blocks .block .rate-label,
.bidgely-insights .energy-rate .tier-blocks .block .info-label,
.bidgely-insights .cost-projection .tier-blocks .block .info-label,
.bidgely-insights .usage .tier-blocks .block .info-label,
.bidgely-insights .energy-rate .tou-blocks .block .info-label,
.bidgely-insights .cost-projection .tou-blocks .block .info-label,
.bidgely-insights .usage .tou-blocks .block .info-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .info-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .info-label,
.bidgely-insights .usage .tier-tou-blocks .block .info-label {
  padding-top: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #2c3e52;
}
.bidgely-insights .energy-rate .tier-blocks .block .info-label,
.bidgely-insights .cost-projection .tier-blocks .block .info-label,
.bidgely-insights .usage .tier-blocks .block .info-label,
.bidgely-insights .energy-rate .tou-blocks .block .info-label,
.bidgely-insights .cost-projection .tou-blocks .block .info-label,
.bidgely-insights .usage .tou-blocks .block .info-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .info-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .info-label,
.bidgely-insights .usage .tier-tou-blocks .block .info-label {
  text-align: right;
}
.bidgely-insights .energy-rate .tier-blocks .block .time-label,
.bidgely-insights .cost-projection .tier-blocks .block .time-label,
.bidgely-insights .usage .tier-blocks .block .time-label,
.bidgely-insights .energy-rate .tou-blocks .block .time-label,
.bidgely-insights .cost-projection .tou-blocks .block .time-label,
.bidgely-insights .usage .tou-blocks .block .time-label,
.bidgely-insights .energy-rate .tier-tou-blocks .block .time-label,
.bidgely-insights .cost-projection .tier-tou-blocks .block .time-label,
.bidgely-insights .usage .tier-tou-blocks .block .time-label {
  position: absolute;
}
.bidgely-insights .energy-rate .tier-blocks .block .time-label .tick,
.bidgely-insights .cost-projection .tier-blocks .block .time-label .tick,
.bidgely-insights .usage .tier-blocks .block .time-label .tick,
.bidgely-insights .energy-rate .tou-blocks .block .time-label .tick,
.bidgely-insights .cost-projection .tou-blocks .block .time-label .tick,
.bidgely-insights .usage .tou-blocks .block .time-label .tick,
.bidgely-insights .energy-rate .tier-tou-blocks .block .time-label .tick,
.bidgely-insights .cost-projection .tier-tou-blocks .block .time-label .tick,
.bidgely-insights .usage .tier-tou-blocks .block .time-label .tick {
  width: 4px;
  height: 4px;
  background-color: #3d4b51;
}
.bidgely-insights .energy-rate .tier-blocks .block .time-label .time,
.bidgely-insights .cost-projection .tier-blocks .block .time-label .time,
.bidgely-insights .usage .tier-blocks .block .time-label .time,
.bidgely-insights .energy-rate .tou-blocks .block .time-label .time,
.bidgely-insights .cost-projection .tou-blocks .block .time-label .time,
.bidgely-insights .usage .tou-blocks .block .time-label .time,
.bidgely-insights .energy-rate .tier-tou-blocks .block .time-label .time,
.bidgely-insights .cost-projection .tier-tou-blocks .block .time-label .time,
.bidgely-insights .usage .tier-tou-blocks .block .time-label .time {
  color: #2c3e52;
  margin-left: -12px;
}
.bidgely-insights .energy-rate .tier-blocks .spacer,
.bidgely-insights .cost-projection .tier-blocks .spacer,
.bidgely-insights .usage .tier-blocks .spacer,
.bidgely-insights .energy-rate .tou-blocks .spacer,
.bidgely-insights .cost-projection .tou-blocks .spacer,
.bidgely-insights .usage .tou-blocks .spacer,
.bidgely-insights .energy-rate .tier-tou-blocks .spacer,
.bidgely-insights .cost-projection .tier-tou-blocks .spacer,
.bidgely-insights .usage .tier-tou-blocks .spacer {
  width: 2%;
  float: left;
}
.bidgely-insights .energy-rate .tier-blocks,
.bidgely-insights .cost-projection .tier-blocks,
.bidgely-insights .usage .tier-blocks {
  margin-top: 0px;
}
.bidgely-insights .energy-rate .tier-tou-blocks,
.bidgely-insights .cost-projection .tier-tou-blocks,
.bidgely-insights .usage .tier-tou-blocks {
  height: 125px;
}
.bidgely-insights .energy-rate .tier-blocks-toggle,
.bidgely-insights .cost-projection .tier-blocks-toggle,
.bidgely-insights .usage .tier-blocks-toggle {
  margin-top: 15px;
}
.bidgely-insights .energy-rate .tier-blocks-toggle > a > span,
.bidgely-insights .cost-projection .tier-blocks-toggle > a > span,
.bidgely-insights .usage .tier-blocks-toggle > a > span {
  margin-left: 5px;
}
.bidgely-insights .energy-rate .tou-blocks,
.bidgely-insights .cost-projection .tou-blocks,
.bidgely-insights .usage .tou-blocks {
  margin: 15px 0px 0px 0px;
  height: 175px;
}
.bidgely-insights .energy-rate .tou-blocks.tou-only,
.bidgely-insights .cost-projection .tou-blocks.tou-only,
.bidgely-insights .usage .tou-blocks.tou-only {
  height: 75px;
}
.bidgely-insights .energy-rate .tou-blocks .row.tier-tou,
.bidgely-insights .cost-projection .tou-blocks .row.tier-tou,
.bidgely-insights .usage .tou-blocks .row.tier-tou {
  margin: 0px;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph,
.bidgely-insights .usage .tou-blocks .tou-graph .graph {
  position: relative;
  height: 100px;
  border: 1px solid #eeeeee;
  border-top: 0px;
  border-bottom: 0px;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph > div,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph > div,
.bidgely-insights .usage .tou-blocks .tou-graph .graph > div {
  position: absolute;
  left: 0px;
  height: 100%;
  width: 100%;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .elapsed,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .elapsed,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .elapsed {
  background-color: #f5f5f5;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .elapsed-line,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .elapsed-line,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .elapsed-line {
  background-color: #d9534f;
  width: 1px;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .ticks > div,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .ticks > div,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .ticks > div {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #eeeeee;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .tous-list > div,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .tous-list > div,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .tous-list > div {
  position: absolute;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .tous-list > div.connector,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .tous-list > div.connector,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .tous-list > div.connector {
  width: 1px;
  background-color: #8a95a5;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .tous-list > div.tou-block,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .tous-list > div.tou-block,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .tous-list > div.tou-block {
  height: 100%;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div {
  position: absolute;
  display: inline-block;
  width: 100%;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div {
  top: 50%;
  margin-top: -20px;
  height: 30px;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div > .rate,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div > .rate,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div > .rate {
  padding: 0px 2px;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div > .bar,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div > .bar,
.bidgely-insights .usage .tou-blocks .tou-graph .graph .tous-list > div.tou-block > div > div > .bar {
  background-color: black;
  height: 10px;
  width: 100%;
  bottom: 0px;
  position: absolute;
  margin-left: 1px;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .legend,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .legend,
.bidgely-insights .usage .tou-blocks .tou-graph .legend {
  position: relative;
  height: 25px;
  padding: 5px 0px;
  font-size: 10px;
  color: #8a95a5;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .legend > div,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .legend > div,
.bidgely-insights .usage .tou-blocks .tou-graph .legend > div {
  display: inline-block;
  position: absolute;
  text-align: center;
}
.bidgely-insights .energy-rate .tou-blocks .tou-graph .legend > div > span.bidgely-icon,
.bidgely-insights .cost-projection .tou-blocks .tou-graph .legend > div > span.bidgely-icon,
.bidgely-insights .usage .tou-blocks .tou-graph .legend > div > span.bidgely-icon {
  font-size: 16px;
}
.bidgely-insights-widget {
  padding: 0 7.5px 15px 7.5px;
  float: left;
  width: 49.8%;
  position: relative;
}
.bidgely-insights-widget .title {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #596679;
}
.bidgely-insights-widget .row-divider {
  height: 20px;
}
.bidgely-insights-widget.bordered {
  border-right: 1px solid #ccc;
}
.bidgely-insights-widget .content {
  border: 1px solid #ccc;
  padding: 15px;
  position: relative;
}
.bidgely-insights-widget .content .row-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.bidgely-insights-widget.solar > .content .data {
  margin: 5px 30px;
}
.bidgely-insights-widget.solar > .content .data > div {
  line-height: 50px;
}
.bidgely-insights-widget.solar > .content .data.utility {
  background-color: #428bca;
  color: #fff;
}
.bidgely-insights-widget.solar > .content .data.utility.back {
  background-color: #77af5b;
}
.bidgely-insights-widget.solar > .content .data.utility .kwh {
  font-size: 22px;
}
.bidgely-insights-widget.solar > .content .data .name {
  font-size: 16px;
  font-weight: 300;
}
.bidgely-insights-widget.solar > .content .data .name .bidgely-appliance-icon {
  font-size: 40px;
  vertical-align: middle;
  color: #a5acb2;
  margin-right: 15px;
}
.bidgely-insights-widget.solar > .content .data .name .bidgely-appliance-icon.bidgely-appliance-icon-solar {
  color: #ffc926;
}
.bidgely-insights-widget.solar > .content .data .name .bidgely-appliance-icon.bidgely-appliance-icon-utility {
  color: #fff;
}
.bidgely-insights-widget.solar > .content .data .kwh {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
}
.bidgely-insights-widget.solar > .content .solar-gen-info .info-msg {
  color: #969696;
  font-size: 12px;
  margin-left: 100px;
  position: relative;
  top: -10px;
}
.bidgely-insights-widget .content-bg-wrap {
  border: 1px solid #ccc;
  padding: 15px;
  background-color: #f3f8fb;
  position: relative;
}
.bidgely-insights-widget .content-bg-wrap .caption {
  font-weight: 300;
  text-align: center;
}
.bidgely-insights-widget .close-widget-wrap {
  color: #ddd;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.bidgely-insights-widget.mobileDownload > .content {
  border: 0px;
  padding: 0px;
}
.bidgely-insights-widget.potential-savings .efficiency-indicator,
.bidgely-insights-widget.appliancesCost .efficiency-indicator {
  background: transparent url("../img/efficiency-indicator.png");
  background-repeat: no-repeat;
  height: 44px;
  left: 60%;
  position: absolute;
  top: -18px;
  width: 2px;
}
.bidgely-insights-widget.potential-savings .disagg-missing,
.bidgely-insights-widget.appliancesCost .disagg-missing {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  padding: 25px;
  text-align: center;
}
.bidgely-insights-widget.potential-savings #bidgely-potential-savings-block,
.bidgely-insights-widget.appliancesCost #bidgely-potential-savings-block {
  padding: 40px 15px 25px 15px;
}
.bidgely-insights-widget.potential-savings .legend,
.bidgely-insights-widget.appliancesCost .legend {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}
.bidgely-insights-widget.potential-savings .neighbor-row,
.bidgely-insights-widget.appliancesCost .neighbor-row {
  margin: 0 0 15px 0;
}
.bidgely-insights-widget.potential-savings .neighbor-row .progress.neighbor,
.bidgely-insights-widget.appliancesCost .neighbor-row .progress.neighbor {
  color: #969696;
  min-width: 150px;
  width: 50%;
}
.bidgely-insights-widget.potential-savings .neighbor-row,
.bidgely-insights-widget.appliancesCost .neighbor-row,
.bidgely-insights-widget.potential-savings .you-row,
.bidgely-insights-widget.appliancesCost .you-row {
  height: 20px;
  overflow: hidden;
}
.bidgely-insights-widget.potential-savings .neighbor-row .progress,
.bidgely-insights-widget.appliancesCost .neighbor-row .progress,
.bidgely-insights-widget.potential-savings .you-row .progress,
.bidgely-insights-widget.appliancesCost .you-row .progress {
  background-color: #e6e6e6;
  border-radius: 3px;
  box-shadow: none;
  padding: 5px;
  margin: 0;
}
.bidgely-insights-widget.potential-savings .you-row .progress,
.bidgely-insights-widget.appliancesCost .you-row .progress {
  min-width: 35px;
}
.bidgely-insights-widget.potential-savings .you-row .progress.efficient,
.bidgely-insights-widget.appliancesCost .you-row .progress.efficient {
  background-color: #51B348;
}
.bidgely-insights-widget.potential-savings .you-row .progress.average,
.bidgely-insights-widget.appliancesCost .you-row .progress.average {
  background-color: #EEB300;
}
.bidgely-insights-widget.potential-savings .you-row .progress.inefficient,
.bidgely-insights-widget.appliancesCost .you-row .progress.inefficient {
  background-color: #E33125;
}
.bidgely-insights-widget.potential-savings .you-row .progress.you,
.bidgely-insights-widget.appliancesCost .you-row .progress.you {
  color: #fff;
  float: left;
  width: 75%;
}
.bidgely-insights-widget.potential-savings .you-row .cost,
.bidgely-insights-widget.appliancesCost .you-row .cost {
  color: #2c3e52;
  float: left;
  font-size: 16px;
  line-height: 20px;
  margin-left: 10px;
}
.bidgely-insights-widget.potential-savings .you-row .you.average,
.bidgely-insights-widget.appliancesCost .you-row .you.average {
  color: #1F2020;
}
.bidgely-insights-widget.potential-savings .icon-wrap,
.bidgely-insights-widget.appliancesCost .icon-wrap {
  float: left;
  font-size: 20px;
  height: 20px;
  padding-right: 10px;
  text-align: right;
  width: 50px;
}
.bidgely-insights-widget.potential-savings .icon-wrap .bidgely-appliance-icon,
.bidgely-insights-widget.appliancesCost .icon-wrap .bidgely-appliance-icon {
  position: relative;
  vertical-align: top;
}
.bidgely-insights-widget.potential-savings .icon-wrap.neighbor,
.bidgely-insights-widget.appliancesCost .icon-wrap.neighbor {
  color: #e6e6e6;
}
.bidgely-insights-widget.potential-savings .icon-wrap.neighbor .lt,
.bidgely-insights-widget.appliancesCost .icon-wrap.neighbor .lt,
.bidgely-insights-widget.potential-savings .icon-wrap.neighbor .rt,
.bidgely-insights-widget.appliancesCost .icon-wrap.neighbor .rt {
  top: -3px;
}
.bidgely-insights-widget.potential-savings .icon-wrap.neighbor .md,
.bidgely-insights-widget.appliancesCost .icon-wrap.neighbor .md {
  left: -10px;
}
.bidgely-insights-widget.potential-savings .icon-wrap.neighbor .rt,
.bidgely-insights-widget.appliancesCost .icon-wrap.neighbor .rt {
  left: -20px;
}
.bidgely-insights-widget.potential-savings .icon-wrap.you,
.bidgely-insights-widget.appliancesCost .icon-wrap.you {
  color: #666;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph {
  height: 60px;
  margin: 0 50px 0 50px;
  position: relative;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .progress,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .progress {
  border-radius: 0;
  height: 6px;
  margin: 20px 0 0 0;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .progress .bar,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .progress .bar {
  height: 6px;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .progress .bar-left,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .progress .bar-left,
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .progress .bar-right,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .progress .bar-right {
  border-radius: 0;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .progress-container,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .progress-container {
  height: 65px;
  position: absolute;
  top: 20px;
  width: 100%;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .legends-bar,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .legends-bar {
  margin-top: 5px;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .legends-bar .legend,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .legends-bar .legend {
  color: #596679;
  display: block;
  float: left;
  width: 33.33%;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .legends-bar .legend.lt,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .legends-bar .legend.lt {
  text-align: left;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .legends-bar .legend.md,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .legends-bar .legend.md {
  text-align: center;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .legends-bar .legend.rt,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .legends-bar .legend.rt {
  text-align: right;
}
.bidgely-insights-widget.potential-savings #bidgely-efficiency-graph .legends-bar:after,
.bidgely-insights-widget.appliancesCost #bidgely-efficiency-graph .legends-bar:after {
  content: " ";
  display: table;
}
.bidgely-insights-widget.mobileDownload .btn-wrap {
  margin: 20px 0 15px 0;
  text-align: center;
}
.bidgely-insights-widget.mobileDownload .btn-wrap a {
  display: inline-block;
  margin: 0 10px 0 0;
}
.bidgely-insights-widget.mobileDownload .app-promo-wrap {
  position: absolute;
  left: 52%;
  bottom: 0;
}
.bidgely-insights-widget.mobileDownload .app-promo-wrap .promo-img {
  background-image: url("../img/mobile@1x.png");
  background-repeat: no-repeat;
  background-size: 294px 262px;
  width: 294px;
  height: 262px;
}
.bidgely-insights-widget.appliancesCost .content {
  padding: 0;
}
.bidgely-insights-widget.appliancesCost .content .title {
  padding: 15px;
  border-bottom: 1px solid #eeeeee;
}
.bidgely-insights-widget.appliancesCost .content .title sup {
  top: -0.2em;
}
.bidgely-insights-widget.appliancesCost .content .app-title {
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bidgely-insights-widget.appliancesCost .content .app-cost {
  color: #16a4fa;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  white-space: nowrap;
}
.bidgely-insights-widget.appliancesCost .content .app-efficiency > div {
  border-radius: 10px;
  height: 10px;
  margin-top: 5px;
  width: 10px;
}
.bidgely-insights-widget.appliancesCost .content .app-efficiency.efficient > div {
  background-color: #51B348;
}
.bidgely-insights-widget.appliancesCost .content .app-efficiency.average > div {
  background-color: #EEB300;
}
.bidgely-insights-widget.appliancesCost .content .app-efficiency.inefficient > div {
  background-color: #E33125;
}
.bidgely-insights-widget.appliancesCost .content .nc-bar-wrap {
  padding: 15px;
}
.bidgely-insights-widget.appliancesCost .content .panel-group {
  margin: 0;
}
.bidgely-insights-widget.appliancesCost .content .panel {
  border-color: #eeeeee;
  border-radius: 0;
  border-width: 0 0 1px 0;
  box-shadow: none;
  margin: 0;
}
.bidgely-insights-widget.appliancesCost .content .panel .header {
  padding: 20px;
}
.bidgely-insights-widget.appliancesCost .content .panel .header[data-toggle="collapse"] {
  cursor: pointer;
}
.bidgely-insights-widget.appliancesCost .content .panel .header .indicator {
  color: #444;
  text-align: right;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap {
  background-color: #f5f5f5;
  border-top: 1px solid #f5f5f5;
  padding: 15px 20px;
  color: #16a4fa;
  font-size: 12px;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap.expanded {
  border-color: #eeeeee;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .feedback-loading {
  text-align: center;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .feedback-text:hover {
  cursor: pointer;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .disagg-feedback-msg-copy .separator {
  border-left: 1px solid #ccc;
  margin: 0 10px;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .disagg-feedback-sent .status-msg {
  color: #444;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .disagg-feedback-sent label,
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .disagg-feedback-sent p {
  margin: 0;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .disagg-feedback-sent p {
  font-size: 12px;
  line-height: 15px;
}
.bidgely-insights-widget.appliancesCost .content .panel .disagg-feedback-wrap .disagg-feedback-undo {
  padding-top: 7px;
}
.bidgely-insights-widget.appliancesCost .content .panel .app-details {
  border-top: 1px solid #eeeeee;
  background-color: #f5f5f5;
  padding: 20px;
}
.bidgely-insights-widget.appliancesCost .content .panel .app-details .app-msg {
  color: #666;
}
.bidgely-insights-widget.appliancesCost .content .panel .app-details .app-msg strong {
  color: #444;
}
.bidgely-insights-widget.appliancesCost .content .info-bottom {
  float: right;
  padding: 20px 25px;
  color: #ccc;
}
.bidgely-insights-widget.appliancesCost .content .disaggMsg {
  padding: 0;
  margin: 0;
}
.bidgely-insights-widget.appliancesCost .content .disaggMsg li {
  font-size: inherit;
  padding: 20px;
  text-align: left;
}
.bidgely-insights-widget.checkMyAlerts > .content {
  border: 0px;
  padding: 0px;
}
.bidgely-insights-widget.checkMyAlerts .btn-wrap {
  margin: -30px 0 15px 0;
  text-align: center;
}
.bidgely-insights-widget.checkMyAlerts .check-my-alerts-img {
  background-image: url("../img/alerts@1x.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: 146px;
}
.bidgely-insights-widget.spendingDaily:nth-child(1) {
  border-right: medium none;
}
.bidgely-insights-widget.spendingDaily .title-bar,
.bidgely-insights-widget.spendingWeekly .title-bar {
  background-color: #f3f8fb;
  border-bottom: 1px solid #ccc;
  padding: 30px 15px;
}
.bidgely-insights-widget.spendingDaily .title-bar .spending-title,
.bidgely-insights-widget.spendingWeekly .title-bar .spending-title {
  color: #667079;
  font-size: 15px;
  font-weight: 300;
}
.bidgely-insights-widget.spendingDaily .title-bar .spending-title .highlight,
.bidgely-insights-widget.spendingWeekly .title-bar .spending-title .highlight {
  color: #222222;
  font-weight: 400;
}
.bidgely-insights-widget.spendingDaily .spending-graph,
.bidgely-insights-widget.spendingWeekly .spending-graph {
  padding: 30px 15px;
  background-color: #fff;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress {
  border-radius: 0;
  height: 25px;
  margin: 20px 0;
  overflow: visible;
  font-weight: 400;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .legend,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .legend {
  display: block;
  font-weight: 300;
  position: absolute;
  margin-top: 25px;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .spending-label,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .spending-label {
  padding: 0 7px;
  line-height: 25px;
  position: absolute;
  z-index: 10;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .day-bar,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .day-bar {
  background-color: #354052;
  text-align: left;
  position: relative;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .day-bar .spending-label,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .day-bar .spending-label {
  left: 0;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .day-bar .legend,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .day-bar .legend {
  color: #354052;
  left: 0;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .night-bar,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .night-bar {
  background-color: #586d7b;
  text-align: right;
  position: relative;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .night-bar .spending-label,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .night-bar .spending-label {
  right: 0;
}
.bidgely-insights-widget.spendingDaily .spending-graph .progress .night-bar .legend,
.bidgely-insights-widget.spendingWeekly .spending-graph .progress .night-bar .legend {
  color: #586d7b;
  right: 0;
}
.bidgely-insights-widget.savings .bidgely-pagination {
  display: block;
  position: relative;
}
.bidgely-insights-widget.savings .bidgely-pagination .lnk-left {
  position: absolute;
  left: 15px;
  top: 10px;
}
.bidgely-insights-widget.savings .bidgely-pagination .lnk-right {
  position: absolute;
  right: 15px;
  top: 10px;
}
.bidgely-insights-widget.savings .bidgely-pagination .pagination-dots {
  display: block;
  margin: 0px 30px;
  text-align: center;
}
.bidgely-insights-widget.savings .carousel {
  margin: 0px -15px 0px -15px;
}
.bidgely-insights-widget.savings .box {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 15px 15px 0px 15px;
}
.bidgely-insights-widget.savings .insights {
  font-family: Arial, Helvetica, sans-serif;
}
.bidgely-insights-widget.savings .insights .title {
  font-family: Arial, Helvetica, sans-serif;
}
.bidgely-insights-widget.savings .insights .sub-title {
  font-weight: 700;
  font-size: 14px;
  color: #8a95a5;
  background-color: #f9f9f9;
  display: table;
  height: 50px;
}
.bidgely-insights-widget.savings .insights .sub-title span {
  display: table-cell;
  vertical-align: middle;
}
.bidgely-insights-widget.savings .insights .annual-savings-potential .image {
  font-size: 45px;
  padding-top: 5px;
}
.bidgely-insights-widget.savings .insights .annual-savings-potential .title {
  font-weight: 700;
  font-size: 18px;
  padding: 10px 0px;
  text-align: left;
  color: #354052;
}
.bidgely-insights-widget.savings .insights .annual-savings-potential .amount {
  text-align: center;
  padding-bottom: 15px;
}
.bidgely-insights-widget.savings .insights .annual-savings-potential .amount .savings {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
}
.bidgely-insights-widget.savings .insights .annual-savings-potential .amount .item-line {
  clear: right;
  float: right;
  width: 175px;
  height: 1px;
  display: inline-block;
  border-top: 1px solid #ccc;
}
.bidgely-insights-widget.savings .insights .annual-savings-potential .amount .item-label {
  clear: right;
  float: right;
  font-size: 12px;
  font-weight: 500;
}
.bidgely-insights-widget.savings .insights .annual-savings-potential .amount div.item-line,
.bidgely-insights-widget.savings .insights .annual-savings-potential .amount div.item-label {
  clear: both;
  float: none;
  position: relative;
  top: -15px;
}
.bidgely-insights-widget.savings .insights .recommendations,
.bidgely-insights-widget.savings .insights .tips {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  background-color: #f5f5f5;
  margin-left: -15px;
  margin-right: -15px;
}
.bidgely-insights-widget.savings .insights .recommendations .divider,
.bidgely-insights-widget.savings .insights .tips .divider {
  border-top: 1px solid #ccc;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation,
.bidgely-insights-widget.savings .insights .tips .recommendation,
.bidgely-insights-widget.savings .insights .recommendations .tip,
.bidgely-insights-widget.savings .insights .tips .tip {
  padding-top: 5px;
  padding-bottom: 5px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .top-row,
.bidgely-insights-widget.savings .insights .tips .recommendation .top-row,
.bidgely-insights-widget.savings .insights .recommendations .tip .top-row,
.bidgely-insights-widget.savings .insights .tips .tip .top-row {
  position: relative;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .title,
.bidgely-insights-widget.savings .insights .tips .recommendation .title,
.bidgely-insights-widget.savings .insights .recommendations .tip .title,
.bidgely-insights-widget.savings .insights .tips .tip .title {
  font-weight: 700;
  font-size: 14px;
  display: block;
  text-align: center;
  height: auto;
  padding: 15px 0px;
  color: #354052;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .title span,
.bidgely-insights-widget.savings .insights .tips .recommendation .title span,
.bidgely-insights-widget.savings .insights .recommendations .tip .title span,
.bidgely-insights-widget.savings .insights .tips .tip .title span {
  display: block;
  vertical-align: middle;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .description,
.bidgely-insights-widget.savings .insights .tips .recommendation .description,
.bidgely-insights-widget.savings .insights .recommendations .tip .description,
.bidgely-insights-widget.savings .insights .tips .tip .description {
  padding-bottom: 15px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .money-bags-container,
.bidgely-insights-widget.savings .insights .tips .recommendation .money-bags-container,
.bidgely-insights-widget.savings .insights .recommendations .tip .money-bags-container,
.bidgely-insights-widget.savings .insights .tips .tip .money-bags-container {
  text-align: center;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .money-bags-container .money-bags,
.bidgely-insights-widget.savings .insights .tips .recommendation .money-bags-container .money-bags,
.bidgely-insights-widget.savings .insights .recommendations .tip .money-bags-container .money-bags,
.bidgely-insights-widget.savings .insights .tips .tip .money-bags-container .money-bags {
  margin-top: 10px;
  font-size: 12px;
  display: inline-block;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .money-bags-container .money-bags .money-bag,
.bidgely-insights-widget.savings .insights .tips .recommendation .money-bags-container .money-bags .money-bag,
.bidgely-insights-widget.savings .insights .recommendations .tip .money-bags-container .money-bags .money-bag,
.bidgely-insights-widget.savings .insights .tips .tip .money-bags-container .money-bags .money-bag {
  background: transparent url("../img/icn-bag-off.png") no-repeat center top;
  background-size: 23px 25px;
  height: 25px;
  width: 25px;
  display: inline-block;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .money-bags-container .money-bags .money-bag.on,
.bidgely-insights-widget.savings .insights .tips .recommendation .money-bags-container .money-bags .money-bag.on,
.bidgely-insights-widget.savings .insights .recommendations .tip .money-bags-container .money-bags .money-bag.on,
.bidgely-insights-widget.savings .insights .tips .tip .money-bags-container .money-bags .money-bag.on {
  background: transparent url("../img/icn-bag-on.png") no-repeat center top;
  background-size: 23px 25px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .toggle,
.bidgely-insights-widget.savings .insights .tips .recommendation .toggle,
.bidgely-insights-widget.savings .insights .recommendations .tip .toggle,
.bidgely-insights-widget.savings .insights .tips .tip .toggle {
  position: absolute;
  bottom: 10px;
  right: 0px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .toggle .learn-more,
.bidgely-insights-widget.savings .insights .tips .recommendation .toggle .learn-more,
.bidgely-insights-widget.savings .insights .recommendations .tip .toggle .learn-more,
.bidgely-insights-widget.savings .insights .tips .tip .toggle .learn-more {
  font-weight: 500;
  margin-top: 25px;
  display: inline-block;
  color: #16a4fa;
  font-size: 14px;
  border-radius: 15px;
  border: 1px solid #16a4fa;
  width: 30px;
  height: 30px;
  text-align: center;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .toggle .learn-more .glyphicon,
.bidgely-insights-widget.savings .insights .tips .recommendation .toggle .learn-more .glyphicon,
.bidgely-insights-widget.savings .insights .recommendations .tip .toggle .learn-more .glyphicon,
.bidgely-insights-widget.savings .insights .tips .tip .toggle .learn-more .glyphicon {
  vertical-align: middle;
  top: 3px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details,
.bidgely-insights-widget.savings .insights .tips .recommendation .details,
.bidgely-insights-widget.savings .insights .recommendations .tip .details,
.bidgely-insights-widget.savings .insights .tips .tip .details {
  padding: 15px 0px;
  background-color: #f9f9f9;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details img,
.bidgely-insights-widget.savings .insights .tips .recommendation .details img,
.bidgely-insights-widget.savings .insights .recommendations .tip .details img,
.bidgely-insights-widget.savings .insights .tips .tip .details img {
  max-height: 300px;
  max-width: 100%;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .text,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .text,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .text,
.bidgely-insights-widget.savings .insights .tips .tip .details .text {
  padding-bottom: 15px;
  font-weight: 400;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info,
.bidgely-insights-widget.savings .insights .tips .tip .details .info {
  padding: 15px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .title,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .title,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .title,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .title {
  font-weight: 500;
  font-size: 12px;
  height: auto;
  text-align: left;
  padding: 0px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .title.padded,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .title.padded,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .title.padded,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .title.padded {
  padding-top: 15px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .description,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .description,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .description,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .description {
  font-weight: 300;
  font-size: 18px;
  color: #16a4fa;
  padding: 0px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .text,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .text,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .text,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .text {
  text-align: center;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .text ul,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .text ul,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .text ul,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .text ul {
  text-align: left;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .useful,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .useful,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .useful,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .useful {
  text-align: center;
  padding-top: 15px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .bar,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .bar,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .bar,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .bar {
  height: 3px;
  background-color: #666;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .info .bar .fill,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .info .bar .fill,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .info .bar .fill,
.bidgely-insights-widget.savings .insights .tips .tip .details .info .bar .fill {
  background-color: #16a4fa;
  height: 7px;
  position: relative;
  top: -2px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn {
  height: 40px;
  padding: 0px 10px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .thumbs-down,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .thumbs-down {
  height: 25px;
  width: auto;
  display: inline-block;
  padding-left: 25px;
  line-height: 25px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn-bidgely-white:hover .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn-bidgely-white:hover .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn-bidgely-white:hover .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn-bidgely-white:hover .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn-bidgely-white:active .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn-bidgely-white:active .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn-bidgely-white:active .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn-bidgely-white:active .thumbs-up {
  background: transparent url("../img/thumbs-up-white.png") no-repeat 0px 0px;
  background-size: 25px 25px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn .thumbs-down,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn .thumbs-down,
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn-bidgely-white:hover .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn-bidgely-white:hover .thumbs-down,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn-bidgely-white:hover .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn-bidgely-white:hover .thumbs-down,
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn-bidgely-white:active .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn-bidgely-white:active .thumbs-down,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn-bidgely-white:active .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn-bidgely-white:active .thumbs-down {
  background: transparent url("../img/thumbs-down-white.png") no-repeat 0px 0px;
  background-size: 25px 25px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn-bidgely-white .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn-bidgely-white .thumbs-up,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn-bidgely-white .thumbs-up,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn-bidgely-white .thumbs-up {
  background: transparent url("../img/thumbs-up-blue.png") no-repeat 0px 0px;
  background-size: 25px 25px;
}
.bidgely-insights-widget.savings .insights .recommendations .recommendation .details .useful .btn-bidgely-white .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .recommendation .details .useful .btn-bidgely-white .thumbs-down,
.bidgely-insights-widget.savings .insights .recommendations .tip .details .useful .btn-bidgely-white .thumbs-down,
.bidgely-insights-widget.savings .insights .tips .tip .details .useful .btn-bidgely-white .thumbs-down {
  background: transparent url("../img/thumbs-down-blue.png") no-repeat 0px 0px;
  background-size: 25px 25px;
}
.bidgely-insights-widget.savings .insights .tips {
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  background: none;
}
.bidgely-insights-widget.savings .insights .tips .tip .description {
  height: 40px;
  display: table;
}
.bidgely-insights-widget.savings .insights .tips .tip .description span {
  display: table-cell;
  vertical-align: middle;
}
.bidgely-insights-widget.savings .insights .tips .tip .details {
  padding: 0px;
  background-color: transparent;
  font-weight: 300;
}
.bidgely-insights-widget.savings .insights .tips .tip .learn-more {
  margin-top: 10px;
  color: #354052;
  font-weight: 500;
}
.bidgely-insights-widget.savings .insights .tips .tip .learn-more .glyphicon {
  top: 3px;
}
.bidgely-insights-widget.detective .content {
  background-color: #f9fbfc;
}
.bidgely-insights-widget.detective .bidgely-add-appliance {
  font-family: Arial, Helvetica, sans-serif;
  margin: 15px 30px;
  color: #8a95a5;
  cursor: pointer;
  display: table;
}
.bidgely-insights-widget.detective .bidgely-add-appliance .image {
  display: table-cell;
  cursor: pointer;
  padding-right: 10px;
  width: 65px;
}
.bidgely-insights-widget.detective .bidgely-add-appliance .image img {
  width: 100%;
}
.bidgely-insights-widget.detective .bidgely-add-appliance .description {
  font-weight: 300;
  line-height: 16px;
  display: table-cell;
  padding-top: 5px;
  vertical-align: top;
}
.bidgely-insights-widget.detective .bidgely-add-appliance .description .title {
  font-weight: 500;
  font-size: 16px;
  color: #16a4fa;
  text-align: left;
}
.bidgely-insights-widget.detective .bidgely-add-appliance .description > span {
  color: #16a4fa;
  margin-left: 5px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare {
  margin: 0 auto;
  width: 180px;
  height: 200px;
  overflow: hidden;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage {
  height: 100px;
  width: 100px;
  border-radius: 75px;
  position: relative;
  top: -165px;
  left: 40px;
  background-color: #4ea230;
  color: #fff;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .now {
  padding-top: 20px;
  text-align: center;
  margin-left: -5px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .now span {
  margin-left: 0px;
  font-size: .8em;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .now .iconWrap {
  padding: 2px;
  margin: 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 16px;
  text-align: center;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .now .iconWrap span {
  animation: icon-heart-blink 1s infinite;
  -webkit-animation: icon-heart-blink 1s infinite;
  -moz-animation: none;
  -ms-animation: icon-heart-blink 1s infinite;
  -o-animation: icon-heart-blink 1s infinite;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .currentUsageValue {
  margin-top: -5px;
  text-align: center;
  padding: 5px 0px 0px 0px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .currentUsageValue strong {
  font-size: 1.2em;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .currentRate {
  font-size: .7em;
  font-decoration: italic;
  text-align: center;
  padding: 0px;
  margin-top: -18px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #peakTimeIndicator {
  background: #b55751;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  line-height: 30px;
  text-align: center;
  position: relative;
  top: -160px;
  left: 75px;
  color: white;
  font-size: 0.8em;
  visibility: hidden;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #minMaxRange {
  color: #a2a8ad;
  width: 100%;
  text-align: center;
  position: relative;
  top: -160px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #minMaxRange label {
  font-weight: normal;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #minMaxRange .minUsage {
  float: left;
  margin-left: 25px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare #minMaxRange .maxUsage {
  float: right;
  margin-right: 10px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare .tooltip > .tooltip-inner {
  background-color: white;
  border: 1px solid #e3e3e3;
  color: black;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare .tooltip.bottom > .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #e3e3e3;
  /* black */
  border-width: 0 5px 5px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare.solarUser #minMaxRange {
  display: none;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare.solarUser #peakTimeIndicator {
  display: none;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare.solarUser > div:first-child {
  visibility: hidden;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare.solarUser #currentUsage {
  height: 160px;
  width: 160px;
  border-radius: 80px;
  top: -180px;
  left: 10px;
  border: 10px solid;
  animation: solar-pulse 1s infinite;
  -webkit-animation: solar-pulse 1s infinite;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare.solarUser #currentUsage .now {
  visibility: visible;
  padding-top: 40px;
}
.bidgely-insights-widget.real-time-dial #wrapperSelfCompare.solarUser #currentUsage .currentUsageValue {
  margin-top: 0px;
}
@keyframes solar-pulse {
  0% {
    border-color: #f5f5f5;
  }
  12.5% {
    border-color: #f0f0f0;
  }
  25% {
    border-color: #ebebeb;
  }
  37.5% {
    border-color: #e6e6e6;
  }
  50% {
    border-color: #e1e1e1;
  }
  62.50% {
    border-color: #e6e6e6;
  }
  75% {
    border-color: #ebebeb;
  }
  87.5% {
    border-color: #f0f0f0;
  }
  100% {
    border-color: #f5f5f5;
  }
}
@-webkit-keyframes solar-pulse {
  0% {
    border-color: #f5f5f5;
  }
  12.5% {
    border-color: #f0f0f0;
  }
  25% {
    border-color: #ebebeb;
  }
  37.5% {
    border-color: #e6e6e6;
  }
  50% {
    border-color: #e1e1e1;
  }
  62.50% {
    border-color: #e6e6e6;
  }
  75% {
    border-color: #ebebeb;
  }
  87.5% {
    border-color: #f0f0f0;
  }
  100% {
    border-color: #f5f5f5;
  }
}
@keyframes icon-heart-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes icon-heart-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes icon-heart-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes icon-heart-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes icon-heart-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-document url-prefix() {
  .bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .now .iconWrap span {
    background: url("../img/icn-heart-animated.png") no-repeat center bottom;
    background-size: 14px 14px;
    margin-top: -10px;
    top: 3px;
    animation: none;
    -moz-animation: none;
  }
  .bidgely-insights-widget.real-time-dial #wrapperSelfCompare #currentUsage .now .iconWrap span.bidgely-icon.bidgely-icon-heart:before {
    content: none;
  }
}
@media (max-width: 767px) {
  .bidgely-insights .comparison div.legend-container {
    text-align: left;
    padding-left: 30px;
  }
  .bidgely-insights .cost-projection .details {
    background-size: 120% 100%;
    background-position: -50px 0px;
  }
  .bidgely-insights .cost-projection .details .current-cost {
    padding-top: 30px;
  }
  .bidgely-insights .cost-projection .details .projected-cost {
    padding-top: 30px;
  }
  .bidgely-insights .energy-rate,
  .bidgely-insights .cost-projection,
  .bidgely-insights .usage {
    min-height: 0px;
  }
  .bidgely-insights .energy-rate .item-label,
  .bidgely-insights .cost-projection .item-label,
  .bidgely-insights .usage .item-label {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #596679;
    padding-bottom: 15px;
  }
  .bidgely-insights .energy-rate .tou-blocks,
  .bidgely-insights .cost-projection .tou-blocks,
  .bidgely-insights .usage .tou-blocks {
    height: 185px;
  }
  .bidgely-insights-widget {
    margin-top: 15px;
    width: 100%;
  }
  .bidgely-insights-widget .content {
    margin: 0px 15px;
  }
  .bidgely-insights-widget .title {
    font-size: 18px;
    font-weight: 400;
    color: #596679;
    text-align: center;
  }
  .bidgely-insights-widget.potential-savings .icon-wrap {
    display: none;
  }
  .bidgely-insights-widget.potential-savings #bidgely-efficiency-graph {
    margin: 0;
  }
  .bidgely-insights-widget.appliancesCost .content .app-title {
    width: 180px;
  }
  .bidgely-insights-widget.solar > .content .data {
    margin: 0px -15px;
  }
  .bidgely-insights-widget.solar > .content .data > div {
    line-height: 40px;
  }
  .bidgely-insights-widget.solar > .content .data.utility .kwh {
    font-size: 20px;
  }
  .bidgely-insights-widget.solar > .content .data .name {
    font-size: 14px;
  }
  .bidgely-insights-widget.solar > .content .data .name .bidgely-appliance-icon {
    font-size: 30px;
  }
  .bidgely-insights-widget.solar > .content .data .kwh {
    font-size: 14px;
  }
  .bidgely-insights-widget.solar > .content .solar-gen-info .info-msg {
    margin-left: 45px;
  }
}
@media (max-width: 969px) {
  .bidgely-insights div.insights-header {
    margin-bottom: 0px;
  }
  .bidgely-insights div.widgets-divider {
    border-top: none;
    margin-top: 0px;
  }
  .bidgely-insights .cost-projection {
    border-left: none;
  }
  .bidgely-insights .cost-projection .details .current-cost {
    padding-left: 5px;
  }
  .bidgely-insights .cost-projection .details .projected-cost {
    padding-right: 5px;
  }
  .bidgely-insights.awareness .waiting .inner,
  .bidgely-insights.awareness .coming-soon .inner {
    margin-bottom: 20px;
    min-height: 270px;
  }
  .bidgely-insights-widget {
    width: 100%;
    margin-top: 15px;
    border-right: none !important;
  }
  .bidgely-insights-widget .top-divider {
    display: none;
  }
  .bidgely-insights-widget.bordered {
    border-left: none;
  }
  .bidgely-insights-widget .content-bg-wrap {
    border: none;
    padding: 15px;
  }
  .bidgely-insights-widget.mobileDownload .content,
  .bidgely-insights-widget.checkMyAlerts .content,
  .bidgely-insights-widget.spendingDaily .content,
  .bidgely-insights-widget.spendingWeekly .content {
    padding: 0;
  }
  .bidgely-insights-widget.mobileDownload .mdownload-wrap {
    margin-top: 0;
  }
  .bidgely-insights-widget.checkMyAlerts .btn-wrap {
    margin-top: 0px;
  }
  .bidgely-insights-widget.checkMyAlerts .check-my-alerts-img {
    margin: 20px 0;
    background-size: contain;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 969px) {
  .bidgely-insights-widget {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .bidgely-insights-widget.checkMyAlerts .btn-wrap {
    margin-top: 60px;
  }
}
/* ---- CSS for Modal of Energy Rate Info ---- */
@media (max-width: 767px) {
  .tierInfo .dataImgContent img {
    margin: 5px;
    max-width: 100%;
  }
  .touInfo .dataImgContent img {
    margin: 5px;
    max-width: 100%;
  }
  .touInfo figure {
    display: block !important;
    padding: 20px;
  }
  .touInfo .spendAmount {
    margin: 0 auto;
  }
  .bidgely-insights-widget .content-bg-wrap {
    text-align: center;
  }
  .bidgely-insights-widget .content-bg-wrap .check-my-alerts-img {
    background-size: contain;
    background-position: center top;
    width: auto;
  }
}
@media (max-width: 1199px) {
  .bidgely-insights {
    padding: 0;
  }
  .dataImgContent img {
    margin: 5px;
  }
}
@media (max-width: 969px) {
  .tierInfo .dataImgContent img {
    margin: 5px;
  }
  #tierAndTouModal div.touInfo figure label {
    max-width: 100%;
  }
}
#tierAndTouModal {
  color: #7e7e7e;
}
#tierAndTouModal p {
  font-weight: normal;
  line-height: none;
  font-size: inherit;
}
#tierAndTouModal label {
  font-weight: normal;
}
#tierAndTouModal .switchModalContent {
  font-size: .8em;
  color: #16a4fa;
}
#tierAndTouModal .switchModalContent:hover {
  cursor: pointer;
}
#tierAndTouModal.rateTier .touTitle {
  display: none;
}
#tierAndTouModal.rateTier .touFooter {
  display: none;
}
#tierAndTouModal.rateTier .touInfo {
  display: none;
}
#tierAndTouModal.rateTier .rateTierTitle {
  display: block;
}
#tierAndTouModal.rateTier .rateTierFooter {
  display: block;
}
#tierAndTouModal.rateTier .tierInfo {
  display: block;
}
#tierAndTouModal.rateTou .rateTierTitle {
  display: none;
}
#tierAndTouModal.rateTou .rateTierFooter {
  display: none;
}
#tierAndTouModal.rateTou .tierInfo {
  display: none;
}
#tierAndTouModal.rateTou .touTitle {
  display: block;
}
#tierAndTouModal.rateTou .touFooter {
  display: block;
}
#tierAndTouModal.rateTou .touInfo {
  display: block;
}
#tierAndTouModal.eitherTierOrTou .switchModalContent {
  display: none;
}
#tierAndTouModal figure {
  display: inline-block;
  padding: 10px;
  text-align: center;
}
#tierAndTouModal figure label {
  display: block;
  text-align: center;
  max-width: 100px;
}
#tierAndTouModal figure figcaption {
  padding-top: 5px;
  font-weight: normal;
}
#tierAndTouModal figure .spendAmount {
  width: 100px;
  border-radius: 4px;
  text-align: center;
  margin-top: 25px;
  padding: 2px;
  color: white;
}
#tierAndTouModal .washingMachine figcaption {
  padding-top: 80px;
}
#tierAndTouModal .bottomNote {
  margin-bottom: -20px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px 20px 20px 30px;
  background: #eeeeee url("../img/energyRate/bidgely-logo-transparent.png") 30px center no-repeat;
}
#tierAndTouModal .bottomNote p {
  margin-left: 100px;
  margin-top: 8px;
}
#tierAndTouModal .rateTierFooter,
#tierAndTouModal .touFooter {
  float: left;
  padding-top: 10px;
}
@media (max-width: 1199px) {
  .bidgely-insights div.insights-header {
    padding-top: 15px;
  }
  .bidgely-insights-widget.savings .description {
    padding-top: 10px;
  }
}
.bidgely-dashboard-servicer {
  overflow: hidden;
  background: #f4f8ff;
}
.bidgely-dashboard-servicer .month-selection {
  height: 60px;
  background-color: #d8dde4;
  position: fixed;
  z-index: 100;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}
.bidgely-dashboard-servicer .month-selection .month {
  height: 60px;
  padding: 14px 0px;
}
.bidgely-dashboard-servicer .month-selection .month.month-a {
  width: 365px;
  float: right;
}
.bidgely-dashboard-servicer .month-selection .month.month-b {
  width: 400px;
}
.bidgely-dashboard-servicer .month-selection .month.month-b.active {
  background-color: #BEC7D3;
}
.bidgely-dashboard-servicer .month-selection .month.month-b.active:hover {
  cursor: pointer;
}
.bidgely-dashboard-servicer .month-selection .month.month-b.inactive {
  background-color: #d8dde4;
}
.bidgely-dashboard-servicer .month-selection .month.month-b.drop-down .month-label,
.bidgely-dashboard-servicer .month-selection .month.month-b.drop-down .bidgely-icon {
  visibility: hidden;
}
.bidgely-dashboard-servicer .month-selection .month.month-b.no-data {
  padding: 5px 0;
}
.bidgely-dashboard-servicer .month-selection .month.month-b.no-data .month-description {
  width: 245px;
}
.bidgely-dashboard-servicer .month-selection .month.month-b.no-data .month-cost {
  display: none;
}
.bidgely-dashboard-servicer .month-selection .month.month-b-container {
  height: 120px;
  padding: 0px;
  float: right;
}
.bidgely-dashboard-servicer .month-selection .month.month-b-container:focus {
  outline: none;
}
.bidgely-dashboard-servicer .month-selection .month .month-label {
  float: left;
  display: inline-block;
  font-weight: 700;
  color: #344052;
  font-size: 32px;
  margin: 0px 30px;
  line-height: 100%;
}
.bidgely-dashboard-servicer .month-selection .month .month-description {
  float: left;
  line-height: 16px;
}
.bidgely-dashboard-servicer .month-selection .month .month-description .month-title {
  font-weight: 300;
  font-size: 11px;
  color: #6e7888;
}
.bidgely-dashboard-servicer .month-selection .month .month-description .month-body {
  font-weight: 400;
  font-size: 13px;
  color: #344052;
}
.bidgely-dashboard-servicer .month-selection .month .month-cost {
  float: right;
  font-weight: 300;
  font-size: 24px;
  color: #6e7888;
  line-height: 32px;
}
.bidgely-dashboard-servicer .month-selection .month .month-cost.month-a {
  margin-right: 45px;
}
.bidgely-dashboard-servicer .month-selection .month .bidgely-icon {
  float: right;
  margin: 0px 25px;
  color: #344052;
  line-height: 32px;
  font-size: 8px;
}
.bidgely-dashboard-servicer .month-selection .month .bidgely-icon:hover {
  cursor: pointer;
}
.bidgely-dashboard-servicer .month-selection .separator-line {
  float: right;
  height: 60px;
  width: 1px;
  background-color: #cbd2de;
}
.bidgely-dashboard-servicer .servicer-wrapper {
  margin: 100px auto 0px auto;
}
.bidgely-dashboard-servicer .servicer-wrapper .servicer-feedback {
  float: right;
  margin-bottom: 30px;
  background-color: #344052;
  border-radius: 4px;
  height: 38px;
  width: 132px;
}
.bidgely-dashboard-servicer .servicer-wrapper .servicer-feedback .bidgely-icon-feedback-ico {
  font-size: 26px;
  color: #fff;
  float: left;
  margin: 6px 20px 6px 6px;
}
.bidgely-dashboard-servicer .servicer-wrapper .servicer-feedback .feedback-text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  top: 9px;
}
.bidgely-dashboard-servicer .servicer-wrapper .servicer-feedback:hover {
  cursor: pointer;
}
.bidgely-dashboard-servicer .servicer-title span {
  color: #16a4fa;
}
.bidgely-dashboard-servicer .servicer-title label {
  color: #16a4fa;
}
.bidgely-dashboard-servicer .servicer-title h3 {
  margin: 5px 0px 10px 0;
}
.bidgely-dashboard-servicer .servicer-widgets-container {
  padding: 20px 0;
}
.bidgely-dashboard-servicer .servicer-not-available {
  background-color: #fcedd4;
  border: 1px dashed #e6a320;
  display: block;
  padding: 15px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget {
  margin-bottom: 30px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .content {
  border: 1px solid #ccc;
  background-color: #fff;
  height: 580px;
  overflow: hidden;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .content .bidgely-icon-thumbs {
  position: absolute;
  bottom: 20px;
  margin-left: 20px;
  top: auto;
  font-size: 25px;
  color: #4faeff;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .content .bidgely-icon-thumbs:hover {
  color: #6791b5;
  cursor: pointer;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .content .bidgely-icon-thumbs.clicked {
  color: #344052;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .content .bidgely-icon-help {
  bottom: 20px;
  font-size: 25px;
  position: absolute;
  right: 30px;
  text-align: center;
  top: auto;
  color: #4faeff;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .content .bidgely-icon-help:hover {
  cursor: pointer;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-header {
  padding: 18px 15px;
  border-bottom: 1px solid #ccc;
  height: 60px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-header.no-border {
  border-bottom: 0px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-header .title {
  font-size: 13px;
  font-weight: 500;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .sub-title {
  font-size: 13px;
  font-weight: 400;
  padding: 15px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body {
  padding: 20px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body.align-top {
  padding-top: 0px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body .percent {
  font-size: 28px;
  text-align: center;
  white-space: nowrap;
  margin-right: 0px !important;
  font-weight: 500;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body .percent .indicator {
  display: inline-block;
  font-size: 80%;
  top: -2px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body .percent.up {
  color: #a94442;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body .percent.down {
  color: #90be40;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body .percent.equal {
  color: #999999;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body .percent .bidgely-icon {
  font-size: 20px;
  top: -3px;
}
.bidgely-dashboard-servicer .bidgely-servicer-widget .servicer-widget-body .percent sup {
  font-size: 15px;
}
.bidgely-servicer-widget.costUsage {
  font-family: Arial, Helvetica, sans-serif;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body {
  padding: 10px 20px;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .sub-module {
  height: 225px;
  padding: 25px 0;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .sub-module .sub-title {
  color: #363636;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 21px;
  padding: 25px 20px;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .sub-module .sub-title .up {
  color: #CD3850;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .tooltip-wrapper {
  display: inline-block;
  width: 15px;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .tooltipInfo {
  margin-left: 5px;
  cursor: pointer;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .percent {
  padding: 5px 0;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .progress-col {
  padding-right: 0;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .spacer {
  height: 18px;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .legend-left-wrap {
  padding: 25px 8px;
  text-align: right;
  font-size: 13px;
  font-weight: 700;
  color: #363636;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .bars {
  padding: 30px 0;
  border-left: 1px dashed #a2a2a2;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .bars .progress-bar-wrap {
  height: 16px;
  overflow: hidden;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .bars .progress-bar-wrap .legend {
  font-size: 12px;
  display: inline-block;
  font-weight: 400;
  float: left;
  line-height: 16px;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .bars .progress-bar-wrap .legend.legend-right {
  padding-left: 8px;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .bars .progress-bar-wrap .progress-bar {
  height: 16px;
  max-width: 60%;
  background-color: #354052;
}
.bidgely-servicer-widget.costUsage .servicer-widget-body .bars .progress-bar-wrap .progress-bar.up {
  background-color: #CD3850;
}
.bidgely-servicer-widget.costUsage .divider {
  height: 1px;
  border-bottom: 1px solid #ccc;
}
.bidgely-servicer-widget.weather .servicer-widget-body {
  padding: 0;
}
.bidgely-servicer-widget.weather .servicer-widget-body .no-data {
  padding: 25px;
  height: 338px;
  position: relative;
  text-align: center;
  color: #999999;
}
.bidgely-servicer-widget.weather .servicer-widget-body .no-data .bidgely-icon-weather-sad {
  font-size: 200px;
  color: #ccc;
}
.bidgely-servicer-widget.weather .servicer-widget-body .no-data .no-data-msg {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 25px;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
}
.bidgely-servicer-widget.weather .servicer-widget-body .top-info {
  height: 184px;
  padding: 29px;
  text-align: center;
  color: #fff;
}
.bidgely-servicer-widget.weather .servicer-widget-body .top-info.red {
  background: #cd3b50;
}
.bidgely-servicer-widget.weather .servicer-widget-body .top-info.black {
  background: #363636;
}
.bidgely-servicer-widget.weather .servicer-widget-body .top-info .bidgely-icon {
  font-size: 52px;
}
.bidgely-servicer-widget.weather .servicer-widget-body .top-info .top-text {
  margin-top: 10px;
  line-height: 26px;
  font-weight: 300;
  font-size: 21px;
}
.bidgely-servicer-widget.weather .servicer-widget-body .top-info .top-text.no-image {
  margin-top: 40px;
}
.bidgely-servicer-widget.weather .servicer-widget-body .row.bars {
  margin: 0;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar {
  height: 338px;
  padding: 15px;
  text-align: center;
  overflow: hidden;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .arrow {
  height: 0px;
  width: 0px;
  top: 0px;
  left: 43%;
  border-top: 8px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: '';
  position: absolute;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .sub-title {
  padding: 0;
  white-space: nowrap;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .temp-label {
  font-weight: 400;
  color: #363636;
  font-size: 13px;
  line-height: 17px;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .bidgely-icon {
  font-size: 52px;
  padding: 16px 0px;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container {
  position: relative;
  height: 147px;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph {
  position: absolute;
  width: 100%;
  max-height: 160px;
  text-align: center;
  bottom: 0;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar {
  display: inline-block;
  width: 20px;
  margin: 0 2px;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar .data-label {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #363636;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar .column {
  margin: 2px 0;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar .legend {
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  color: #363636;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar.highlight .data-label,
.bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar.highlight .legend {
  font-weight: 500;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.cold .arrow {
  border-top-color: #cd3b50;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.cold .sub-title,
.bidgely-servicer-widget.weather .servicer-widget-body .bar.cold .bidgely-icon {
  color: #4faeff;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.cold .column-bar .column {
  background-color: #4faeff;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.normal .arrow {
  border-top-color: #363636;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.normal .sub-title,
.bidgely-servicer-widget.weather .servicer-widget-body .bar.normal .bidgely-icon {
  color: #363636;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.normal .column-bar .column {
  background-color: #363636;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.hot .arrow {
  border-top-color: #cd3b50;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.hot .sub-title,
.bidgely-servicer-widget.weather .servicer-widget-body .bar.hot .bidgely-icon {
  color: #efb819;
}
.bidgely-servicer-widget.weather .servicer-widget-body .bar.hot .column-bar .column {
  background-color: #efb819;
}
.bidgely-servicer-widget.energyRate .icon-error {
  font-size: 100px;
  margin: 30px 0px;
}
.bidgely-servicer-widget.energyRate .energy-rate-tooltip {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  z-index: 1500;
  padding: 10px;
}
.bidgely-servicer-widget.energyRate .toggles {
  margin: 0 auto;
  padding-top: 35px;
  text-align: center;
  width: 155px;
}
.bidgely-servicer-widget.energyRate .toggles > a {
  display: inline-block;
  text-align: center;
  padding: 0px 10px;
  font-size: 13px;
  color: #8f8f8f;
  border-bottom: 3px solid #a2a2a2;
}
.bidgely-servicer-widget.energyRate .toggles > a.selected {
  color: #3a3a3a;
  border-bottom: 4px solid #3a3a3a;
}
.bidgely-servicer-widget.energyRate .toggles > a:hover {
  text-decoration: none;
}
.bidgely-servicer-widget.energyRate .default .rate {
  height: 160px;
  padding-top: 55px;
}
.bidgely-servicer-widget.energyRate .default .rate.flat {
  height: 245px;
}
.bidgely-servicer-widget.energyRate .default .rate .text {
  text-align: center;
  font-weight: 400;
  color: #3c3c3c;
  font-size: 15px;
}
.bidgely-servicer-widget.energyRate .default .rate .text .amount {
  padding: 25px 0;
  font-size: 60px;
}
.bidgely-servicer-widget.energyRate .default .info {
  color: #3c3c3c;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 21px;
  padding: 35px 20px;
  line-height: 26px;
  text-align: center;
}
.bidgely-servicer-widget.energyRate .default .action {
  text-align: center;
}
.bidgely-servicer-widget.energyRate .default .action .btn-select-rate-plan a {
  color: #fff !important;
}
.bidgely-servicer-widget.energyRate .tou {
  font-family: Arial, Helvetica, sans-serif;
}
.bidgely-servicer-widget.energyRate .tou .ratio {
  height: 170px;
  padding-top: 40px;
}
.bidgely-servicer-widget.energyRate .tou .ratio.toggle {
  height: 159px;
  padding-top: 55px;
  font-weight: 700;
}
.bidgely-servicer-widget.energyRate .tou .ratio .text {
  font-weight: 300;
  color: #3c3c3c;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
}
.bidgely-servicer-widget.energyRate .tou .ratio .text .up {
  color: #CD3850;
}
.bidgely-servicer-widget.energyRate .tou .bars {
  text-align: center;
}
.bidgely-servicer-widget.energyRate .tou .bars .column-bar {
  display: inline-block;
  width: 30px;
  margin: 0 10px;
}
.bidgely-servicer-widget.energyRate .tou .bars .column-bar .data-label {
  font-size: 12px;
  font-weight: 400;
}
.bidgely-servicer-widget.energyRate .tou .bars .column-bar .column {
  background-color: #354052;
  margin: 5px 0;
}
.bidgely-servicer-widget.energyRate .tou .bars .column-bar .column.up {
  background-color: #CD3850;
}
.bidgely-servicer-widget.energyRate .tou .bars .column-bar .legend {
  font-size: 13px;
  font-weight: 700;
}
.bidgely-servicer-widget.energyRate .tou .bars .column-bar.highlight .data-label,
.bidgely-servicer-widget.energyRate .tou .bars .column-bar.highlight .legend {
  font-weight: 500;
}
.bidgely-servicer-widget.energyRate .tou .bars .legend {
  font-size: 12px;
}
.bidgely-servicer-widget.energyRate .tou .rate-timings {
  height: 120px;
}
.bidgely-servicer-widget.energyRate .tiers {
  padding: 0 20px;
}
.bidgely-servicer-widget.energyRate .tiers .popover {
  color: #4FAEFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid #4FAEFF;
  border-radius: 4px;
  box-shadow: none;
}
.bidgely-servicer-widget.energyRate .tiers .popover .popover-content {
  padding: 5px 10px;
}
.bidgely-servicer-widget.energyRate .tiers .popover.bottom > .arrow {
  border-bottom-color: #4FAEFF;
}
.bidgely-servicer-widget.energyRate .tiers .popover.top > .arrow {
  border-top-color: #4FAEFF;
}
.bidgely-servicer-widget.energyRate .tiers .rate {
  height: 170px;
  padding-top: 40px;
}
.bidgely-servicer-widget.energyRate .tiers .rate.toggle {
  height: 159px;
  padding-top: 55px;
}
.bidgely-servicer-widget.energyRate .tiers .rate .text {
  font-weight: 300;
  color: #3c3c3c;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
}
.bidgely-servicer-widget.energyRate .tiers .rate .text .up {
  color: #CD3850;
}
.bidgely-servicer-widget.energyRate .tiers .tiers-bar {
  padding-top: 30px;
}
.bidgely-servicer-widget.energyRate .tiers .legend {
  font-size: 13px;
  font-weight: 700;
}
.bidgely-servicer-widget.energyRate .tiers .tiers-spacer {
  height: 15px;
}
.bidgely-servicer-widget.energyRate .tiers .spacer {
  width: 1%;
  float: left;
}
.bidgely-servicer-widget.energyRate .tiers .block {
  float: left;
  position: relative;
  padding: 0px;
  text-align: left;
}
.bidgely-servicer-widget.energyRate .tiers .block .box {
  background-color: #3d4b51;
  height: 24px;
}
.bidgely-servicer-widget.energyRate .tiers .block .box .filled {
  background-color: #4FAEFF;
  position: absolute;
  height: 24px;
  width: 0%;
  overflow: visible;
}
.bidgely-servicer-widget.energyRate .tiers .block .box .filled .tier-label {
  padding: 5px 0px 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}
.bidgely-servicer-widget.energyRate .tiers .block .box .projected-label {
  position: absolute;
  right: 0px;
  padding: 5px 5px 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.bidgely-servicer-widget.energyRate .tiers .block.rate {
  height: 26px;
  font-size: 12px;
  font-weight: 300;
  color: #3c3c3c;
  line-height: 26px;
}
.bidgely-servicer-widget.usageMonth .content {
  background-color: #f8f8f8;
}
.bidgely-servicer-widget.usageMonth .servicer-widget-body {
  padding: 0;
}
.bidgely-servicer-widget.usageMonth .top-info {
  background-color: #fff;
  border-bottom: 1px solid #efefef;
  color: #363636;
  font-size: 21px;
  font-weight: 300;
  height: 150px;
  line-height: 26px;
  padding: 30px 20px;
  text-align: center;
}
.bidgely-servicer-widget.usageMonth .top-info .highlight {
  background-color: #CD3850;
  border-radius: 5px;
  color: #fff;
  padding: 2px 5px;
}
.bidgely-servicer-widget.usageMonth .month-data {
  height: 335px;
  padding: 20px;
  text-align: center;
}
.bidgely-servicer-widget.usageMonth .month-data .title {
  font-size: 13px;
  font-weight: 700;
  color: #818181;
}
.bidgely-servicer-widget.usageMonth .month-data .title .legend {
  background-color: #CD3850;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}
.bidgely-servicer-widget.usageMonth .month-data .calendar {
  padding: 25px 0;
}
.bidgely-servicer-widget.usageMonth .month-data .calendar .cell {
  display: inline-block;
  width: 43px;
}
.bidgely-servicer-widget.usageMonth .month-data .calendar .cell .inner-cell {
  border-top: 1px solid white;
  height: 100%;
}
.bidgely-servicer-widget.usageMonth .month-data .calendar .cell.day {
  color: #818181;
  font-weight: 400;
  font-size: 13px;
  padding-bottom: 10px;
}
.bidgely-servicer-widget.usageMonth .month-data .calendar .cell.date {
  font-weight: 700;
  border: 1px solid #dbdbdb;
  background-color: #f2f2f2;
  font-size: 18px;
  color: #363636;
  height: 43px;
  line-height: 43px;
  margin: -1px 0 0 -1px;
}
.bidgely-servicer-widget.usageMonth .month-data .calendar .cell.date.up {
  background-color: #CD3850;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.bidgely-servicer-widget.usageMonth .month-data .calendar .cell.date.up .inner-cell {
  border: 1px solid #CD3850;
}
.bidgely-servicer-widget.usageMonth .month-data .calendar .cell.date.disable {
  color: #cfcfcf;
}
.bidgely-servicer-widget.usageDay .servicer-widget-body {
  padding: 0 10px;
  text-align: center;
}
.bidgely-servicer-widget.usageDay .servicer-widget-body .top-message {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 21px;
  color: #363636;
  line-height: 26px;
  margin: 28px 0px;
}
.bidgely-servicer-widget.usageDay .servicer-widget-body .top-message .highlight {
  background-color: #CD3850;
  border-radius: 5px;
  color: #fff;
  padding: 2px 5px;
}
.bidgely-servicer-widget.usageDay .servicer-widget-body .bidgely-icon-moon-daily {
  font-size: 32px;
  color: #2e2e2e;
  margin: 12px;
}
.bidgely-servicer-widget.usageDay .servicer-widget-body .clock-div {
  height: 220px;
  width: 220px;
  margin: auto;
}
.bidgely-servicer-widget.usageDay .servicer-widget-body .bidgely-icon-sun-daily {
  font-size: 32px;
  color: #525252;
  margin: 12px;
}
.bidgely-servicer-widget.appliance-comparision .servicer-widget-body {
  padding: 0;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info {
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 20px 20px;
  color: #363636;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .diff-text {
  font-size: 18px;
  font-weight: 400;
  padding: 0 20px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left {
  font-size: 12px;
  padding-top: 15px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .iconWrap {
  line-height: 50px;
  padding-top: 10px;
  padding-left: 0px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .iconWrap span {
  font-size: 50px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .progress-comparision {
  margin-left: 0px;
  min-height: 80px;
  padding-top: 15px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .spacer {
  height: 8px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .progress-wrap {
  height: 16px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .progress-wrap .legend {
  font-size: 13px;
  font-weight: 700;
  height: 16px;
  line-height: 21px;
  width: 20px;
  float: left;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .progress-wrap .bar {
  background-color: #363636;
  height: 16px;
  float: left;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .progress-wrap .bar.up {
  background-color: #fff;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-left .progress-wrap .not-used-app {
  float: left;
  width: 150px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info .appliances-right {
  line-height: 75px;
}
.bidgely-servicer-widget.appliance-comparision .appliance-info.up {
  background-color: #CD3850;
  color: #fff;
}
.bidgely-servicer-widget.appliance-comparision .servicer-no-disagg-cases {
  min-height: 265px;
  max-width: 320px;
  margin: 0 auto;
}
.bidgely-servicer-widget.appliance-comparision .servicer-no-disagg-cases .error-image {
  height: 180px;
  width: 100%;
  margin: 0px;
}
.bidgely-servicer-widget.appliance-comparision .servicer-no-disagg-cases .message {
  font-size: 16px;
  padding: 20px;
  text-align: center;
  font-weight: 400;
}
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances {
  padding: 0px 0px 5px 5px;
  width: 220px;
}
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances .servicer-appliances-tooltip-title {
  font-weight: 400;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 25px;
}
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances .peak-label-container,
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances .off-peak-label-container {
  padding: 0px 0px 5px 15px;
}
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances .peak-label-container .peak-label,
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances .off-peak-label-container .peak-label,
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances .peak-label-container .off-peak-label,
.bidgely-servicer-widget.appliance-comparision .servicer-tooltip-appliances .off-peak-label-container .off-peak-label {
  padding-left: 10px;
  text-align: left;
}
.bidgely-servicer-loading {
  text-align: center;
  padding: 70px 0px 70px 0px;
}
.uv-icon.hide {
  display: none;
}
@media (max-width: 767px) {
  .bidgely-servicer-widget.costUsage .servicer-widget-body .percent {
    padding-top: 15px;
  }
  .bidgely-servicer-widget.costUsage .servicer-widget-body .progress-bar-wrap .progress-bar {
    max-width: 70%;
  }
  .bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar {
    width: 20px;
  }
}
@media (min-width: 970px) and (max-width: 1199px) {
  .bidgely-servicer-widget.weather .servicer-widget-body .bar .graph-container .graph .column-bar {
    width: 25px;
  }
}
@media (max-width: 969px) {
  .month-selection .container .month.month-a {
    width: 315px;
  }
  .month-selection .container .month.month-b {
    width: 360px;
  }
}
@media (min-width: 970px) {
  .bidgely-dashboard-servicer {
    min-height: 415px;
  }
  .bidgely-dashboard-servicer > .container {
    padding: 0;
  }
  .bidgely-dashboard-servicer .month-selection .container {
    padding: 0;
  }
}
#modal-feedback .modal-dialog {
  width: 825px;
  height: 636px;
}
#modal-feedback .modal-dialog .modal-content {
  padding: 0px 25px;
}
#modal-feedback .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  margin-top: 20px;
  color: #344052;
}
#modal-feedback .modal-dialog .modal-content .modal-header .modal-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
}
#modal-feedback .modal-dialog .modal-content .modal-header .close {
  margin-top: 5px;
}
#modal-feedback .modal-dialog .modal-content .modal-label {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #344052;
  font-size: 15px;
  line-height: 15px;
}
#modal-feedback .modal-dialog .modal-content .modal-yes-no {
  margin: 14px auto;
  height: 40px;
  width: 125px;
  line-height: 40px;
  text-align: center;
  float: left;
  border: 1px solid #344052;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 15px;
  background: #fff;
  color: #344052;
}
#modal-feedback .modal-dialog .modal-content .modal-yes-no.yes {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
#modal-feedback .modal-dialog .modal-content .modal-yes-no.no {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
#modal-feedback .modal-dialog .modal-content .modal-yes-no.clicked {
  background-color: #344052;
  color: #fff;
}
#modal-feedback .modal-dialog .modal-content .modal-yes-no .bidgely-icon-tick {
  font-size: 15px;
  float: left;
  margin: 10px -30px 10px 16px;
  visibility: collapse;
}
#modal-feedback .modal-dialog .modal-content .modal-yes-no .bidgely-icon-tick.visible {
  visibility: visible;
}
#modal-feedback .modal-dialog .modal-content .modal-qn {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #344052;
  font-size: 15px;
  line-height: 15px;
  margin-top: 138px;
}
#modal-feedback .modal-dialog .modal-content .modal-ans {
  margin-top: 16px;
  height: 236px;
  width: 100%;
  border: 1px solid #DBDBDB;
}
#modal-feedback .modal-dialog .modal-content .modal-footer {
  text-align: center;
  border-top: none;
  margin: 4px 0px 29px 0px;
}
#modal-feedback .modal-dialog .modal-content .modal-footer .btn {
  background: #344052;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 15px;
  height: 40px;
  width: 176px;
  border-radius: 4px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bidgely-servicer-widget.energyRate .tou .bars .bar .peak {
    background: url("../img/bg-peak@2x.png") repeat-x;
  }
}
.bidgely-teach-appliance {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  padding-bottom: 15px;
}
.bidgely-teach-appliance > div.error {
  padding: 0px 15px;
}
.bidgely-teach-appliance:hover {
  background-color: #eeeeee;
}
.bidgely-teach-appliance .bidgely-app-icon {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin: 5px 0px 0px 0px;
  font-size: 30px;
  padding: 5px;
}
.bidgely-teach-appliance .bidgely-other-text {
  padding: 5px 10px;
  margin: 7px 15px;
}
.bidgely-teach-appliance .bidgely-teach-appliance-title {
  padding: 5px 0px;
  font-size: 20px;
  color: #666;
  margin-bottom: 0px;
}
.bidgely-teach-appliance .bidgely-teach-appliance-amp {
  vertical-align: top;
  font-size: 14px;
  line-height: 45px;
  color: #666;
  display: inline-block;
  position: relative;
  padding: 0px 10px 0px 0px;
}
.bidgely-teach-appliance .bidgely-teach-appliance-info {
  display: inline-block;
  position: relative;
  border: 1px solid #999999;
  line-height: 22px;
  vertical-align: top;
  font-size: 14px;
  border-radius: 5px;
  margin: 0px 10px 0px 0px;
  overflow: hidden;
  background-color: #fff;
}
.bidgely-teach-appliance .bidgely-teach-appliance-info > div {
  vertical-align: middle;
  color: #666;
  display: inline-block;
  position: relative;
  padding: 10px 10px;
  min-height: 42px;
  line-height: 20px;
}
.bidgely-teach-appliance .bidgely-teach-appliance-info .bidgely-teach-appliance-freq {
  background-color: #eeeeee;
  border-left: 1px solid #999999;
}
.bidgely-teach-appliance .bidgely-teach-appliance-info .bidgely-teach-appliance-freq a.edit {
  padding-left: 15px;
  font-size: 14px;
  color: #c3c7ca;
  text-decoration: underline;
}
.bidgely-teach-appliance .bidgely-teach-appliance-info .bidgely-teach-appliance-freq a.edit:hover {
  text-decoration: none;
}
.bidgely-teach-appliance .bidgely-teach-appliance-info .bidgely-teach-appliance-freq a.estimate {
  padding: 0px 15px;
  font-size: 14px;
  text-decoration: underline;
}
.bidgely-teach-appliance .bidgely-teach-appliance-info .bidgely-teach-appliance-freq a.estimate:hover {
  text-decoration: none;
}
.bidgely-teach-appliance .right-text,
.bidgely-teach-appliance .right-button {
  float: right;
  text-align: right;
  display: inline-block;
}
.bidgely-teach-appliance .right-button a.btn-measure {
  padding: 10px 12px;
}
.bidgely-teach-appliance .right-button a.btn-measure span.bidgely-icon-ruler {
  font-size: 20px;
}
.train-graph-container {
  height: 150px;
}
.bidgely-train-notice {
  border: 1px dashed #e6a320;
  background-color: #fcedd4;
  padding: 15px;
  margin: 30px 15px 0px 15px;
}
.bidgely-train-beta-notice,
.bidgely-train-instruction {
  background-color: #eeeeee;
  padding: 15px;
  margin: 20px 30px 30px 0px;
}
.bidgely-train-beta-notice .title,
.bidgely-train-instruction .title {
  font-weight: 500;
}
.bidgely-train-beta-notice .question,
.bidgely-train-instruction .question {
  margin: 15px 0px 5px;
  font-weight: 700;
}
.bidgely-train-instruction {
  margin: 20px 0px;
}
.bidgely-train-title-text {
  margin: 25px 0px 0px;
}
.bidgely-train-divider {
  background: url("../img/section_divider.png") center center no-repeat;
  width: 100%;
  height: 14px;
  padding: 30px 0px;
}
.bidgely-train-exp-row .image {
  max-width: 40px;
}
.bidgely-train-exp-row .title sup {
  font-size: 12px;
}
.bidgely-train-calculator-btn {
  display: inline-block;
  margin-right: 15px;
  color: #a5acb2;
  text-align: center;
}
.bidgely-train-calculator-btn button {
  width: 100%;
  margin-bottom: 0px;
}
.bidgely-train-calculator-btn button.not-a-lot {
  background-color: #c1dff9;
  border-color: #c1dff9;
}
.bidgely-train-calculator-btn button.average {
  background-color: #9bcefa;
  border-color: #9bcefa;
}
.bidgely-train-calculator-btn button.a-lot {
  background-color: #6db9fa;
  border-color: #6db9fa;
}
.bidgely-train-calculator-btn button.always-on {
  background-color: #3ea4fa;
  border-color: #3ea4fa;
}
.bidgely-train-calculator-btn .info {
  font-size: 12px;
  padding: 5px 5px 15px;
}
.bidgely-train-calculator-result .note {
  color: #d9534f;
}
.bidgely-train-calculator-result .caveat {
  font-size: 14px;
  margin-top: 10px;
}
.bidgely-teach-thankyou-text {
  color: #003359;
}
.bidgely-teach-thankyou-note {
  color: #4d5e68;
  font-size: 14px;
}
.bidgely-train-estimated-cost {
  display: inline-block;
  border: 1px solid #e9e9e9;
  background-color: #f5f5f5;
  padding: 3px;
}
@media (min-width: 970px) {
  .bidgely-teach-appliance {
    border-top: none;
  }
}
@media (max-width: 1199px) {
  .bidgely-teach-appliance .right-text,
  .bidgely-teach-appliance .right-button {
    float: none;
    display: block;
  }
  .bidgely-teach-appliance .right-text {
    margin-top: 15px;
  }
  .bidgely-teach-appliance .right-text .bidgely-teach-appliance-info {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .bidgely-teach-appliance .right-button {
    position: relative;
  }
  .bidgely-teach-appliance .right-button .btn.btn-danger {
    width: 48%;
    position: absolute;
    left: 0px;
  }
  .bidgely-teach-appliance .right-button .btn:nth-child(2) {
    width: 48%;
  }
  .bidgely-teach-appliance .right-button .btn-measure {
    width: 100%;
  }
  .bidgely-teach-appliance .right-text {
    margin-top: 0px;
  }
  .bidgely-teach-appliance .right-text .bidgely-teach-appliance-amp {
    display: block;
    text-align: center;
  }
  .bidgely-teach-appliance .right-text .bidgely-teach-appliance-info {
    width: 100%;
    text-align: center;
  }
  .bidgely-teach-appliance .right-text .bidgely-teach-appliance-info .bidgely-teach-appliance-cost {
    width: 40%;
  }
  .bidgely-teach-appliance .right-text .bidgely-teach-appliance-info .bidgely-teach-appliance-freq {
    width: 60%;
  }
}
.pilot-form.container {
  margin-top: 70px;
}
.pilot-form #lnk-what-is-bidgely-video {
  cursor: pointer;
}
.pilot-form .noLineHeight {
  line-height: normal !important;
}
.pilot-form .deviceLogo {
  padding: 25px;
}
.pilot-form .company-logo {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 275px;
  height: 120px;
  line-height: 100px;
  text-align: center;
  position: relative;
  background: #fff;
  margin-bottom: 15px;
}
.pilot-form .company-logo.lg {
  width: auto;
}
.pilot-form .company-logo.lg img {
  max-width: 100%;
}
.pilot-form .company-logo.no-border {
  border: 0px;
}
.pilot-form .company-logo.no-bar {
  height: auto;
}
.pilot-form .company-logo > img,
.pilot-form .company-logo a > img {
  vertical-align: middle;
}
.pilot-form .company-logo > span.bar {
  height: 20px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.pilot-form .company-logo > span.orange {
  background: #fea20a;
}
.pilot-form .company-logo > span.red {
  background: #cb1442;
}
.pilot-form .company-logo > span.blue {
  background: #58bfe8;
}
.pilot-form .company-logo > span.green {
  background: #b8e596;
}
.pilot-form .company-video {
  height: 95px;
  position: relative;
  vertical-align: top;
  text-align: center;
}
.pilot-form .branding {
  font-size: 12px;
  margin: 20px;
}
.pilot-form .branding > div {
  vertical-align: top;
  display: inline-block;
}
.pilot-form ol li {
  font-size: 18px;
  color: #a5acb2;
  line-height: 30px;
  margin-bottom: 15px;
}
.pilot-form ol li span {
  color: #4d5e68;
}
.pilot-form ol li.placeholder {
  visibility: hidden;
  position: absolute;
}
.pilot-form #btn-signup {
  float: left;
}
.pilot-form .already-registered {
  margin-left: 100px;
  height: 44px;
  display: table;
}
.pilot-form .already-registered p {
  display: table-cell;
  vertical-align: middle;
}
/* ICONS
 /-------------------------------------------------------------- */
@font-face {
  font-family: 'Bidgely Icons';
  src: url('../fonts/bidgely/bidgely.eot?v=1476136912');
  src: url('../fonts/bidgely/bidgely.eot?v=1476136912#iefix') format('embedded-opentype'), url('../fonts/bidgely/bidgely.woff?v=1476136912') format('woff'), url('../fonts/bidgely/bidgely.ttf?v=1476136912') format('truetype'), url('../fonts/bidgely/bidgely.svg?v=1476136912#bidgely') format('svg');
}
.bidgely-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Bidgely Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bidgely-icon:empty {
  width: 1em;
}
.bidgely-icon-utility:before {
  content: "\e600";
}
.bidgely-icon-dashboard:before {
  content: "\e601";
}
.bidgely-icon-energymonitor:before {
  content: "\e602";
}
.bidgely-icon-homeprofile:before {
  content: "\e603";
}
.bidgely-icon-appliancesprofile:before {
  content: "\e604";
}
.bidgely-icon-account:before {
  content: "\e605";
}
.bidgely-icon-warning:before {
  content: "\e606";
}
.bidgely-icon-cross:before {
  content: "\e607";
}
.bidgely-icon-ruler:before {
  content: "\e608";
}
.bidgely-icon-plug:before {
  content: "\e609";
}
.bidgely-icon-plug-point:before {
  content: "\e60a";
}
.bidgely-icon-heart:before {
  content: "\e60b";
}
.bidgely-icon-day-no-cloud:before {
  content: "\e60c";
}
.bidgely-icon-email:before {
  content: "\e60d";
}
.bidgely-icon-day-partial-cloud:before {
  content: "\e60e";
}
.bidgely-icon-cloud:before {
  content: "\e60f";
}
.bidgely-icon-night-no-cloud:before {
  content: "\e610";
}
.bidgely-icon-night-partial-cloud:before {
  content: "\e611";
}
.bidgely-icon-menu:before {
  content: "\e612";
}
.bidgely-icon-calendar-yearly:before {
  content: "\e613";
}
.bidgely-icon-calendar-monthly:before {
  content: "\e614";
}
.bidgely-icon-calendar-24hr:before {
  content: "\e615";
}
.bidgely-icon-calendar-today:before {
  content: "\e616";
}
.bidgely-icon-sun:before {
  content: "\e617";
}
.bidgely-icon-moon:before {
  content: "\e618";
}
.bidgely-icon-detective:before {
  content: "\e619";
}
.bidgely-icon-graph:before {
  content: "\e61b";
}
.bidgely-icon-back:before {
  content: "\e61a";
}
.bidgely-icon-bidgely-cloud:before {
  content: "\e61c";
}
.bidgely-icon-high-usage:before {
  content: "\e61d";
}
.bidgely-icon-undo:before {
  content: "\e61e";
}
.bidgely-icon-sad-face:before {
  content: "\e61f";
}
.bidgely-icon-arrow-up:before {
  content: "\e620";
}
.bidgely-icon-arrow-down:before {
  content: "\e621";
}
.bidgely-icon-weather-normal:before {
  content: "\e622";
}
.bidgely-icon-weather-hot:before {
  content: "\e623";
}
.bidgely-icon-weather-cold:before {
  content: "\e624";
}
.bidgely-icon-info:before {
  content: "\e625";
}
.bidgely-icon-weather-sad:before {
  content: "\e626";
}
.bidgely-icon-thumbs:before {
  content: "\e627";
}
.bidgely-icon-feedback-ico:before {
  content: "\e628";
}
.bidgely-icon-tick:before {
  content: "\e629";
}
.bidgely-icon-ice:before {
  content: "\e62a";
}
.bidgely-icon-smiley:before {
  content: "\e62b";
}
.bidgely-icon-sun:before {
  content: "\e62c";
}
.bidgely-icon-extreme:before {
  content: "\e62d";
}
.bidgely-icon-sun-daily:before {
  content: "\e62e";
}
.bidgely-icon-moon-daily:before {
  content: "\e62f";
}
.bidgely-icon-help:before {
  content: "\e630";
}
.bidgely-icon-down-arrow:before {
  content: "\e631";
}
.bidgely-icon-right-arrow:before {
  content: "\e900";
}
.bidgely-icon-left-arrow:before {
  content: "\e901";
}
.bidgely-icon-info-inverted:before {
  content: "\e902";
}
.bidgely-icon-tick-sharp:before {
  content: "\e903";
}
.bidgely-icon-usage-alerts:before {
  content: "\e904";
}
.bidgely-icon-home:before {
  content: "\e905";
}
.bidgely-icon-check-box-checked:before {
  content: "\e906";
}
.bidgely-icon-check-box-empty:before {
  content: "\e907";
}
.bidgely-icon-devices-graphic:before {
  content: "\e908";
}
@font-face {
  font-family: 'Bidgely Appliance Icons';
  src: url('../fonts/bidgely/bidgely-appliances.eot?v=1476136912');
  src: url('../fonts/bidgely/bidgely-appliances.eot?v=1476136912#iefix') format('embedded-opentype'), url('../fonts/bidgely/bidgely-appliances.woff?v=1476136912') format('woff'), url('../fonts/bidgely/bidgely-appliances.ttf?v=1476136912') format('truetype'), url('../fonts/bidgely/bidgely-appliances.svg?v=1476136912#Bidgely-Appliance-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.bidgely-appliance-icon {
  font-family: 'Bidgely Appliance Icons';
  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;
}
.bidgely-appliance-icon-always-on:before {
  content: "\e600";
}
.bidgely-appliance-icon-cooking:before {
  content: "\e601";
}
.bidgely-appliance-icon-dishwasher:before {
  content: "\e602";
}
.bidgely-appliance-icon-dispenser:before {
  content: "\e603";
}
.bidgely-appliance-icon-dryer:before {
  content: "\e604";
}
.bidgely-appliance-icon-heater:before {
  content: "\e605";
}
.bidgely-appliance-icon-microwave:before {
  content: "\e606";
}
.bidgely-appliance-icon-others:before {
  content: "\e607";
}
.bidgely-appliance-icon-oven:before {
  content: "\e608";
}
.bidgely-appliance-icon-pool:before {
  content: "\e609";
}
.bidgely-appliance-icon-fridge:before {
  content: "\e60a";
}
.bidgely-appliance-icon-solar:before {
  content: "\e60b";
}
.bidgely-appliance-icon-electric-vehicle:before {
  content: "\e60c";
}
.bidgely-appliance-icon-washer:before {
  content: "\e60d";
}
.bidgely-appliance-icon-water-heater:before {
  content: "\e60e";
}
.bidgely-appliance-icon-home:before {
  content: "\e60f";
}
.bidgely-appliance-icon-ac:before {
  content: "\e610";
}
.bidgely-appliance-icon-hvac:before {
  content: "\e611";
}
.bidgely-appliance-icon-television:before {
  content: "\e612";
}
.bidgely-appliance-icon-well-pump:before {
  content: "\e613";
}
.bidgely-appliance-icon-hot-tub:before {
  content: "\e614";
}
.bidgely-appliance-icon-toaster:before {
  content: "\e615";
}
.bidgely-appliance-icon-computer:before {
  content: "\e616";
}
.bidgely-appliance-icon-utility:before {
  content: "\e617";
}
.bidgely-appliance-icon-sensor:before {
  content: "\e618";
}
.bidgely-appliance-icon-gas:before {
  content: "\e619";
}
.bidgely-appliance-icon-unknown:before {
  content: "\e900";
}
.bidgely-appliance-icon-flow-water-heater:before {
  content: "\e901";
}
.bidgely-appliance-icon-lighting:before {
  content: "\e902";
}
.bidgely-appliance-icon-report:before {
  content: "\e903";
}
.messages-legends {
  font-size: 12px;
}
.messages-legend {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
  margin-right: 5px;
}
.messages-legend.low {
  background-color: #c4d20c;
}
.messages-legend.med {
  background-color: #ffea2e;
}
.messages-legend.high {
  background-color: #ffa906;
}
.messages-legend.critical {
  background-color: #f16a46;
}
.message-date,
p.message-date {
  font-size: 10px;
}
.message-unread {
  font-weight: 700;
}