/* poppins-300 - latin */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;src: url("../fonts/poppins-v5-latin-300.eot");src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/poppins-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-300.woff2") format("woff2"), url("../fonts/poppins-v5-latin-300.woff") format("woff"), url("../fonts/poppins-v5-latin-300.ttf") format("truetype"), url("../fonts/poppins-v5-latin-300.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: italic;font-weight: 300;src: url("../fonts/poppins-v5-latin-300italic.eot");src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("../fonts/poppins-v5-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-300italic.woff2") format("woff2"), url("../fonts/poppins-v5-latin-300italic.woff") format("woff"), url("../fonts/poppins-v5-latin-300italic.ttf") format("truetype"), url("../fonts/poppins-v5-latin-300italic.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;src: url("../fonts/poppins-v5-latin-regular.eot");src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-regular.woff2") format("woff2"), url("../fonts/poppins-v5-latin-regular.woff") format("woff"), url("../fonts/poppins-v5-latin-regular.ttf") format("truetype"), url("../fonts/poppins-v5-latin-regular.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: italic;font-weight: 400;src: url("../fonts/poppins-v5-latin-italic.eot");src: local("Poppins Italic"), local("Poppins-Italic"), url("../fonts/poppins-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-italic.woff2") format("woff2"), url("../fonts/poppins-v5-latin-italic.woff") format("woff"), url("../fonts/poppins-v5-latin-italic.ttf") format("truetype"), url("../fonts/poppins-v5-latin-italic.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;src: url("../fonts/poppins-v5-latin-500.eot");src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-500.woff2") format("woff2"), url("../fonts/poppins-v5-latin-500.woff") format("woff"), url("../fonts/poppins-v5-latin-500.ttf") format("truetype"), url("../fonts/poppins-v5-latin-500.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: italic;font-weight: 500;src: url("../fonts/poppins-v5-latin-500italic.eot");src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("../fonts/poppins-v5-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-500italic.woff2") format("woff2"), url("../fonts/poppins-v5-latin-500italic.woff") format("woff"), url("../fonts/poppins-v5-latin-500italic.ttf") format("truetype"), url("../fonts/poppins-v5-latin-500italic.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;src: url("../fonts/poppins-v5-latin-600.eot");src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-600.woff2") format("woff2"), url("../fonts/poppins-v5-latin-600.woff") format("woff"), url("../fonts/poppins-v5-latin-600.ttf") format("truetype"), url("../fonts/poppins-v5-latin-600.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;src: url("../fonts/poppins-v5-latin-700.eot");src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-700.woff2") format("woff2"), url("../fonts/poppins-v5-latin-700.woff") format("woff"), url("../fonts/poppins-v5-latin-700.ttf") format("truetype"), url("../fonts/poppins-v5-latin-700.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: italic;font-weight: 700;src: url("../fonts/poppins-v5-latin-700italic.eot");src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("../fonts/poppins-v5-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-700italic.woff2") format("woff2"), url("../fonts/poppins-v5-latin-700italic.woff") format("woff"), url("../fonts/poppins-v5-latin-700italic.ttf") format("truetype"), url("../fonts/poppins-v5-latin-700italic.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 800;src: url("../fonts/poppins-v5-latin-800.eot");src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("../fonts/poppins-v5-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-800.woff2") format("woff2"), url("../fonts/poppins-v5-latin-800.woff") format("woff"), url("../fonts/poppins-v5-latin-800.ttf") format("truetype"), url("../fonts/poppins-v5-latin-800.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: italic;font-weight: 800;src: url("../fonts/poppins-v5-latin-800italic.eot");src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("../fonts/poppins-v5-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-800italic.woff2") format("woff2"), url("../fonts/poppins-v5-latin-800italic.woff") format("woff"), url("../fonts/poppins-v5-latin-800italic.ttf") format("truetype"), url("../fonts/poppins-v5-latin-800italic.svg#Poppins") format("svg");}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;src: url("../fonts/poppins-v5-latin-900.eot");src: local("Poppins Black"), local("Poppins-Black"), url("../fonts/poppins-v5-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-900.woff2") format("woff2"), url("../fonts/poppins-v5-latin-900.woff") format("woff"), url("../fonts/poppins-v5-latin-900.ttf") format("truetype"), url("../fonts/poppins-v5-latin-900.svg#Poppins") format("svg");}

html {height:100%;}
body {

  line-height: 1.8;
  font-weight: 400;
  font-family: Poppins;
  margin: 0px;
  background:#569ac7;
  padding-top:20px;
  min-height:100%;
}

div.bodyContainer {
  background:#569ac7;
  padding-bottom: 20px;
}

body.maintenance {
    background: #919191;
}

.eaapp-primary-btn {
    background-color:#569ac7;
    color:#ffffff;
    font-family: Poppins;
    font-weight: 600;
}

.EAapp_frm {
  /*padding: 72px 70px 70px 70px; */
  padding:20px;
  background:#ffffff;
  border-radius: 20px;
  margin-top:50px;
  /*margin:0px 50px;*/
}

.EAapp_frm .frm {
    padding: 72px 70px 70px 70px;
}

.EAapp_frm.noimage {
    padding: 72px 70px 70px 70px;
}

.form-group {
  margin-bottom: 10px;
  position: relative; }

.form-input {
  padding-top: 21px; 
}

.form-label {
  position: absolute;
  transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  color: #bebebe;
  left: 10px;
  top: 23px; }

  input {
  transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  padding-top: 10px;
  -webkit-appearance: none; }

  input:focus + .form-label, input:valid + .form-label {
    top: 1px;
    font-size: 11px;
    color: #edb77d; }


input, select {
  box-sizing: border-box;
  /*width: 100%;*/
  /*display: block;*/
  border: none;
  font-family: Poppins;
  color: #000 ;
  background: transparent;
  border-bottom: 1px solid #999;
  padding: 4px 0; }
  input:focus, select:focus {
    border-bottom: 1px solid #edb77d; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px transparent inset; }

input::-webkit-input-placeholder {
  color: #bebebe; }
input::-moz-placeholder {
  color: #bebebe; }
input:-ms-input-placeholder {
  color: #bebebe; }
input:-moz-placeholder {
  color: #bebebe; }



.start_hide {display:none;}
.radio_image_label {
	margin-right:5px;
}
.radio_image {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.radio_image + img {
	cursor: pointer;

}
.radio_image:checked + img {
	outline: 2px solid #f00;
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}
.top-frm-buttons{}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.mathbutton {
width: auto;
  background: #edb77d;
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  cursor: pointer; }

.mathbutton:hover {
    background: #e79e50;

}

.login-img-container {
    text-align: center;
    margin-bottom: 0px;
    margin-left:0px;
    background: url('../img/green-bulb.jpg') no-repeat top left;
    height: auto;
    width: auto;
    background-size:cover;
    background-position: center;
    border-radius: 20px;

}

.login-img {
  display:none;
}

@media screen and (max-width: 767px) {
  .login-img-container {
    /*order: 2;*/
    background: none;
  }
  .login-img {
    display:block;
    border-radius: 20px;
  }
}

.maint-icon {color:#c7b120;}
.maint-icon-grey {color:#969696; margin-bottom:20px;}

.start-over {margin-right:30px; margin-left:-20px; font-weight:600;}

.white-button, .primary-button {padding:20px; margin-left:15px; margin-right:15px;}
.white-button span, .primary-button span {white-space: normal;}

.form-section {margin-bottom:50px; padding-top:20px;}
.form-row {width:100%;}

.md-form-container {padding-top:15px;}

.wiz-space-response {padding-top:100px;}

.home-header-intro {font-size:0.70em; text-align:right;}
.header-audit-date {font-size: 0.70em; text-align: right; }
.navbar-brand {padding-right:25px;}
.header-address {text-align:right;}
.header-item-list li {padding-left:15px; padding-right:15px;}
.electric-icon {color:#b2b814; float:left; }
.nav-item .heading {text-align:center;}
.nav-item .heading span {display:inline; }
md-button .minus {}
md-button .plus {}
.incr-decr {font-size: 1.8em;}

/* ITEMS TABLE */

#tblcollection{
 border-collapse: collapse;
}
/*
#tblcollection th,#tblcollection td{
 padding: 3px;
}
*/
#tblcollection th:hover{
 cursor: pointer;
}

.arrow-down:after,.arrow-up:after{
 content: ' ';
 position: relative;
 left: 2px;
 border: 8px solid transparent;
}

.arrow-down:after{
 top: 10px;
 border-top-color: black;
}

.arrow-up:after{
 bottom: 15px;
 border-bottom-color: black;
}

.arrow-down,.arrow-up{
 padding-right: 10px;
}

input[type=number] { 
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0; 
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}

.has-error {color:#dd2c00;}
.has-success {color:#3c763d;}
.item-options {display:inline; padding-left:10px;}
.option-delete {color:#dd2c00; }
.intro-txt {margin-bottom: 25px;}
.clk {cursor: pointer;}

#new_audit_container {border-top:1px solid #aebbcf; border-bottom:1px solid #aebbcf; padding:20px; margin-top:50px; margin-bottom:50px;}
#audit_logo_container {text-align:center;}
#audit_address_container {text-align: center; margin-bottom:10px;}

.firsttime_intro_line {padding:15px inherit;}

.audit_label {}
.audit_moddate {}
.audit_nodata {}

#tblaudits .data-row {border-bottom:1px solid #8a8a8a; padding-top:15px; padding-bottom:15px;}
.show-results-btn {color:#086b03;}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #cef;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

.centered {
  position: fixed;
  z-index:999 !important;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.border-me {
  border-radius: 20px;
  border: 4px solid #cef;
  background-color:#ffffff;
  padding:20px;
}
.border-me .txt {
  font-weight: bold;
  z-index:999 !important;
}
.border-me .lds-ripple {
  margin-left:23px;
}

.wait-bg {}

div.showMeHelp{
  position: relative;
  max-width: 45em;
  background-color: #def2ff;
  padding: 1.125em 1.5em;
  font-size: 0.85em;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
  margin-bottom:20px;
}

div.showMeHelp-topleft::after {
  content: '';
  position: absolute;
  top: 0;
  left: 20%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom-color: #def2ff;
  border-top: 0;
  margin-left: -20px;
  margin-top: -20px;
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));

}

div.showMeHelp-topmiddle::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom-color: #def2ff;
  border-top: 0;
  margin-left: -20px;
  margin-top: -20px;
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));

}

div.showMeHelp-sideleft{
  margin-left: 20px;
}

div.showMeHelp-sideleft::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #def2ff;
  border-left: 0;
  margin-top: -20px;
  margin-left: -20px;
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));

}

#topbar_noform {
  margin:20px 10px;

}
#topbar_noform .link {

}
#topbar_noform .nav-link.logout {
  margin-left:90%;
}

div#topbar_noform a {
  color: rgba(0,0,0,.5);
}
div#topbar_noform a:hover {
  color: rgba(0,0,0,.7);
}

#item-tip-bubble {
  margin-top:-10px;
  margin-bottom: 15px;
}

md-input-container#itemNameContainer {
  margin-top:35px;
}

.half-width {width:50%;}
.selected-btn-light {
  background-color: #DEF2FF;
}
/*remove border focus when angular element is clicked */
*:focus {
    outline: none !important;
    border: 0 !important;
}

#profile-zip-wizard {
  margin-bottom:0;
  padding-bottom: 0;

}

#profile-energy-billing-msg {

}

#elec-provider-container {
  margin-top:20px;
}

.print_only {visibility: hidden;}


/* footer */
.background-offset {background: #def2ff; }
footer.background-offset { margin-top:50px; padding:20px;}
footer .copyright {/*border-top:1px solid #aebbcf;*/}

/* Mobile override for navbar content */
@media screen and (max-width: 691px) {
  .navbar-nav .button-options {text-align:left;}
  .navbar-nav .gas-section {margin-top:15px;}
  footer .send-button {margin-top:-20px;}
  footer .copyright {font-size: 0.80em; margin-top:-20px;}
}

/* Mobile override for header content */
@media (min-width: 768px) and (max-width: 960px) {
  .small-view {display:none !important;}
}
@media (max-width:768px) {

}
@media (min-width: 600px) and (max-width: 768px){
  .collapse-item-override {display:none !important;}
}

@media print {
  .print_only {visibility: visible;}
  .screen_only {display: none;}

  #audit_address_container_analysis {
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:1px solid #000000;
  }

  ul.checkmark {
    list-style: none;
  }

  ul.checkmark li:before {
    content:"\2713\0020";;
  }

  #audit_address_container_analysis div.heading {
    margin-bottom: 15px;
  }
  body { 
    position:static; 
    overflow:visible !important; 
    display:block; 
    font: 13pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    background: #fff !important;
    color: #000;
  }
  p, div.h1, div.h2, div.h3, div.h4, div.h5, h1, h2, h3, h4, h5 {overflow: visible !important; width: 80% !important;}
  #footer-content {display:none;}
  #feedback-options {display:none;}
  #feedback-heading {display:none;}
  .table-responsive-sm {width:80% !important;}
  #usageChartContainer,#roomChartContainer  { width:700px !important; height:350px !important; margin-bottom:40px;}
  div.copyright {float:left !important;}

}