/*
 * Style sheet for portal pages.  This file is automatically generated
 * by the SASS CSS preprocessor. Don't modify it directly; instead, update the
 * SCSS stylesheet eoDefaultStyles.scss
 */
label[for*='accWrapperVerificationFields'] {
  font-size: 0 !important; }

label[for*='accWrapperVerificationFields']:before {
  content: "Service Address Street Number";
  font-size: 12px !important; }

div[id$="ContactDetailsID"] > div > table[class="detailList"] > tbody > tr:nth-child(1) {
  display: none; }

div[id$="ContactDetailsID"] > div > table[class="detailList"] > tbody > tr:nth-child(2) {
  display: none; }

div[id$="ContactDetailsID"] > div > table[class="detailList"] > tbody > tr:nth-child(3) {
  display: none; }

.bPageBlock .pbHeader table, .bPageBlock .pbBottomButtons table {
  width: 100%; }

.detailList {
  width: 100%; }

.apexp .bPageBlock .detailList .list {
  width: 100%; }

.apexp .detailList .list td,
.apexp .detailList .list th,
.apexp .editPage .bPageBlock .detailList .list tr td,
.apexp .editPage .bPageBlock .detailList .list tr th {
  padding: 4px 2px 4px 5px; }

.bPageBlock .detailList .data2Col {
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px; }

h1, h2, h3, h4, h5, h6 {
  font-family: Roboto, "Source Sans Pro", sans-serif;
  margin: 0; }

.sfdc_richtext, .body {
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-size: 100% !important; }

a {
  font-family: Roboto, "Source Sans Pro", sans-serif; }

span, p {
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-size: 100%; }

/* portal measure recommendations page */
div.gridbox_dhx_skyblue table.obj tr td {
  font-size: 10pt !important; }

div.gridbox_dhx_skyblue table.obj tr td {
  font-size: 10pt !important; }

html > body div.gridbox_dhx_skyblue table.hdr td div.hdrcell {
  font-size: 10pt !important; }

div[id$="results-pageblock"] {
  width: 100% !important; }

div[id$="results-grid"] {
  width: 100% !important; }

div.gridbox_dhx_skyblue table.obj.row20px tr.rowselected td {
  background-image: none !important; }

div.gridbox_dhx_skyblue table.hdr td:nth-child(3) div.hdrcell {
  padding-left: 7px !important; }

#MeasureTreePanelID {
  font-size: 0.8em;
  line-height: 10.5pt;
  font-weight: bold;
  padding-bottom: 7.5pt;
  color: #2272DD !important; }

div[id^="changePassword"],
div[id^="changePassword"] > table,
.content-container-inner > center > table,
.content-container-inner > center > table > tbody > tr > td > table {
  background-color: transparent !important; }

div[id^="changePassword"] > table > tbody > tr > td > img {
  visibility: hidden !important; }

div[id^="changePassword"] input[type="submit"] {
  margin-top: 10px; }

div[id*="AccountDetailsFormID"] {
  font-size: 1em !important;
  vertical-align: middle; }

div[id*="AccountDetailsFormID"] .pbSubheader h3 {
  font-size: 0.8em !important; }

div[id*="AccountDetailsFormID"] input[type="submit"] {
  font-size: 1em !important; }

div[id*="AccountDetailsFormID"] .pbSubsection {
  padding-bottom: 5px; }

span[id*="instructions_panel"] {
  font-size: 1em !important; }

.accountContactFieldLabel {
  padding-right: 30px;
  font-weight: bold;
  color: #4a4a56 !important;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em !important;
  vertical-align: middle !important;
  line-height: 10px !important; }

.rich-tabpanel {
  width: 100% !important;
  max-width: 900px;
  margin-left: 30px;
  padding-top: 30px;
  margin-bottom: 50px; }

.rich-tab-active {
  background: #002D3D;
  background-image: none;
  border: none;
  color: #fff;
  cursor: pointer; }

.rich-tab-inactive {
  background: #adadad;
  background-image: none;
  border: none;
  color: #fff;
  cursor: pointer; }

.rich-tab-header {
  font-size: 100%;
  font-family: Roboto, "Source Sans Pro", sans-serif;
  padding: 4px 14px 4px 14px; }

.rich-tabpanel-content {
  border: 1px solid #002D3D;
  background: #ffffff;
  border-top: 15px solid #002D3D;
  font-size: 100% !important; }

.rich-tab-bottom-line {
  border: none; }

.rich-tabpanel-content .apexp {
  width: 90%; }

/* Start: PORTAL HOME CSS */
.rich-tabpanel .bPageBlock .pbBody {
  background: transparent;
  padding: 0; }

.rich-tabpanel .bPageBlock, .individualPalette .bPageBlock {
  background: transparent; }

.rich-tabpanel .pbSubsection a font {
  background: none;
  padding: none; }

.rich-tabpanel .hdrcell {
  font-family: Roboto, "Source Sans Pro", sans-serif !important;
  font-size: 1em !important;
  font-weght: bold; }

/* Reduce padding around content in Portal Home main */
td.rich-tabpanel-content {
  padding: 5px !important; }

/* Remove margins around table in My Authorizations table */
td.rich-tabpanel-content > div.apexp {
  width: 100% !important; }

td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div {
  margin: 0px !important; }

.dataStyleList {
  width: 251px;
  height: 25px !important; }

.pbBody .pbSubsection {
  border: none !important; }

.displayNone {
  display: none; }

.displayBlock {
  display: block; }

.popupBorder {
  border: 4px solid green;
  padding: 6px 20px; }

.popupText {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 1.125em; }

.popupTextFormat {
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.textCenter {
  text-align: center; }

#liAppLink {
  display: 'inline'; }

.clearBoth {
  clear: both; }

#MeasureCartHelp {
  position: relative;
  top: 6px; }

.questionIcon {
  margin-top: -6px; }

.theFooterClass {
  text-align: right; }

.theFooterImgClass {
  vertical-align: middle;
  margin: 12px 8px 0px 0; }

#spinnerPortalTemplate {
  display: none;
  width: 500px;
  /* height:200px; */
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: left;
  padding: 10px 20px;
  font: normal 14px Tahoma, Geneva, sans-serif;
  margin-left: -260px;
  margin-top: -100px;
  overflow: auto;
  border: 4px solid #888;
  background-color: white;
  z-index: 100;
  padding: 5px;
  line-height: 18px; }

#spinner > div {
  border-size: 4px !important;
  border-color: #002D3D !important; }

#progressBar {
  background-color: #002D3D !important; }

#MCDialog {
  display: none;
  width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: left;
  padding: 10px 20px;
  font: normal 14px Tahoma, Geneva, sans-serif;
  margin-left: -260px;
  margin-top: -100px;
  overflow: auto;
  border: 4px solid #888;
  background-color: white;
  z-index: 100;
  padding: 5px;
  line-height: 18px; }

#opaquePortalTemplate {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  background-color: gray;
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3; }

* html #opaquePortalTemplate {
  position: absolute; }

#progressMsg {
  text-align: center;
  background-color: #fff;
  padding-top: 15px !important; }

#progressTitle {
  text-align: center;
  padding-bottom: 20px !important; }

body, html {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#03354d, #bddfff);
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-size: 100%;
  font-family: Roboto, "Source Sans Pro", sans-serif; }

body, td {
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-size: 100% !important; }

/* Start: TERMS AND CONDITIONS CSS */
td#eop_PortalTNCIAcceptCheckboxLabelTDId {
  vertical-align: middle; }

input[id$="IAcceptCheckboxId"] {
  height: 14px; }

/* End: TERMS AND CONDITIONS CSS */
/* PortalSelectMeasuresByPortalGroups */
span[id*="eop_MeasureSelectGroupSection"] input[type="checkbox"] {
  /*margin-top:-10px !important;*/ }

/* Ticket # 3741 */
.eop__portalSelectMeasureByPortalGroupAdditionalFields {
  width: 160px !important; }

.eop__portalSelectMeasureByPortalGroupAdditionalFields > input[type='checkbox'] {
  text-direction: rtl !important;
  margin-top: 10px; }

/* Ticket # 3808 */
.eop__portalSelectMeasureByPortalGroupSearchResultText {
  margin-left: 20px;
  display: block; }

.eop__portalSelectMeasureByPortalGroupSearchResultText a {
  color: black !important; }

/* Start: CHATTER CSS */
div[id$="chatter-feed"] {
  width: 100%;
  height: 215px;
  border: 1px solid lightgray; }

/* End: CHATTER CSS */
/* Start: CSS FOR COMMUNITY */
.editPage .pbBody .pbSubheader {
  background-color: #002D3D !important;
  font-size: 1.25em !important;
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-weight: 700;
  background-image: none !important; }

div[id="attachmentBlockPPD"] > div > div > h3 {
  font-size: 1em !important; }

.apexp .bPageBlock .pbBody .pbSubheader h3 {
  font-size: 0.9em; }

form[action*="eo3__PortalProjectDetails"] .apexp .bPageBlock.apexDefaultPageBlock .pbBody .pbSubheader h3 {
  font-size: 0.9em !important; }

.apexp .bPageBlock.apexDefaultPageBlock .pbBody .pbSubheader h3 {
  font-size: 0.9em;
  color: #ffffff; }

body .bRelatedList .pbTitle h3, body .bPageBlock .pbTitle h2, body .bPageBlock .pbTitle h3, body .bSubBlock h3.lbHeader {
  color: #002D3D;
  font-size: 0.9em; }

body .bPageBlock .pbBody .pbSubheader {
  padding: 12px 10px !important;
  border-width: 0px; }

/* body .bPageBlock .pbHeader
{
  //background-color: #073b66;
  background-color: #579f30;
} */
div[id*="ProjectDetailsFormID"] > div[class="pbBody"] > div[class="pbSubsection"] > table[class="detailList"] > tbody > tr > td {
  width: 25% !important;
  border-width: 0px !important; }

div[id*="ProjectDetailsFormID"] > div[class="pbBody"] > div[class="pbSubsection"] > table[class="detailList"] > tbody > tr > th {
  width: 25% !important;
  border-width: 0px !important; }

/* End: CSS FOR COMMUNITY */
/* Start: HEADER CSS */
.portal-masthead-master {
  width: 100%;
  height: 100px;
  /*background: url('{!URLFOR($Resource.MastGradient)}') repeat-x;*/ }

.portal-masthead, .content-container {
  /* add ~2% to the base */
  width: 100%;
  margin: 0 auto; }

.portal-masthead {
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-size: 0.875em;
  background-image: none;
  /* add ~2% to the base */
  text-align: center;
  margin: 0 auto;
  /*background: url('{!URLFOR($Resource.eo3__PortalTemplateMasthead_BG)}') #fff; */ }

div#headImg {
  padding-top: 15px !important;
  width: 100% !important; }

/*
div#headImg > img
{
  margin-left: 282px !important;
}
*/
.masthead-top-nav {
  float: right;
  width: 40%;
  height: 30px;
  margin-top: 10px; }

.masthead-bottom-nav {
  float: right;
  /* width: 40%; */
  height: 40px;
  margin-top: 3px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 100%;
  color: rgba(255, 255, 255, 0.8);
  /* text-shadow: 2px 2px 3px rgba(255,255,255,0.9); */
  margin-right: 0px !important;
  padding-right: 27px !important; }

.electricPATitle {
  height: 140px; }

.detailList .tdSinglePAMessage {
  padding-left: 15px; }

.detailList .tableSinglePAMessage .tdSinglePAMessage {
  padding-left: 0px !important; }

#sign-in-link {
  padding-left: 2px !important; }

#home-link {
  padding-left: 2px !important;
  padding-right: 2px !important; }

#sign-out-link {
  padding-left: 0px !important;
  padding-right: 2px !important; }

#download-link {
  padding-left: 2px !important;
  padding-right: 2px !important;
  /*padding-top: 20px !important;*/ }

#application-link {
  padding-left: 2px !important;
  padding-right: 2px !important; }

.masthead-bottom-nav li {
  padding-top: 10px !important;
  margin-left: 0px !important;
  padding-right: 0px !important; }

.masthead-top-nav a {
  text-decoration: none;
  color: black; }

.masthead-bottom-nav a {
  text-decoration: none;
  color: #032d42; }

.masthead-top-nav ul, .masthead-bottom-nav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 50%;
  display: inline; }

.masthead-top-nav li {
  display: inline;
  padding-right: 0px; }

.masthead-bottom-nav li {
  display: inline;
  padding-right: 5px; }

#search-li {
  padding-right: 0px; }

#search-input {
  width: 160px;
  height: 25px;
  border-radius: 4px;
  padding-left: 10px;
  border: 0px;
  background-color: #507300;
  opacity: 0.5;
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-weght: bolder; }

#search-button {
  height: 25px;
  background-color: #05587f;
  border: 0px;
  border-radius: 4px;
  color: white;
  padding: 0px;
  margin: 0px;
  min-width: 50px;
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-weght: bolder; }

/*
#consortium-logo
{
  /*background-image: url('{!URLFOR($Resource.ConsortiumLogo09)}');*/
/*  background-size: contain;
}

#consortium-logo
{
  float: left;
  height: 120px;
  width: 220px;
  margin: -6px 10px 0px 35px;
}*/
#NameTitle {
  float: left;
  margin-top: 28px !important;
  margin-right: 30px !important;
  font-size: 16pt !important;
  color: #457b28; }

#client-logos {
  float: left;
  border-style: solid;
  border-color: #C0C0C0;
  border-width: 1px;
  height: 100%;
  width: 225px !important;
  margin: 0px 5px 2px 35px !important;
  background-color: white !important;
  box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.2);
  font-size: 0.875em !important; }

#client-logos img {
  width: 121px;
  max-height: 75px;
  background-color: white;
  box-shadow: none;
  margin: 2px 2px 2px 2px;
  max-width: 57px !important; }

#client-text {
  font-size: 0.875em;
  color: white; }

#location-info {
  float: left;
  background-color: rgba(255, 255, 255, 0.8);
  border-style: solid;
  border-color: #C0C0C0;
  border-width: 1px;
  margin: 0px 5px 2px 12px !important;
  /* az: I believe there's a typo here--an extra semicolon--fixed below...  border-radius: 0px; !important;  */
  border-radius: 0px !important;
  height: 100%;
  width: 185px !important;
  box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.2);
  font-size: 0.875em !important; }

#location-text {
  color: black !important;
  font-size: 0.875em !important;
  line-height: 10.5pt !important; }

#location-change {
  color: white;
  float: right;
  display: inline-block;
  width: 20%;
  padding: 5px 0px 0px 10px;
  font-size: 0.875em !important; }

#location-change a {
  color: #f7931e; }

#location-address {
  float: left;
  display: inline-block;
  width: 88%;
  color: #4A4A4A !important;
  line-height: 10.5pt !important;
  margin-left: 20px !important;
  padding-top: 7px !important; }

#cart-div {
  /* width: 50%; */
  /*  height: 50%; */
  /*  display: inline-block; */
  float: right;
  margin: 10px 40px 0 0;
  cursor: default;
  height: 60px;
  width: 175px;
  border: 1px solid black;
  border-radius: 4px;
  background-color: #fff !important;
  margin-top: 7px !important;
  margin-bottom: 3px !important;
  width: 200px !important;
  margin-right: 50px;
  font-family: 0.8em !important;
  line-height: 10.5pt !important;
  height: 70%; }

#cart-div a {
  text-decoration: none; }

#cart-image {
  float: left;
  height: 100%;
  padding: 10px 3px 0px 3px;
  margin: -3px 0px 0px 0px; }

#cart-image img {
  height: 60px;
  width: 60px; }

#cart-text {
  color: white;
  /* color: rgba(0, 0, 0, 0.8); */
  padding: 16px 0px 3px 55px;
  color: #4A4A4A !important;
  font-size: 0.875em !important;
  line-height: 10.5pt !important;
  margin-top: 7px !important; }

#project-name {
  /*xvisibility: {!IF(m_bDoesProjectIDExist == false, 'hidden', 'visible')} !important;*/
  text-align: center;
  margin-top: 5px;
  margin-right: 5px; }

/* End: HEADER CSS */
/* Start: GENERAL CSS */
.questionIcon {
  margin-top: -6px;
  margin-right: 0px;
  margin-left: 5px !important; }

.content-container {
  min-height: 800px;
  padding-top: 15px;
  margin: 0 auto;
  /*background: url("{!URLFOR($Resource.eo3__PortalTemplateResources, 'images/bg-slice.jpg')}") left top repeat-x transparent;*/
  background: none !important;
  height: 100%; }

.content-container-inner {
  width: 89%;
  max-width: 980px;
  margin: 0 auto;
  background: #ffffff;
  background-position: center;
  border-radius: 4px;
  border-radius: 4px 4px 4px 4px;
  clear: left; }

.bPageTitle {
  margin-bottom: 15px;
  width: 100%;
  margin: 0 auto;
  background: #fff; }

.apexp {
  /* subtract ~2% from the base */
  width: 100% !important;
  margin: 0 auto;
  padding-top: 5px; }

.pbSubheader {
  padding: 12px 10px;
  margin-bottom: 0; }

.pbSubheader h3 {
  font-size: 0.9em;
  /* !important; -- KL commented out !important 6/22/17 */
  color: #fff;
  font-family: Roboto, "Source Sans Pro", sans-serif !important;
  font-weight: bold; }

.pbSubsection {
  border: 1px solid #cccccc;
  /*background: url("{!URLFOR($Resource.eo3__PortalTemplateResources, 'images/page-curl.jpg')}")right bottom no-repeat #fff;*/
  background-size: 50px 50px;
  padding: 30px 30px 30px 30px !important;
  box-shadow: 0 4px 4px -2px #666;
  -moz-box-shadow: 0 4px 4px -2px #666;
  -webkit-box-shadow: 0 4px 4px -2px #666;
  margin-bottom: 35px; }

.pbSubsection img {
  float: right;
  margin: 0px 0 0px 30px; }

.pbSubsection img.infIcon {
  /*padding-top: 5px!important;
  float: right;
  margin: -5px 0 0 10px;*/
  width: 16px !important;
  margin: 0 0 0 0 !important; }

.pbSubsection label {
  /*width: 160px;
  max-width: 160px;*/
  max-width: 85%;
  font-family: Roboto, "Source Sans Pro", sans-serif;
  font-size: 0.8em;
  /*float:left; */
  /*margin-top: 3px;*/ }

.bPageBlock, .individualPalette .bPageBlock {
  border: none !important; }

.secondaryPalette {
  background: #fff; }

h1.noSecondHeader, .introPage h1 {
  font-size: 1.25em;
  white-space: normal;
  font-family: Arial, Tahoma, sans-serif;
  font-weight: bold;
  color: #094b80 !Important; }

.bPageTitle .ptBody .pageType {
  font-size: 1.55em;
  margin: 25px 0 0px 0; }

.bPageTitle .ptBody .content {
  padding-left: 30px;
  width: 900px; }

.bPageBlock .pbBody {
  background: #fff;
  padding: 6px 30px 4px 30px; }

th {
  white-space: normal; }

.apexp .detailList .list .headerRow th {
  white-space: normal;
  text-align: left; }

.pbSubsection a font {
  color: #094b80;
  padding-right: 25px;
  /*background: url("{!URLFOR($Resource.eo3__PortalTemplateResources, 'images/arrow-grey-overblue.png')}")right 2px no-repeat transparent;*/ }

.bPageBlock .detailList .dataCol {
  width: auto; }

.bPageBlock .pbHeader {
  margin: 0 0px;
  background-color: #094b80 !important;
  color: #fff;
  padding: 12px 10px; }

.bPageBlock .pbHeader h2 {
  text-transform: uppercase;
  font-size: 1.25em;
  color: #fff;
  font-family: Roboto, "Source Sans Pro", sans-serif !important;
  font-weight: 700; }

.bPageBlock .pbTitle {
  width: 100% !important; }

.pbHeader .pbTitle h3 {
  color: #fff; }

.data2Col label {
  color: #073b66;
  font-weight: bold;
  font-size: 1em; }

input, select {
  font-size: 100% !important;
  font-family: Roboto, "Source Sans Pro", sans-serif;
  border: 1px solid #bbb; }

textarea {
  font-size: 100%;
  font-family: Roboto, "Source Sans Pro", sans-serif;
  height: 100%;
  resize: none !important;
  border: 1px solid #bbb; }

input[type=text] {
  width: 228px;
  text-indent: 5px; }

input[type=password] {
  width: 228px !important;
  text-indent: 5px; }

input[id*='eop_AttachmentFile'] {
  text-indent: 0px !important; }

td.eop__portalSelectMeasureByPortalGroupQuantityTD {
  width: 51px !important;
  height: 60px !important; }

.eop__portalSelectMeasureByPortalGroupMeasureHeader {
  display: none; }

.eop__portalSelectMeasureByPortalGroupMeasureHeader td {
  height: 10px !important;
  max-height: 10px !important; }

.eop__portalSelectMeasureByPortalGroupQuantityHeaderText {
  font-size: 70% !important;
  position: relative;
  top: 15px;
  font-weight: bold; }

td.eop__portalSelectMeasureByPortalGroupQuantityTD input[type=text] {
  float: left;
  margin-right: 5px;
  width: 40px !important; }

select {
  width: 230px !important; }

div[class="hdrcell filter"] > select {
  width: 90% !important; }

.defaultPicklist {
  width: 100px;
  font-size: 0.8em;
  height: 20px;
  font-family: Arial;
  border-width: 1px;
  border-style: solid; }

.programInstructions {
  display: block;
  padding: 15px 30px 0 30px; }

div[id$='customer_home_tab'] .requiredLegend {
  display: none; }

table[id$='AccountTabPanel'] .requiredLegend {
  display: none; }

div[id$='AvailableProgramsTitleId'] {
  padding: 15px 0px 0px 30px; }

/* 3703 */
.eop_PortalResponseEntryQuestionColumnWidth {
  width: 74% !important; }

.eop_PortalResponseEntryResponseColumnWidth {
  width: 26% !important; }

table.eop_SelectMeasureAdditionalCustomFieldTableClass .pbSubsection {
  border: 0px;
  background: none;
  padding: 0px 0px 0px 0px;
  box-shadow: 0 0px 0px 0px #666;
  -moz-box-shadow: 0 0px 0px 0px #666;
  -webkit-box-shadow: 0 0px 0px 0px #666;
  margin-bottom: 0px; }

input[type="submit"]:hover, input[type="button"]:hover {
  background-color: #507300; }

input[type="submit"]:focus, input[type="button"]:focus {
  outline-width: 0px; }

input[type="submit"], input[type="button"] {
  background-color: #507300;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  margin-left: 10px;
  text-shadow: none;
  color: #fff;
  font-weight: bolder;
  font-family: Roboto, "Source Sans Pro", sans-serif; }

.bPageBlock .detailList tr td, .bPageBlock .detailList tr th {
  border-color: #ffffff !important; }

input[type="submit"]:active, input[type="button"]:active {
  background-color: #507300;
  color: white; }

.hdrcell input[type="checkbox"] {
  width: 12px; }

input[type="checkbox"] {
  width: 20px !important; }

.fontColorForInstruction {
  color: black; }

form[action*='PortalTradeAllyRegistration'] .helpButtonOn {
  float: right;
  left: 8px; }

.taRegistrationHeading {
  font-family: Roboto, "Source Sans Pro", sans-serif !important;
  font-size: 100% !important;
  height: 36px !important;
  font-color: #2a2a2a !important; }

.requiredBlock {
  margin-left: 3px; }

input[type="file"] {
  border: 0px; }

td.eop_FieldInput > div {
  height: 25px; }

td.pbTitle > h2.mainTitle {
  width: 100% !important;
  font-size: 1.25em; }

span[id$="measureSelectGroupSectionID"] label {
  color: #3B68A4 !important;
  font-weight: bold !important;
  /*width: 250px;*/
  display: inline-block;
  font-size: 1em !important;
  /*height: 30px;*/ }

td.eop__portalSelectMeasureByPortalGroupMeasureCheckboxTD {
  width: 38px !important; }

td.eop__portalSelectMeasureByPortalGroupMeasureNameTD {
  width: 299px !important; }

td.eop__portalSelectMeasureByPortalGroupInfoTD {
  width: 24px !important; }

td.eop__portalSelectMeasureByPortalGroupQuantityDescriptionTD {
  width: 287px !important; }

td.eop__portalSelectMeasureByPortalGroupQuantityDescriptionTD label {
  margin-top: 0px;
  width: 75%;
  max-width: 75%;
  font-weight: normal;
  font-size: 0.8em;
  color: #4A4A4A; }

td.op__portalSelectMeasureByPortalGroupMeasureImageTD {
  /*width: 150px!important;
  max-width: 150px!important;*/
  /*  width: 80px!important;
  min-width: 80px!important;
  max-width: 80px!important;*/
  width: 122px !important;
  max-width: 122px !important; }

td.eop_FieldLabel label {
  color: #30a2e2;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 110%;
  vertical-align: text-top; }

td.eop_FieldLabel {
  color: #4A4A4A;
  font-weight: normal;
  font-size: 1em;
  line-height: 110%;
  vertical-align: text-top;
  position: relative;
  top: 4px; }

.dateFormat {
  font-size: 0.8em; }

td.eop_FieldLabel .helpButtonOn {
  display: table-cell;
  /*height: 40px;
  vertical-align: middle; */ }

/*td.eop_FieldLabel .helpOrb
{
  top: 15px !important;
}*/
span[id$="messages"] {
  display: none;
  padding: 10px; }

/* End: GENERAL CSS */
/* Start: BOTTOM BUTTONS (of application steps) */
/* This is to center next action buttons for each step... */
div.pbBottomButtons table tbody tr td.pbTitle {
  display: none; }

div.pbBottomButtons table tbody tr td.pbButtonb {
  text-align: center; }

/* End: BOTTOM BUTTONS (of application steps) */
/* Restrict maximum width in measure description pop-up and force word wrap */
.dhx_popup_dhx_skyblue {
  max-width: 50% !important; }

.dhx_popup_td {
  white-space: normal !important; }

.dhx_popup_arrow, dhx_popup_arrow_bottom {
  display: none; }

div.popupMsg > div > img {
  padding: 5px 0 0 0 !important; }

div.popupMsg > div {
  font-size: 100%;
  line-height: 20px; }

/* Start: PORTAL FOOTER CSS */
.portal-footer {
  width: 89%;
  margin: 0 auto;
  background: transparent;
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 80px; }

.portalversion {
  font-family: Arial,Helvetica,sans-serif !important;
  font-size: 0.75em !important;
  padding-right: 17px !important;
  margin-right: 8px !important;
  padding-top: 0px;
  font-style: italic !important; }

/* End: PORTAL FOOTER CSS */
/* Start: PORTAL MENU CSS */
.portal-access {
  margin: 0 auto;
  padding: 10px 0;
  max-width: 980px; }

.portal-access-inner {
  float: left;
  width: 98%;
  color: #fff;
  padding-bottom: 15px; }

.available-programs-row {
  float: left;
  margin-left: 20px;
  margin-right: 20px; }

.portal-access-inner a {
  color: #fff; }

.portal-home {
  float: left;
  margin-left: 340px; }

.register-row {
  display: none; /* Hide register button on login page */
  float: left;
  width: 340px;
  margin-right: 25px; }

.login-row-column {
  float: left;
  margin-left: 240px;
  padding-top: 6px; }

.login-row-column a {
  color: #ffffff; }

/* Hide New User button on login page */
input[value="New User?"], .loginPageNewUserBtn {
  display: none; }

.register-button {
  float: left; }

.register-text {
  float: left;
  width: 240px;
  font-size: 0.8em;
  padding-left: 10px; }

.register-button a:link, .register-button a:visited {
  display: block;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  text-decoration: none;
  padding: 6px 14px; }

.register-button a:link, .register-button a:visited, .available-programs-row a:link, .available-programs-row a:visited, .portal-home a:link, .portal-home a:visited {
  background: #507300; }

.register-button a:hover, .available-programs-row a:hover, .portal-home a:hover {
  background: #507300;
  color: #fff; }

.available-programs-row a:link, .available-programs-row a:visited {
  display: block;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  text-decoration: none;
  padding: 6px 14px; }

.portal-home a:link, .portal-home a:visited {
  display: block;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  text-decoration: none;
  padding: 6px 14px; }

/* End: PORTAL MENU CSS */
div.gridbox_eo_custom table.hdr td {
  font-size: 100% !important; }

.detailList .helpOrb {
  top: 1px !important; }

/* End: PORTAL HOME CSS */
/* Start: PORTAL SELECT MEASURE CSS */
span[id*="measurespage:j_id134"] > span {
  font-size: 0.8em; }

span[id*="measurespage:EntirePageID"] > table > tbody > tr > td {
  vertical-align: top;
  min-width: 105px; }

span[id*="measurespage:EntirePageID"] > table > tbody > tr > td:first-of-type {
  padding-top: 35px; }

span[id*="measurespage:EntirePageID"] select {
  width: 160px; }

table[id="eop_SelectMeasureAdditionalCustomFieldTableID"] {
  padding-bottom: 5px; }

a[id$="select-measure-help-link"] {
  display: inline-block;
  padding: 5px 15px 5px 5px;
  float: right; }

a[id$="response-entry-help-link"] {
  display: inline-block;
  padding: 5px 45px 5px 5px;
  float: right; }

table.rqrTable td:nth-child(1) {
  font-size: 1em;
  color: black; }

div[id*="eop__ResponseEntryInnerGroupSection"] .pbSubsection {
  margin-bottom: 0 !important; }

span.programInstructions img[alt="User-added image"] {
  width: 900px !important;
  height: auto !important; }

/*label.eop__portalSelectMeasureByPortalGroupRebatePerUnit
{
  width: 250px !important;
}*/
span[id*="eop_MeasureSelectGroupSection"] td {
  vertical-align: middle !important; }

/* Hide unused rows to reduce white space below measure - if Add'l Equipment fields are needed at some point this will need to be removed */
span[id*="currentMeasureGroup"] > table > tbody > tr:nth-child(2),
span[id*="currentMeasureGroup"] > table > tbody > tr:nth-child(4) {
  display: none !important; }

/* span[id*="eop_MeasureSelectGroupSection"] > table > tbody > tr:nth-child(5) */
/* Don't hide this row - this is where add'l measure fields are populated... */
span[id*="eop_MeasureSelectGroupSection"] input[type="checkbox"] {
  margin-right: 8px;
  /* Zee: Commenting it out to better align check box with other
   * input fields
  margin-left: 20px;*/ }

label[id$="SelectedNewModelLabel"], label[id$="SelectedExistingModelLabel"] {
  font-size: 0.8em;
  /*width: 90% !important;
  padding-top: 10px !important;
  height: 15px !important;*/ }

button#NewModelLookupButton,
button#ClearNewModel,
button#ExistingModelLookupButtonDisabled,
button#ClearExistingModel,
button#ExistingModelLookupButton {
  font-size: 0.8em; }

/*
.eop_SelectMeasureAdditionalCustomFieldTableClass .eop_FieldLabel
{
  width: 150px !important;
}
*/
.standartTreeRow {
  font-weight: 300;
  font-size: 0.9em !important; }

/* End: PORTAL SELECT MEASURE CSS */
/* Start: PORTAL PROGRAM DETAILS CSS */
div[id*="ProjectDetailsFormID"] .pbHeader {
  width: 100%;
  margin: 0 auto; }

/* End: PORTAL PROGRAM DETAILS CSS */
/* Start: PA SEARCH CSS */
a[id$="pa-search-help-link"] {
  display: inline-block;
  padding: 5px 15px 5px 5px;
  float: right; }

/*span.eop_PASearchCongratulationsText
{
  color: green;
  font-weight: bolder;
  font-size: larger;
}
*/
span.eop_PASearchPANameText {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  width: 100%;
  color: black; }

span.eop_PASearchProjType {
  color: black !important; }

span.eop_PASearchButtonInstructionsText {
  color: green;
  font-weight: bold; }

/*
#no-records-found-message
{
  width: 900px;
  font-weight: bold;
}
*/
td#tdPAResults {
  padding-top: 15px; }

div[id*="paResults"] > div.pbSubsection > table.detailList > tbody > tr:nth-child(1) {
  display: none; }

span[id*="SearchResultPanelID"] table.detailList td.last:nth-child(1) {
  display: none; }

/* End: PA SEARCH CSS */
/* Start: MULTIPLE ATTACHMENT CSS */
span[id$="eop_AttachmentLabel"] {
  display: inline-block;
  /*width: 250px; - removed as we have fixed the columns widths with new css */
  overflow-wrap: break-word;
  font-size: 1em; }

/* removing this code to replace with
* new entries to handle deleting of attachments
*  I just commented out the span[id$="eop_AttachmentResponse" css
span[id$="eop_AttachmentResponse"]
{
  display: inline-block;
  width: 150px;
}
*/
/*
input[id$="eop_AttachmentFile"]
{
  display: inline-block;
  width: 200px;
}
*/
.eop_AttachmentPageBrowseButtonInstruction {
  color: green; }

/*
* The below css from .eop_AttachmentinputFile through
* .eop_AttachmentDataCol3 when hiding the text 
* on the add attachments page.
*/
.eop_AttachmentinputFileHideText {
  border: 0px;
  color: transparent;
  direction: rtl;
  width: 103px; }

.eop_attachment_nofilecontainer {
  display: inline-block !important; }

.eop_attachment_nofilediv {
  float: left;
  width: 22px; }

.eop_AttachmentFileName {
  max-width: 20ch;
  /*You can adjust this value to display more or less of the file name displaying too much will result in shifting columns*/
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block !important; }

.eop_AttachmentFileNameOld {
  display: none; }

.eop_AttachmentDataCol1 {
  width: 45% !important; }

.eop_AttachmentDataCol2 {
  width: 40% !important; }

.eop_AttachmentDataCol3 {
  width: 15% !important; }

/*Uncomment out from .eop_AttachmentDataCol1 through
*  .eop_AttachmentDataCol3 if you are choosing to
*  to display the "No File chosen" text next to the 
*  Choose file button on the multi attach page. 
*  Make sure to comment out the css above from 
*  .eop_AttachmentInputfielHideText through
*.eop_AttachmentDataCol3
*{
* width:15% !important;
*}
*/
.eop_AttachmentDataCol1 {
  width: 45% !important; }

.eop_AttachmentDataCol2 {
  width: 40% !important; }

.eop_AttachmentDataCol3 {
  width: 15% !important; }

.eop_AttachmentSingDataCol1 {
  width: 45% !important; }

.eop_AttachmentSingDataCol2 {
  width: 25% !important; }

.eop_AttachmentSingDataCol3 {
  width: 25% !important; }

/* End: MULTIPLE ATTACHMENT CSS */
/* Start: TEMP CSS */
span[id*="measurespage:j_id115"] label {
  float: left;
  color: #579f30 !important; }

.standartTreeRow {
  color: #2272DD !important; }

.dhx_tree_textSign {
  color: #2272DD !important; }

td.eop__portalSelectMeasureByPortalGroupMeasureSelectionToggbleSwitch span {
  float: right; }

/* End: TEMP CSS */
/* 1stwave Overrides-------------- */
body .bPageBlock .pbHeader {
  background-color: #002D3D !important;
  color: #ffffff !important; }

body .bPageBlock .pbTitle h2 {
  color: #ffffff !important; }

html, body {
  background-image: none;
  background-color: #878787; }

.portal-masthead-master {
  background: none !important; }

.tertiaryPalette {
  background-color: #002D3D !important; }

.pbBody {
  background: #fff !important; }

.bPageBlock {
  background: #fff !important;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(107, 107, 107, 0.5);
  -moz-box-shadow: 0px 0px 7px 0px rgba(107, 107, 107, 0.5);
  box-shadow: 0px 0px 7px 0px rgba(107, 107, 107, 0.5);
  border-left: none !important;
  border-right: none !important; }

.accountBlock > .bPageBlock {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/*- Issue 01: Project Detail header is too narrow
  This can be fixed by either removing the width or increasing the value in the following CSS*/
/*- Issue 02: Blocks width doesn't match
  This can be fixed by removing the width or increasing the value in the following CSS*/
.apexp {
  /*width: 976px;*/
  margin: 0 auto;
  padding-top: 5px; }

/*- Issue 03: Internal blocks are narrower than the surrounding container
  This can be fixed by setting the left and right margins in the following CSS*/
.apexp .bPageBlock.apexDefaultPageBlock .pbBody {
  margin: 7px 0 7px 0;
  /* set the left and right margins to 0px*/
  padding-left: 12px;
  padding-right: 12px;
  height: fit-content; }

/* moved to EversourceDAPPortalTemplate since this will use an apex static resource...
#consortium-logo
{
  background-image: none;
  background: url('https://ac.1stwave.com/mass-save-logo.png') left top no-repeat !important;
  background-size: contain;
}*/
#consortium-logo {
  float: left;
  height: 82px;
  width: 10px;
  margin: 8px 35px 0px 35px; }

/*
  These styles are to override the SalesForce apex pageBlock mode=edit
  styles
*/
div .bEditBlock {
  background-color: #fff;
  margin: 0 15px; }

.editPage .pbSubsection {
  margin-top: 0; }

body .bEditBlock .pbBody .pbSubheader {
  background-image: none !important; }

body .apexp .pbBody table.list {
  border: none !important; }

.pbBody table.list tr.headerRow th {
  background: #fff !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important; }

/* Fix issue where required red line obscures left of Step 4 - I Accept checkbox */
input[id*='IAcceptCheckboxId'][type=checkbox] {
  margin-left: 4px !important; }

div[id$="eop_ProgramDetailsContractorAuthorizationId"] .pbSubsection label {
  font-size: 1em !important; }

/*
  20160622 - kml - Responsive CSS - Override styles for small devices (less than 1001 pixels)
           General changes to reflow elements to make better use of small
           display sizes as well as increasing font sizes for readability.

*/
@media screen and (max-width: 1000px) {
  html, body {
    background-color: white !important; }

  #btnPortalHome a,
  #btnAvailablePrograms a,
  #btnRegister a,
  #colLogin a {
    display: block; }

  #remaining-budget {
    top: -65px;
    left: 250px;
    width: 275px; }

  #txtRegister {
    display: block;
    font-size: 150%; }

  #headImg {
    position: relative;
    left: 2%;
    padding-top: 10px !important; }

  div[id="headImg"] > img {
    margin-left: 280px !important; }

  .header {
    display: none !important;
    background-color: #fff; }

  .header #headImgSmall {
    background-color: #fff;
    padding: 10px;
    float: left; }

  .header .menu {
    max-height: 0;
    overflow: hidden;
    float: none;
    text-align: left;
    width: 100%;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s; }

  .header .menu.menuOpen {
    max-height: 1000px;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s; }

  .header .menu ul li {
    display: block;
    width: 100%;
    background: #094b80;
    border-top: 1px solid #bbb;
    font-size: 120%; }

  .header .menu ul li:hover {
    background: #999; }

  .header .menu ul li a {
    color: #fff;
    text-shadow: #848484 0px 1px 2px;
    padding: 10px 0;
    width: 100%;
    text-decoration: none; }

  .header .menuIcon {
    display: inline-block;
    float: right; }

  .header .menu ul li.hmPortalAccess {
    background: #e9650f;
    color: #fff; }

  /* Hide portal access buttons when portal access links are in hamburger menu */
  div.portal-access {
    display: none !important; }

  /* For Portal Home page - increase width of sections and hide the
    My Rebates Tab:; Location, Initiated and Rebate Amount fields */
  div.gridbox_eo_custom table.hdr,
  div.gridbox_eo_custom table.obj {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; }

  div.gridbox_eo_custom table.hdr th:nth-child(2),
  div.gridbox_eo_custom table.hdr td:nth-child(2),
  div.gridbox_eo_custom table.hdr th:nth-child(3),
  div.gridbox_eo_custom table.hdr td:nth-child(3),
  div.gridbox_eo_custom table.hdr th:nth-child(4),
  div.gridbox_eo_custom table.hdr td:nth-child(4),
  div.gridbox_eo_custom table.obj th:nth-child(2),
  div.gridbox_eo_custom table.obj td:nth-child(2),
  div.gridbox_eo_custom table.obj th:nth-child(3),
  div.gridbox_eo_custom table.obj td:nth-child(3),
  div.gridbox_eo_custom table.obj th:nth-child(4),
  div.gridbox_eo_custom table.obj td:nth-child(4) {
    display: none !important;
    width: 0 !important; }

  /* Rebate Application/Project column */
  div.gridbox_eo_custom table.hdr th:nth-child(1),
  div.gridbox_eo_custom table.obj th:nth-child(1),
  div.gridbox_eo_custom table.hdr td:nth-child(1),
  div.gridbox_eo_custom table.obj td:nth-child(1) {
    width: 40% !important; }

  /* Make sure up/down sort arrow is correct size */
  #gridbox > div.xhdr > table > tbody > tr:nth-child(2) > td > div > img {
    width: 21px !important;
    height: 14px !important; }

  /* Make sure checkbox image is correct size on My Authorizations tab */
  img.checkImg {
    width: 21px !important;
    height: 16px !important; }

  /* Set height of header so that search box filters are not obscured */
  #gridbox > div.xhdr > table {
    height: 89px !important; }

  /* Status column */
  div.gridbox_eo_custom table.hdr th:nth-child(5),
  div.gridbox_eo_custom table.obj th:nth-child(5),
  div.gridbox_eo_custom table.hdr td:nth-child(5),
  div.gridbox_eo_custom table.obj td:nth-child(5) {
    width: 30% !important; }

  /* Action column */
  div.gridbox_eo_custom table.hdr th:nth-child(6),
  div.gridbox_eo_custom table.obj th:nth-child(6),
  div.gridbox_eo_custom table.hdr td:nth-child(6),
  div.gridbox_eo_custom table.obj td:nth-child(6) {
    width: 30% !important; }

  .portalHomeInstructions {
    font-size: 150% !important; }

  div[id$='grid_pb_section'] > div.pbSubsection {
    padding: 5px 0% !important; }

  /* Add bottom margin to portal home tabs so that powered by eo img is not cut by border */
  table[id*='AccountTabPanel'] {
    margin-bottom: 20px !important; }

  /* Remove margins around table in My Authorizations table */
  td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div {
    margin: 0px !important; }

  #j_id0\3a j_id12\3a j_id47\3a j_id48 > div.pbSubsection {
    padding: 5px 0 !important; }

  .data2Col {
    font-size: 110%; }

  .data2Col label {
    color: #094b80;
    font-weight: bold;
    font-size: 100%; }

  .data2Col p,
  .data2Col span,
  .data2Col b,
  .data2Col input,
  .dataCol,
  .labelCol,
  .col02,
  .last {
    font-size: 100% !important;
    font-family: Roboto, "Source Sans Pro", sans-serif; }

  .data2Col input[type=text],
  .data2Col textarea {
    width: 90%; }

  .portal-masthead,
  .content-container {
    width: 100%; }

  .bPageTitle {
    margin-bottom: 15px;
    width: 90%;
    margin: 0 auto;
    background: #fff; }

  .apexp {
    width: 100%;
    margin: 0 auto; }

  .portal-footer {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    margin-top: 0px;
    padding-right: 20px;
    margin-bottom: 80px; }

  .pbSubheader {
    padding: 2px 10px !important;
    margin-bottom: 0; }

  .pbSubsection img {
    clear: both;
    float: none;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    height: auto; }

  .pbHeader .pbTitle {
    width: 90%; }

  td.pbTitle > h2.mainTitle {
    width: 100%; }

  .detailList .helpOrb {
    top: 3px;
    width: 20px;
    height: 15px;
    background-position: top right;
    max-width: 20px;
    margin: 0; }

  /* Make sure info icon image is correct size on Portal Select Measures By Portal Groups page */
  img.infIcon {
    width: 16px !important;
    height: 16px !important;
    float: right; }

  /* Make small header and hamburger menu fixed to top of screen */
  .portal-masthead > div.header {
    position: fixed;
    top: 0px;
    z-index: 100; }

  .bPageTitle .ptBody .content {
    padding-left: 10px;
    width: 100%; }

  .portal-access {
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding: 10px 0; }

  .portal-access-inner {
    float: left;
    width: 100%;
    color: #fff;
    padding-bottom: 15px;
    font-size: 120%; }

  .portal-home {
    float: left;
    margin: 5px 30px;
    /* width: 40%; */
    width: 150px; }

  .available-programs-row {
    float: left;
    margin: 5px 30px;
    /* width: 40%; */
    width: 200px; }

  .register-row {
    float: left;
    margin: 0px 0px;
    width: 150px; }

  .login-row-column {
    clear: both;
    float: none;
    margin: 5px 40px;
    width: 80%; }

  .register-button {
    float: left;
    margin: 5px 30px;
    /* width: 40%; */
    width: 150px; }

  .register-text {
    float: left;
    margin: 5px 30px;
    /* width: 40%; */
    width: 40%;
    font-size: 18px; }

  .detailList .helpOrb {
    top: 3px; }

  /* Make search input field smaller on Select Measures page */
  span[id*='measurespage'] > input[type=text][name*='measurespage'] {
    width: 60%; }

  /* remove padding around instructions on Select Measures page */
  div[id*='measurespage'] > div.pbBody > span.programInstructions {
    padding: 0 !important; }

  /* Remove extra padding from group sections of RQR page */
  #rqrGroupSections > div > div.pbSubsection > table > tbody > tr > td.data2Col {
    padding: 0 !important; }

  /* Collapse login page table to display horiztontally stacked */
  .siteLoginTable > tbody > tr > td:nth-child(2) > span > form > div > table > tbody > tr > td,
  .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody td,
  .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div th,
  .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div td,
  div.eop__ProxyApplicationPaymentRecipientSection > div > div th,
  div.eop__ProxyApplicationPaymentRecipientSection > div > div td,
  #contractorAuthReq > div > div.pbSubsection > table > tbody > tr > td,
  #rebateContactTable > div > div.pbSubsection > table > tbody > tr > th,
  #rebateContactTable > div > div.pbSubsection > table > tbody > tr > td,
  #rebateContactTable > div > div.pbSubsection > table > tbody > tr > td > span > fieldset > table > tbody > tr > td,
  .tableCollapse td {
    width: 100% !important;
    font-size: 100%;
    display: block;
    text-align: left;
    border: none; }

  /* Program Application page - format labels for Select Primary Contact section */
  #rebateContactTable > div > div.pbSubsection > table > tbody > tr > td > label,
  #rebateContactTable > div > div.pbSubsection > table > tbody > tr > td > span > div > label {
    float: none !important;
    text-align: left;
    font-weight: bold; }

  #rebateContactTable > div > div.pbSubsection > table > tbody > tr:nth-child(n+4) > td:nth-child(1) {
    margin-top: 15px; }

  #rebateContactTable > div > div.pbSubsection > table > tbody > tr > td > span > span.helpButtonOn {
    display: none; }

  /* Program Application page - smaller font Select Primary Contact section header */
  #rebateContactTable > div > div.pbSubheader > h3 {
    font-size: 110%; }

  /* Add space beneath each input field from above tables to help visually match label with input */
  /* Login page */
  .siteLoginTable > tbody > tr > td:nth-child(2) > span > form > div > table > tbody > tr > td:last-child,
  .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div td:last-child,
  #contractorAuthReq > div > div.pbSubsection > table > tbody > tr > td {
    margin-bottom: 10px; }

  /* Remove extra whitespace from top of form on Login page */
  .siteLoginTable > tbody > tr > td:nth-child(2) > span > form > div > table {
    margin-top: -15px !important; }

  .siteLoginTable {
    width: 100%; }

  /* Portal Home page - My Account tab - display tables as individual lines */
  div[id*='eop_AccountInformation'] > div.pbSubsection > table.detailList > tbody > tr > th,
  div[id*='eop_AccountInformation'] > div.pbSubsection > table.detailList > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    font-size: 150% !important;
    text-align: left;
    border-bottom: none; }

  div[id*='eop_AccountInformation'] > div.pbSubsection > table.detailList {
    padding-bottom: 30px;
    /* extra space under shipping address */ }

  div[id*='eop_AccountInformation'] > div.pbSubsection > table.detailList > tbody > tr > td {
    margin-bottom: 15px;
    /* extra space after data column to match with label */ }

  div[id*='eop_AccountInformation'] > div.pbSubsection > table.detailList > tbody > tr:nth-child(1),
  div[id*='eop_AccountInformation'] > div.pbSubsection > table.detailList > tbody > tr:nth-child(3) {
    display: none !important;
    /* hide blank table rows... */ }

  /* Portal Home page - My Authorizations tab - OLD ***Hide normal table and display table with individual lines*** */
  /* Problem when multiple authorizations were displayed - now hide missing quals and auth flag columns */
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list {
    /*display: none!important;*/
    font-size: 130%; }

  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col,
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 15px; }

  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > thead > tr > th:nth-child(6),
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > thead > tr > th:nth-child(7),
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > thead > tr > th:nth-child(8),
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > thead > tr > th:nth-child(9),
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > tbody > tr > td:nth-child(6),
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > tbody > tr > td:nth-child(7),
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > tbody > tr > td:nth-child(8),
  td[id*='tabContact'] > table > tbody > tr > td.rich-tabpanel-content > div.apexp > div.individualPalette > div.customnotabBlock > div.editPage > div.bPageBlock > div.pbBody > div > div.pbSubsection > table.detailList > tbody > tr > td.data2Col > table.list > tbody > tr > td:nth-child(9) {
    display: none !important;
    /* hide columns... */ }

  /* Project Details page - collapse tables to individual lines */
  div[id*='ProjectDetailsFormID'] > div.pbBody > div.pbSubsection > table.detailList > tbody > tr > th,
  div[id*='ProjectDetailsFormID'] > div.pbBody > div.pbSubsection > table.detailList > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    text-align: left;
    border-bottom: none; }

  /* Project Details page - Extra space below requirements descriptions ONLY */
  div[id*='ProjectDetailsFormID'] > div.pbBody > div.pbError + div.pbSubsection > table.detailList > tbody > tr:nth-child(4) > td.dataCol {
    margin-bottom: 20px; }

  /* Project Details page - Extra space below Appointments, Notes and Attachments sections
   to prevent "page curl" image from being covered by "empty" content */
  div[id*='ProjectEventsPageblockId'] table.detailList,
  div[id*='ProjectNotesPageblockId'] table.detailList,
  div[id*='ProjectAttachmentPageblockId'] table.detailList {
    margin-bottom: 20px; }

  /* Hide name column on Program Details page */
  table[id*='AttachmentBlockId'] > thead > tr > th:nth-child(4),
  table[id*='AttachmentBlockId'] > tbody > tr > td:nth-child(4) {
    display: none !important; }

  /* Display RQR questions and answer columns on individual lines */
  .rqrTable > tbody > tr > td {
    width: 90% !important; }

  .rqrTable > tbody > tr > td,
  .tdCollapse {
    display: block;
    text-align: left; }

  /* Increasse Question or Requirement header to full width on RQR page */
  .rqrTable > thead > tr > th:nth-child(1) {
    display: block;
    text-align: left;
    width: 100%; }

  /* Hide Response header text when table is collapses on RQR page */
  .rqrTable > thead > tr > th:nth-child(2) {
    display: none; }

  div.eop__ProxyApplicationPaymentRecipientSection > div > div th {
    width: 90% !important;
    text-align: left !important; }

  .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div td,
  div.eop__ProxyApplicationPaymentRecipientSection > div > div td,
  #rebateContactTable > div > div.pbSubsection > table > tbody > tr > td {
    padding-left: 0 !important; }

  /* Reposition help icons to left of label header text - PortalProxyProgramApplication page */
  .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div > table > tbody > tr > th > span > label {
    margin-left: 20px; }

  .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div > table > tbody > tr > th > span > span.helpButtonOn {
    position: absolute;
    left: 0px; }

  /* Fixes for Select Contact and Help Icon in Select Primary Contact table in Program Application page when table collapsed... */
  .eop_SelectContactHelp {
    text-align: left; }

  #rebateContactTable > div > div.pbSubsection > table > tbody > tr:nth-child(5) > th > span > span > img {
    position: relative;
    top: -16px;
    right: -110px;
    margin-bottom: -15px; }

  /* Reposition help icons to left of label header text - Customer Registration (SiteRegister) page */
  .custRegistrationInner > tbody > tr > td:nth-child(2) > form > span > table > tbody > tr > td:nth-child(1) > span > label {
    margin-left: 20px; }

  .custRegistrationInner > tbody > tr > td:nth-child(2) > form > span > table > tbody > tr > td:nth-child(1) > span > span.helpButtonOn {
    position: absolute;
    left: 18px; }

  /* Reposition help icons to left of label header text - Step 1 - Select Measures page */
  span[id*='MeasureBygroupsRepeat'] > span.helpButtonOn {
    margin-left: 20px; }

  span[id*='MeasureBygroupsRepeat'] > span.helpButtonOn > img.helpOrb {
    position: absolute;
    left: -20px; }

  /* Reposition help icons to left of label header text - Project Details page */
  div[id*='ProjectDetailsFormID'] > div.pbBody > div.pbSubsection > table.detailList > tbody > tr > td > span.helpButtonOn {
    margin-left: 10px; }

  div[id*='ProjectDetailsFormID'] > div.pbBody > div.pbSubsection > table.detailList > tbody > tr > td > span.helpButtonOn > img.helpOrb {
    position: absolute;
    left: -20px; }

  /* Remove extra blank row about registration links on Registration Selection page */
  .portalRegSelectionTableOuter > tbody > tr:nth-child(1),
  div[id*='forgotPassword'] > table > tbody > tr > td:nth-child(1),
  div[id*='j_id0:j_id1:j_id33'] > table > tbody > tr > td:nth-child(1),
  div[id*='changePassword'] > table > tbody > tr > td:nth-child(1),
  .portalRegSelectionTableInner > tbody > tr > td:nth-child(1),
  .custRegistrationInner > tbody > tr > td:nth-child(1),
  .taRegistrationInner > tbody > tr > td:nth-child(1) {
    display: none !important; }

  div[id*='changePassword'] > table,
  div[id*='j_id0:j_id1:j_id33'] > table,
  div[id*='forgotPassword'] > table {
    width: 100% !important; }

  /* Customer and Trade Ally Registration - make input labels bold */
  table.custRegistrationInner > tbody > tr > td:nth-child(2) > form > span > table.tableCollapse > tbody > tr > td > span > label,
  table.taRegistrationInner > tbody > tr > td:nth-child(2) > form > table.tableCollapse > tbody > tr > td > label {
    font-weight: bold; }

  table.taRegistrationInner > tbody > tr > td:nth-child(2) > form > table.tableCollapse > tbody > tr > td {
    padding: 0; }

  table.custRegistrationInner > tbody > tr > td:nth-child(2) > form > span > table.tableCollapse > tbody > tr > td:nth-child(2) {
    margin-bottom: 10px; }

  table.taRegistrationInner > tbody > tr > td:nth-child(2) > form > table.tableCollapse > tbody > tr > td:nth-child(2) {
    margin-bottom: 15px; }

  #attachmentBlockPPD {
    width: 90% !important; }

  body > div.content-container > div.content-container-inner > center > table > tbody > tr:nth-child(2) > td > table,
  .portalRegSelectionTableInner,
  .custRegistrationInner {
    width: 90%;
    font-size: 110% !important; }

  /* Registration Selection Header */
  body > div.content-container > div.content-container-inner > center > table > tbody > tr:nth-child(1) > td > div {
    margin: 10px 15px 0 15px; }

  /* Customer Registration Header and eop_SiteRegisterInstructions */
  body > div.content-container > div.content-container-inner > center > table > tbody > tr:nth-child(2) > td,
  body > div.content-container > div.content-container-inner > center > table > tbody > tr:nth-child(3) > td {
    font-size: 100% !important;
    width: 90%; }

  /* Customer Registration fields table (4) and
   Trade Ally Registration fields table (6)
   */
  body > div.content-container > div.content-container-inner > center > table > tbody > tr:nth-child(4) > td > table,
  body > div.content-container > div.content-container-inner > center > table > tbody > tr:nth-child(6) > td > table {
    width: 90%; }

  #j_id0\3a j_id2\3a j_id35 > table:nth-child(5) > tbody > tr > td {
    display: block; }

  /* Force Apply for Rebate Page - Existing Rebate Applications table to display as table (not collapsed...) */
  #j_id0\3a j_id7\3a j_id8\3a j_id54\3a j_id55\3a j_id57\3a j_id58\3a tb > tr > td {
    display: table-cell; }

  /* Select Measure - fix formatting of new & exiting model fields */
  table.eop_SelectMeasureAdditionalCustomFieldTableClass > tbody > tr > td.columns_2 {
    width: 40%; }

  /* Hide Application Date and Rebate Ammount from Program Application page ... */
  .rebateApplicationTable th:nth-child(2),
  .rebateApplicationTable th:nth-child(3),
  .rebateApplicationTable td:nth-child(2),
  .rebateApplicationTable td:nth-child(3) {
    display: none !important; } }
/*
  20160622 - kml - Responsive CSS - Override styles for small devices (less than 768 pixels)
           These are additional tweaks to reduce most margins and padding for
           narrow screens (portrait mode...)
  20171130 - Added to MPACStyles
*/
@media screen and (max-width: 767px) {
  #consortium-logo {
    display: none; }

  #remaining-budget {
    top: -65px;
    left: 215px;
    width: 275px; }

  #NameTitle {
    float: none;
    margin: 5px 0px 0px 5px !important;
    font-size: 15pt !important;
    color: #457b28; }

  .content-container-inner {
    width: 100%; }

  .portal-access {
    width: 100%; }

  .bPageBlock .pbHeader {
    margin: 0 15px; }

  .pbSubsection {
    padding: 15px !important; }

  .bPageBlock .pbBody {
    background: #fff;
    padding: 6px 15px 4px 15px; }

  .bPageBlock .pbHeader {
    margin: 0 15px; }

  div[id$='AvailableProgramsTitleId'] {
    padding: 15px 0px 0px 15px; }

  .programInstructions {
    padding: 10px 15px 0 15px; }

  .pbBottomButtons .pbTitle {
    width: 0% !important; }

  /* Hide registration info text in header near buttons for small devices */
  .register-text,
  .rebateApplicationTable th:nth-child(4),
  .rebateApplicationTable td:nth-child(4),
  .eligibleMeasuresTablePPD th:nth-child(3),
  .eligibleMeasuresTablePPD td:nth-child(3) {
    display: none !important; }

  .eligibleMeasuresTablePPD th:nth-child(2),
  .eligibleMeasuresTablePPD td:nth-child(2) {
    width: 45% !important; }

  /* Step 1 - Select Measures page - hide part of collapse / expand test */
  span.measureCatCollapseExpand {
    display: none; }

  /* Hide last modified date and name columns on Program Details page */
  table[id*='AttachmentBlockId'] > thead > tr > th:nth-child(3),
  table[id*='AttachmentBlockId'] > tbody > tr > td:nth-child(3),
  table[id*='AttachmentBlockId'] > thead > tr > th:nth-child(4),
  table[id*='AttachmentBlockId'] > tbody > tr > td:nth-child(4) {
    display: none !important; } }
/*
  20160622 - kml - Responsive CSS - Override styles for small devices
           (less than 568 pixels (iPhone5 Portrait))
           This section is to hide the My Work Assignments tab on the Trade Ally
           registration page for phones in portrait mode - switching to
           landscape for anything from an iPhone5 or larger will make
           the tab re-appear
  20171130 - Added to MPACStyles
*/
@media screen and (max-width: 567px) {
  /* Remove margins and padding around Portal Home tab panel */
  table.rich-tabpanel {
    width: 100% !important;
    margin: 0;
    padding: 0; }

  #cart-div {
    display: none !important; }

  /* Hide My Work Assignments tab for Trade Ally Portal Home */
  table.tarAccountTabs > tbody > tr > td.rich-tab-bottom-line > form > table > tbody > tr:nth-child(1) > td:nth-child(5),
  table.tarAccountTabs > tbody > tr > td.rich-tab-bottom-line > form > table > tbody > tr:nth-child(1) > td:nth-child(6) {
    display: none !important; }

  /* Reduce padding in tab headers */
  td[id$='tabContact_lbl'],
  td[id$='tabOpenAct_lbl'],
  td[id$='tabMyProjects_lbl'] {
    padding: 4px 2px; }

  div[id$='grid_pb_section'] > div.pbSubsection > table > tbody > tr > td {
    padding: 2px !important; } }
/* END 1stwave Overrides-------------- */

/*# sourceMappingURL=LESStyles.css.map */