/* * 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 */
/* Values for mobile and smaller screens try to use percentages where possible */
/*This is hopefully only targeting the table in the registration selection page */

/*div.gridbox_material.gridbox table.obj tr td
{
	font-size: .9em !important;
}
*/
/*Start portal login change*/
.slds-scope *, .slds-scope ::before, .slds-scope ::after
{
	box-sizing: content-box !important;
}
.PPArebateAppHeaderClass 
{
	color: red;
}
#rebateContactTable .pbSubsection td.data2Col
{
	padding-left: 10px;
}
.portal-masthead table
{
    border-collapse: collapse !important;
}
span[id$='eop_ActionButtons'] input[type='submit'] 
{
    margin-left: 0px !important;
    margin-right: 10px !important;
}
.login-row-column
{
    box-sizing:content-box !important;
}
span[id$="contactInfoID"] > div > div h3
{
	padding-left: 22px !important;
}
/* Support Case 20220408-00008446 DH-2022-04-26 Remove "Appointments and Visits" and "Attachments" from Portal Project Page  */
div[id$='ProjectAttachmentPageblockId'],
div[id$="ProjectEventsPageblockId"], div[id$="ProjectNotesPageblockId"]
{
display: none;
}


div[eo-style-class="subHeaderNoImage"] > div.individualPalette 
> div.customnotabBlock > div.editPage > div > div > table > tbody > tr > td > h2::before
{
	display: none !important;
}
div[eo-style-class="subHeaderNoImage"] > div.individualPalette > div.customnotabBlock > div.editPage > div > div
{
	padding-left: 0px !important;
}
div[eo-style-class="eo-portalnoheader"] > .pbSubsection
{
	border-top: 2px solid rgb(216, 216, 216) !important;
	border-top-right-radius: 8px !important;
	border-top-left-radius: 8px !important;
}
.mainTitle:before
{
    height:75px;
    width:75px;
    display:inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    top: 3%;
    float:left;
    left: 1%;
    margin-right: 0.75rem;
    margin-top: -13px;
}
div[id$="AvailableProgramsTitleId"] > h1::before
{
    width:75px;
    height:75px;
    display:inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-right: 0.75rem;
    margin-top: -20px;
}

/*[DH 2022-04-07] Added with Harold to hide Available dates and Type */
form[action*="PortalAvailablePrograms"] .pbSubsection table.detailList tr:nth-last-child(3)
{
display: none;
}

form[action*="PortalAvailablePrograms"] .pbSubsection table.detailList tr:nth-last-child(4)
{
display: none;
}


.eo-portal_pagemessages .errorM3 
{
    margin: 10px 0px !important;
}
.slds-carousel__content-title
{
	font-weight: 400 !important;
}

div.hdrcell.filter > input, div.hdrcell.filter > select
{
	background: none !important;
}
.eo-portal_CPATCHA_component
{
	width: 50% !important;
	margin-left: auto;
	margin-right: auto;
	padding-left: 18% !important;
}
.eo-portal_availablePrograms>div.pbSubsection>table.detailList>tbody>tr:first-child
{
   width: 50%;
   float: left;
}
.eo-portal_availablePrograms>div.pbSubsection>table.detailList>tbody>tr:nth-child(2)
{
   width: 50%;
   float: right;
}
.eo-portal_availablePrograms>div.pbSubsection>table.detailList>tbody>tr:nth-child(2)>td.data2Col
{
   display:inline-block;
   width: 100%;
   text-align: right;
}
span[id$='eop_availprogram_available_date']
{
	padding-right: 1em;
}
.eo-portal_availablePrograms_moreDetailsButton
{
	display:none;
}

/*firefox specific for new slds items */
@-moz-document url-prefix(){
	.slds-select {
	   height: 5px !important; 
	}
  }
/*end new style*/
.proxyAccountLabel > span > span .helpOrb
{
	top: 0px;
}
td.pbTitle > h2
{
	text-align: left
}

.eo-portal_cpUpload span[id$="messages"]
{
	display:block;
}
.menuListItem
{
    margin:0px;

}

.menuList
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

hr.solid 
{
    border: 0px;
    border-top: 1px solid rgb(216,221,230);
    margin:0px;
}

.dropbtn 
{
    appearance: none !important;
    background-color: transparent;
    background-image: none !important;
    border: none;
	color: rgb(84,105,141);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    height: 20px;
    width: 20px;
    line-height: 12px !important;
    margin: 0px;
    overflow: visible;
    padding: 0px;
    position: relative;
    text-decoration: rgb(84,105,141);
    transition-duration: 0.5s, 0.5s;
    box-sizing: content-box;
    vertical-align: middle !important;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: none;
}
#smallDropdown
{
    float:right;
}
.dropdown {
  position: relative;
  display: inline-block;
  margin-left: .75em;
  box-sizing: content-box;
}
.dropdown-content-small
{
    display: none;
    position: relative;
    background-color: rgb(253,253,253);
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
    right: 0px;
    border-radius: 8px;
    top:34px;
    left:25px;
}
.dropdown-content-small a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}
.dropdown-content-small:hover
{
    background-color: none !important;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(253,253,253);
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: left;
  right: 0px;
  border-radius: 8px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.eo-button__icon
{
    color: rgb(84,105,141);
    fill: rgb(84,105,141) !important;
    box-sizing: content-box !important;
    font-size: 12px !important;
    height: 14px !important;
    width: 12px !important;
    font:bolder !important;
    vertical-align: middle !important;
}
.eo-portal_label
{
    font-family: "Lato" !important;
}
.eo-portal_label_singleColumn
{
    width: 40%;
    text-align: right;
    padding-right: 10px !important; 
    padding-bottom: 0.25rem;
    margin-bottom: 0px !important;
}

.eo-portal_accountMenu
{
    height: 20px !important;
}
.eo-portal_inputSelect_singleColumn
{
 	width:230px !important;
}

.showMenu
{
	display:inline-block !important;
    height:40.233px !important;
    line-height:normal !important;
}
.hideMenu
{
	display:none;
}

.showMenuItem
{
	display:inline;
}

.hideMenuItem
{
	display:none;
}

.eo_portal_hamburger_showonly
{
	display:none; 
}
.registerWrapper > a, .eo-portal_fixDecoration > a
{
	text-decoration: none !important;
}

.registerWrapper > a:hover, .eo-portal_fixDecoration > a:hover
{
	color:unset !important;
}

.menuLink
{
	text-decoration: none !important;
	
}

.menuLink :hover
{
	color: unset !important;
}

.hideLink
{
	display:none !important;
}

.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;
}
.menu.menuOpen {
	max-height: 1000px;
	-webkit-transition: max-height 0.5s;
	-moz-transition: max-height 0.5s;
	transition: max-height 0.5s;
	position:relative;
	z-index: 100;
}

.menu ul li {
	position: relative;
	display: block;
	width: 100%;
	background: #094b80;
	border-top: 1px solid #bbb;
	font-size: 125%;
	padding-top: 9px;
	padding-bottom: 9px;
}
.menu ul li:hover {
	background: #999;
}
.menu ul li a {
	color: #fff;
	text-shadow: #848484 0px 1px 2px;
	padding: 10px 0;
	width: 100%;
	text-decoration: none;
}
.menu ul li.hmPortalAccess {
	background: #e9650f;
	color: #fff;
}
.eo-portal_loginimage
{
	float: left !important;
	margin-left: 25% !important;
	padding-top: 9px;
	padding-right: 2%;
}

.eo-portal_login_instructions_span
{
	margin: 0px;
}
.eo-portal_login_instructions
{
	text-align: center !important;
}
.eo-portal_loginbuttons
{
	text-align: center;
}
div[eo-style-class='eo-portalnoheader']> .pbSubheader 
{
	height:20px !important;
}
.eo-portal_logintable_image
{
	margin-left: auto;
	margin-right:auto;
}
.eo-portal_login_noImage{
	margin-left:auto;
	margin-right:auto;
}
/*end portal login images*/

/*start SLDS entries */

.xhdr > img
{
	top: 1px !important;
}

.eo-portal_body *
{
	font-family: "Lato" !important;
}
.eo-portal-label
{
	float:left;
	padding-right: 5px;

}
.eo-portal_small_img
{
	width: 75px;
	height: 75px;
}

.eo-portal_selectionDiv
{
	padding-bottom: 0px;
	padding-left: 6px;
}
.eo-portal-wrap_2
{
	-webkit-line-clamp: 2 !important;
}

.eo-portal_myprojects_message
{
	margin-bottom: 10px !important;
}
.eo-portal-projectgrid_margin
{
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}
.slds-card__body_inner
{
	margin-top: 0px !important;
	padding-right: 1.25rem !important;
	padding-left: 1.25rem !important;
}

.eo-portal-card_subheader
{
	padding-left: 0px !important;
	padding-right: 0px !important;
	font-size: 19px !important;
	margin-bottom: 0px !important;
}



.eo-projectsgrid_helpspanwrapper
{
	top: 0px !important;
}

.messageTable
{
	display: block;
}

.messageTable td
{
	min-width: 30px;
}

.eo-portal_group_message
{
	margin-bottom: 16px !important;
}

.headImg
{
	text-align: center !important;
    max-width: 980px;
    margin-left: auto;
	margin-right: auto;
}

.headImg > img
{
	display:block;
	float:left;
	padding-top: 30px;
}
.eo-portal_accordian_button_white
{
	fill: rgb(255, 255, 255) !important;
}
div.grid_panel *
{
	width: 100% !important;
	margin: 0px !important
}

.slds-card__header.slds-grid.eo-card__header
{
	padding-right: 0px !important;
	padding-left: 0px !important;
    margin-bottom: 2.5em;
}

.slds-scope .slds-accordion__section
{
	padding-right: .65em !important;
	padding-left: .74em !important;
}
/*end slds entries */

table[bgcolor="white"][style="align:center; width:100%;"] {
	width: 80% !important;
}
input.dataStyleDateTime{
    width: 100%;
	max-width: 228px;
}
    /* DH 2022-09-07 This is to hide the Change Measure Eligibility Date Button */
input[value='Change Measure Eligibility Date'] 
{
    display: none;
} 
input.dataStyleDate{
    width: 100%;
	max-width: 228px;
}
td.eoTARegistrationDataCol textarea {
	width: 100%;
	max-width: 228px;
} 
div[eo-style-class='PortalNoGroupHeaderSubSection'] > .pbSubsection {
	border-top: 2px solid #d8d8d8;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
div[eo-style-class="eoTandCPageBlockSection"] > .pbSubsection {
    border-top: 2px solid rgb(216,216,216);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.popupBorder {
	border: 4px solid #0887cf !important;
}
div[id^="forgotPassword"] > table > tbody > tr:nth-child(1) > td:nth-child(1) {
	width: 150px;
	height: 150px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	left: 5%;
	top: -5px;
}
div[id$='grid_pb_section'] > div.pbSubsection .hdrcell.filter > input {
	font-size: 16px !important;
}
div[id$='grid_pb_section'] > div.pbSubsection .hdrcell.filter > select {
	font-size: 16px !important;
}
div[id$='grid_pb_section'] > div.pbSubsection div.objbox td {
	font-size: 16px !important;
}
table.detailList > tbody > tr > td > label {
	font-size: 100%;
}
.hdrcell > span.helpButtonOn {
	top: 2px;
}
div.hdrcell > input[type=text] {
	width: 90% !important;
}
form[action*='portaltermandcondition'] > div.content-container > div.content-container-inner > div.apexp + div.apexp > div > div > div > div > div > div > div {
	border-top: 2px solid #d8d8d8;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
form[action*='portalnotes'] > div.content-container > div.content-container-inner > div.apexp > div > div > div > div.pbBody > div > div {
	border-top: 2px solid #d8d8d8;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
div[id$='DisplayCustomerInfo'] > div > img {
	display: none;
}
div[id$='CreatePortalAccSecID'] > div > img {
	display: none;
}
span[id$='contactInfoID'] > div > div > img {
	display: none;
}

.hideListButton{
	position:relative;
	top: -4px;
}
.showListButton {
	position:relative;
	top: -4px;
}

img[alt="Hide Section - Total Savings and Incentives"] + h3 {
	visibility: hidden;
}
img[alt="Hide Section - Total Savings and Incentives"] + h3:before {
	content: 'Incentives Summary';
	visibility: visible;
}
/* div[id*="AccountDetailsFormID"]>div.pbSubheader + div.pbSubsection>table.detailList>tbody>tr>th.labelstyle {
	padding-top: 10px;
}
*/
div.pbBody > div.pbError + div.pbSubsection {
	border-top: 2px solid #d8d8d8;
	border-radius: 8px;
}
/*This is hopefully only targeting the table in the site register page */
table[bgcolor="white"][style="align: center;text-align:left;"] {
	width: 50%;
}
div[id^="loginPage"] {
	margin-top: 0px !important;
}
div[id*="loginPage"] td.messageCell > div {
	padding-bottom: 0px !important;
}
center > table {
	border: 2px solid #d8d8d8;
	border-radius: 8px;
	margin-top: 40px;
	padding-top: 10px !important;
}
table[eo-style-class="forgotPasswordGrid"] br {
	display: none;
}
input[id^="forgotPassword"][type="submit"] {
	margin-top: 0px;
}
table.captchaComponentPanel + br + table {
	margin-left: 20%;
}
div[id^="PortalRegistrationSelection"] {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}
/* a[id$="Link1"] {
	background: linear-gradient(280.92deg, #0887cf 18.58%, #1495dd 79.62%);
	-webkit-border-radius: 10px;
	border-radius: 3px;
	padding: 6px 14px;
	margin-left: 10px;
	text-shadow: none;
	color: #fff;
	font-weight: normal;
	font-family: "Lato";
	font-size: 14px;
	line-height: 17px;
	font-style: normal;
	cursor: pointer;
	margin-top: 10px;
	text-decoration: none;
}
a[id="Link1"]:hover {
	text-decoration: none;
	color: #fff;
}
a[id$="Link2"] {
	background: linear-gradient(280.92deg, #0887cf 18.58%, #1495dd 79.62%);
	-webkit-border-radius: 10px;
	border-radius: 3px;
	padding: 6px 16px;
	margin-left: 10px;
	text-shadow: none;
	color: #fff;
	font-weight: normal;
	font-family: "Lato";
	font-size: 14px;
	line-height: 17px;
	font-style: normal;
	cursor: pointer;
	margin-top: 10px;
	text-decoration: none;
}
a[id="Link2"]:hover {
	text-decoration: none;
	color: #fff;
}
*/
table.portalRegSelectionTableInner {
	width: 62%;
	margin-left: 15%;
}
form[id*="Registration"] {
	margin-left: 10%;
}
table.registrationButtonClass + table {
	margin-left: 28%;
}
.registrationButtonClass {
	margin-left: 25%;
}
div[id$="MyProjectsFormID:pbProjects:grid_pb_section"] > div + div > table > tbody > tr > td > div > div > table > tbody > tr + tr > td {
	vertical-align: middle !important;
}
.rich-tab-header {
	border-radius: 5px 5px 0px 0px;
}
.rich-tabhdr-side-border {
	background-image: none !important;
}
.rich-tabhdr-side-cell {
	border-radius: 5px 5px 0px 0px;
}
.content-container-inner > center {
	margin-top: 25px;
}
.siteLoginTable {
	width: 60%;
	margin-left: 25%;
	margin-top: 0px !important;
}
span[id="eop_SiteLoginInstructions"] {
	margin-left: 20%;
}
form[action*="portaltermandcondition"] > div.content-container > div.content-container-inner > div.apexp + div.apexp > div.individualPalette > div.Custom24Block > div.editPage > div > div.pbBody > div > div.pbSubsection {
	border-top: 2px solid #d8d8d8;
	border-radius: 8px;
}
#progDialog {
	border-radius: 8px;
}
#progDialog > .eoProgressDialogBorder {
	border: 4px solid #0887cf !important;
	border-radius: 8px;
}

span[id*="entireCustomerInformationSectionsID"] > table > tbody > tr + tr > td > fieldset {
	border: 1px solid #d8d8d8;
	border-radius: 8px;
}
span[id*="applicationPageBlock:"] > fieldset {
	border: 2px solid #d8d8d8;
	border-radius: 8px;
}
#spinner {
	border-radius: 8px;
}
#spinner > div {
	border: 4px solid #0887cf !important;
	border-radius: 5px;
}
table[id$="AccountTabPanel"] > tbody > tr > td.rich-tab-bottom-line {
	text-align: -webkit-center;
}
html {
	background: #fff !important;
}
.lastFileClass {
	display: none !important;
}
.doNotShowClass {
	display: none !important;
}
.firstFileClass {
	display: inline !important;
}
.portalImage {
	position: absolute;
	margin-left: 20%;
}
.portalImage > img {
	height: 75px;
	width: 75px;
}
.tooltip {
	display: none;
	position: fixed;
	padding: 10px;
	z-index: 1000;
   /* width: 15em;
	*/
	background-color: #f4f3f4;
	padding: 2px 5px;
	border: 1px solid black;
	text-align: left;
	white-space: normal;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	font-family: "Arial", "Helvetica", sans-serif;
}
div[id*="loginButtons"] {
	padding-top: 10px;
	margin-left: 65px;
}
.compProjUplPageDownloadResultsLink {
	color: #fff !important;
	font-size: 100%;
}
/* Start: Order summary page elements */
.errorM3 {
	border-color: #c00;
	background-color: #ffc;
	border-style: solid;
	border-width: 1px;
	color: #000;
	padding: 6px 8px 6px 6px;
	margin: 4px 20px;
}
.msgIcon {
	background-image: url('/img/msg_icons/error24.png');
	background-position: 0 0;
	width: 24px;
	height: 24px;
}
.messageText {
	margin-left: 8px;
}
span[id$="OrderSummaryPage"] .sfdc_richtext {
	margin-left: 15px;
}
span[id$="OrderSummaryPage"] .colHeadr {
	text-align: center;
	background-color: #f8f8f8 !important;
	font-size: 0.8em !important;
}
span[id$="OrderSummaryPage"] .totalRow .colFooter {
	font-weight: bold;
	text-align: right;
	background-color: #e5e5e5;
	border-style: hidden;
	font-size: 0.8em !important;
}
span[id$="OrderSummaryPage"] .number {
	text-align: right;
	padding-right: 10px;
}
span[id$="OrderSummaryPage"] .totTable {
	text-align: right !important;
	font-weight: bold;
	font-size: 0.8em !important;
}
span[id$="OrderSummaryPage"] .totalRow .colFooter1 {
	font-weight: bold;
	text-align: left;
	background-color: #e5e5e5;
	font-size: 0.8em !important;
}
span[id$="OrderSummaryPage"] .overviewHeader {
	font-weight: bold;
}
span[id$="OrderSummaryPage"] .labelstyle {
	width: 200px !important;
	margin-right: -50px !important;
	font-size: 0.8em !important;
	text-align: right;
	padding-right: 10px;
}
span[id$="OrderSummaryPage"] .summaryText {
	font-weight: normal !important;
	font-size: 100% !important;
	line-height: 14pt !important;
	color: #000 !important;
	padding-bottom: 20px !important;
}
span[id$="OrderSummaryPage"] .detailList .data2Col .list .dataRow .dataCell {
	font-size: 0.8em !important;
}
span[id$="OrderSummaryPage"] img[name="Project Summary"], span[id$="OrderSummaryPage"] img[name="Project Details"], span[id$="OrderSummaryPage"] img[name="Total Savings and Incentives"] {
	display: none;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(2) {
	text-align: center;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(3) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(4) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(5) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(6) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(7) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(8) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(9) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[id$="MeasureTable"] tr[class="headerRow"] th[class="headerRow colHeadr"]:nth-child(10) {
	text-align: right;
}
span[id$="OrderSummaryPage"] table[class="detailList"] {
	width: 100%;
}
span[id$="OrderSummaryPage"] .apexp .customnotabBlock .apexDefaultPageBlock {
	box-shadow: none;
}
/* End: Order summary page styles */
.headingdiv {
	font-family: "Lato" !important;
	width:100%;
    padding:0 !important;
}

#progressBar {
	background-color: #003478 !important;
}
.eoProgressDialogBorder {
	border-color: green !important;
}
form[id*='HomePagepageMessages'] {
	position: relative;
	top: 10px;
}
div[class="bPageBlock brandSecondaryBrd bDetailBlock secondaryPalette"] > div[class="pbBody"] > div[class="brandTertiaryBrd first pbSubheader tertiaryPalette"] {
	margin-top: 30px;
}
form.MyProjectsGridFormClass > div.apexp > div.individualPalette > div.customnotabBlock > div.bPageBlock {
	box-shadow: none !important;
}
form.TradeAllMyProjectsGridClass > div.apexp > div.individualPalette > div.customnotabBlock > div.bPageBlock {
	box-shadow: none !important;
}
label[for*="contactWrapperFields"] + span.helpButtonOn {
	top: 3px;
}
.eop_PortalProgramAppHeaderClass + span.helpButtonOn {
	top: 1px !important;
}
.programAppContactHelp {
	position: relative !important;
	top: -15px !important;
}
.programAppContactHelp {
	position: relative !important;
	top: -15px !important;
}
div[id*="ContactDetailsID"] label {
	font-weight: 700;
	color: #000 !important;
}
div[id$="ContactDetailsID"] > div + div.pbSubsection {
	padding-top: 0px !important;
}
th.labelCol.vfLabelColTextWrap {
	font-size: 100% !important;
}
div[id^='head_'] {
	margin-left: 15px;
	margin-right: 15px;
}
div.projectDetailsSpacer ~ div.bPageBlock div.pbBody div.pbSubsection {
	margin-left: 15px;
	margin-right: 15px;
}
div.projectDetailsSpacer ~ div.listHoverLinks {
	display: none;
}
div.projectDetailsSpacer ~ div.bPageBlock div.pbBody div.pbSubsection img.helpOrb {
	top: 4px;
}
.cloneButtonLabel {
	width: 23% !important;
}
.clonechoosecontactbutton {
	margin-left: 7px !important;
}
form[action*="PortalAvailablePrograms"] > div[class="content-container"] > div[class="content-container-inner"] {
	padding-top: 5px;
}
form[action*="PortalAvailablePrograms"] div[class="bPageBlock brandSecondaryBrd apexDefaultPageBlock secondaryPalette"] {
	box-shadow: none;
	-webkit-box-shadow: none;
}
form[action*="PortalProjectDetails"] div[class="customnotabBlock"] div[class="bPageBlock brandSecondaryBrd apexDefaultPageBlock secondaryPalette"], form[action*="PortalProjectDetails"] div[class="customnotabBlock"] div[class="bPageBlock brandSecondaryBrd bDetailBlock secondaryPalette"] {
	box-shadow: none;
	-webkit-box-shadow: none;
}
form[action*="PortalProjectDetails"] body .bEditBlock .pbBottomButtons, body .apexp .bPageBlock.apexDefaultPageBlock .pbBottomButtons {
	border-top: none;
}
/*div[id$="responseEntryPage"] > div[class="pbHeader"] {
	margin-top:30px;
}
*/
div[id$="eop__ResponseEntryInnerGroupSection"] table.rqrTable
{
    width: 80% !important;
    margin: 0px auto;
}
div[id$='eop__ResponseEntryGroupSection'] > div.pbSubsection {
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}
/* input[id$='portalResponseSaveChangesBtn'] {
	display:none;
}
*/
form[action*="portaltermandcondition"] > div > div > div[class="apexp"] > div > div > div[class="bPageBlock brandSecondaryBrd apexDefaultPageBlock secondaryPalette"] {
	box-shadow: none;
	-webkit-box-shadow: none;
}
div[id$="portalRegisterSelection"], div[id$="portalTARegistration"], div[id$="SiteRegisterTitle"] {
	height: 42px;
}
.siteRegisterCAPTCHAComponent {
	padding-left: 7px;
	padding-bottom: 10px;
}
.siteLoginCAPTCHAComponent {
	padding-left: 7px;
	padding-bottom: 10px;
}
.tradeAllyCAPTCHAComponent {
	padding-left: 7px;
	padding-bottom: 10px;
}
.portalRegSelectionTableOuter {
	margin-left: 17%;
	width: 70% !important;
	border-radius: 5px;
}
div.requiredInput > .eoRequired {
	border-left: 3px solid #c00;
	padding-left: 1px;
	box-sizing: border-box;
	width: 235px !important;
	margin-left: 3px;
}
.eoNotRequired {
	padding-left: 3px;
}
.eoRemoveRequired {
	display: none !important;
}
.dateInput > .eoRequiredDate {
	border-left: 3px solid #c00;
	padding-left: 1px;
	box-sizing: border-box;
	margin-left: 3px;
}
.eoNotRequiredDate {
	padding-left: 3px;
}
div[class="content-container-inner"] > div[class="listHoverLinks"] {
	margin-top: 0px;
}
form[class="portalProxyProgramApplicationForm"] > div[class="apexp"] > div > div > div[id$="applicationPageBlock"] {
	margin-top: 20px;
}
.proxyverifybutton {
	padding-left: 58px !important;
}
.proxyAccountLabel {
	padding-top: 6px !important;
}
.proxyAccountLabel > span > span.helpButtonOn {
	top: 3px;
}
.proxyLabelClass {
	padding-top: 5px !important;
}
.proxyLabelClass > span > span > img.helpOrb {
	top: 3px !important;
}
body .bEditBlock .pbBottomButtons, body .apexp .bPageBlock.apexDefaultPageBlock .pbBottomButtons {
	border-top: none;
	margin-top: -5px;
}
.bPageBlock .pbHeader table, .bPageBlock .pbBottomButtons table {
	width: 100%;
}
.pbHeader > table {
	border: none !important;
}
.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: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
span[id$="customerInformationSectionsID"] td.data2Col, div[id$="PortalProjSecId"] td.data2Col, span[id$="contactInfoID"] td.data2Col
{
	padding-left: 10px !important;
}
span[id$="customerInformationSectionsID"] select, div[id$="PortalProjSecId"] select, span[id$="contactInfoID"] select
{
	width: 235px !important;
}
span[id$="PortalAccDetailsId"] td.data2Col 
{
	padding-left: 4px !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lato" !important;
	margin: 0;
}
td.pbTitle > h2 {
	font-weight: 300 !important;
	font-color: #204975;
	background: #fff;
}
.sfdc_richtext, .body {
	font-family: "Lato" !important;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	/*color: #4e4e4e;*/
}
a {
	font-family: "Lato" !important;
}
span, p {
	font-family: "Lato" !important;
	font-size: 100% !important;
}
/* 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;
}
/* Use the below code to manipulate the text in any of the custom columns of the portal home grids. The value in customtitle is the value inside the cell. You can use multiple instances to manipulate different values. The below code would find any cell in the portal home (trade ally or customer) grid with the value 'Additional Information Requested' and would change the text to bold and red. td[customtitle$='Additional Information Requested'] {
	font-weight:bold;
	color:red !important;
}
*/
.accountContactFieldLabel {
	padding-right: 30px;
	font-weight: 400 !important;
	color: #000 !important;
	font-family: "Lato" !important;
	font-size: 100% !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: linear-gradient(275.29deg, #204975 21.31%, #2b5c91 81.83%);
	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: "Lato" !important;
	padding: 4px 14px 4px 14px;
}
.rich-tabpanel-content {
	border: 1px solid #fff;
	background: #fff;
	border-top: 15px solid #fff;
	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: "Lato" !important;
	font-size: 1em !important;
}
/* Reduce padding around content in Portal Home main */
td.rich-tabpanel-content {
	padding: 5px !important;
}
table[id$="AccountTabPanel"] td.rich-tabpanel-content {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
table[id$="AccountTabPanel"] td[class*="__Project_Status__c"] {
	text-align: center;
}
/* 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;
}
.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;*/
	float:right;
	margin-right: 5px;
}
.questionIcon {
	margin-top: -6px;
}
.theFooterClass td {
	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;
}
#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: "Lato" !important;
}
body, td {
	font-family: "Lato" !important;
	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;
	margin-top: 10px;
}
.eop__portalSelectMeasureByPortalGroupSearchResultText a {
	color: black !important;
}
/* Start: CHATTER CSS */
div[id$="chatter-feed"] {
	width: 100%;
	height: 215px;
	border: 1px solid #d3d3d3;
}
/* End: CHATTER CSS */
/* Start: CSS FOR COMMUNITY */
div[id*='portalAttachDocumentHeader'] div.pbSubsection {
	margin-bottom: 0px !important;
	padding-top: 5px !important;
}
span[id*="PortalAttachDocumentInstructions"] > span.programInstructions {
	padding-left: 1px;
}
.portalAttachInputButton {
	padding-left: 11px !important;
}
.editPage .pbBody .pbSubheader {
	background: linear-gradient(275.29deg, #204975 21.31%, #2b5c91 81.83%) !important;
	font-family: "Lato" !important;
	font-weight: 700;
}
div[id="attachmentBlockPPD"] > div > div > h3 {
	font-size: 19px !important;
}
.apexp .bPageBlock .pbBody .pbSubheader h3 {
	font-size: 19px !important;
	font-weight: normal;
	font-style: normal;
}
form[action*="PortalProjectDetails"] .apexp .bPageBlock.apexDefaultPageBlock .pbBody .pbSubheader h3 {
	font-size: 19px !important;
}
.apexp .bPageBlock.apexDefaultPageBlock .pbBody .pbSubheader h3, .eo-portal_cpUpload .apexp .bPageBlock .pbBody .pbSubheader h3 {
	font-size: 19px;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	padding-left: 25px;
}
.hideListButton + h3
{
	padding-left: 7px !important;
}
.showListButton + h3
{
	padding-left: 7px !important;
}
body .bRelatedList .pbTitle h3, body .bPageBlock .pbTitle h2, body .bPageBlock .pbTitle h3, body .bSubBlock h3.lbHeader {
	color: #204975 !important;
	font-size: 19px;
}
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: "Lato" !important;
	font-size: 0.875em;
	background-image: none;
   /* add ~2% to the base */
	text-align: center;
	margin: 0 auto;
	box-sizing: content-box !important;
	height: 124px !important;
	background-color: white;
}

.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: #000;
}
.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: linear-gradient(280.92deg, #0887cf 18.58%, #1495dd 79.62%);
	opacity: 0.5;
	font-family: "Lato" !important;
	font-weght: normal;
}
#search-button {
	height: 25px;
	background-color: #05587f;
	border: 0px;
	border-radius: 4px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	min-width: 50px;
	font-family: "Lato" !important;
	font-weght: normal;
}
/* #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: #fff !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: rgba(255, 255, 255, 1.0);
	box-shadow: none;
	margin: 2px 2px 2px 2px;
	max-width: 57px !important;
}
#client-text {
	font-size: 0.875em;
	color: #fff;
}
#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: #000 !important;
	font-size: 0.875em !important;
	line-height: 10.5pt !important;
}
#location-change {
	color: #fff;
	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 {
  	float: right;
	cursor: default;
	height: 60px;
	width: 175px;
	border: 1px solid rgb(216, 216, 216);
	border-radius: 4px;
	background-color: #fff !important;
	margin-top: 7px !important;
	margin-bottom: 3px !important;
	width: 210px !important;
	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: #fff;
   /* 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;
	text-align: left !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;
	margin: 0 auto;
	background: #fff;
	/*height: 100%;*/
}
.content-container-inner {
	width: 89%;
	padding: 10px;
	max-width: 980px;
	margin: 0 auto;
	background: #fff;
	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;
	background: linear-gradient(275.29deg, #204975 21.31%, #2b5c91 81.83%);
	border-radius: 8px 8px 0px 0px;
}
.pbSubheader h3 {
	font-size: 19px;
   /* !important;
	-- KL commented out !important 6/22/17 */
	color: #fff;
	font-family: "Lato" !important;
	font-weight: 300;
}
.pbSubsection {
	border-top: none;
	border-bottom: 2px solid #d8d8d8;
	border-left: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
	padding: 0px 30px 30px 30px !important;
	border-radius: 0px 0px 8px 8px;
	margin-bottom: 40px;
}
.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 3px 0 0;
}
.pbSubsection label {
   /*width: 160px;
	max-width: 160px;
   */
	max-width: 85%;
	font-family: "Lato" !important;
	font-size: 100%;
   /*float:left;
	*/
   /*margin-top: 3px;
   */
}
.bPageBlock, .individualPalette .bPageBlock {
	border: none !important;
}
.secondaryPalette {
	background: #fff;
}
h1.noSecondHeader, .introPage h1 {
	font-size: 38px !important;
	white-space: normal;
	font-family: "Lato" !important;
	font-weight: 300 !important;
	color: #204975 !important;
	line-height: 37px;
}
.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;
}
.bPageBlock .detailList .dataCol {
	width: auto;
}
.bPageBlock .pbHeader {
	margin: 0 0px;
	background-color: #fff;
	color: #fff;
	padding: 12px 10px;
}
.bPageBlock .pbHeader h2 {
	font-size: 19px;
	color: #fff;
	font-family: "Lato" !important;
	font-weight: 700;
}
.bPageBlock .pbTitle {
	width: 100% !important;
	/* padding-bottom: 3% !important; */
	padding-top: 1.5% !important;
}
.pbHeader .pbTitle h3 {
	color: #fff;
}
.data2Col label {
	font-family: "Lato" !important;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
	color: #204975;
}
input, select {
	font-size: 100% !important;
	font-family: "Lato" !important;
	border: 1px solid #bbb;
}
input[type=button] {
   /* This prevents mobile safari from styling buttons */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


textarea {
	font-size: 100%;
	font-family: "Lato" !important;
	height: 100%;
	resize: none !important;
	border: 1px solid #bbb;
}
div[id*="eop__ResponseEntryInnerGroupSection"] select
{
	width: 235px !important;
}


input[type=text], div[id*="eop__ResponseEntryInnerGroupSection"] textarea  {
	width: 228px !important;
	text-indent: 5px;
}
input.eo-portal-input-w_100
{
	width: 100% !important;
}
input.eo-portal_input_modal
{
	width: 90% !important;
}

.eo-portal_input_modal
{
	width: 90% !important;
}

input[type=password] {
	width: 228px !important;
	text-indent: 5px;
}
input[id*='eop_AttachmentFile'] {
	text-indent: 0px !important;
}
/* #5106 - PortalSelectMeasuresByPortalGroups vertically align Search input and button with results text */
.eop_portalSelectMeasuresByPortalGroupSearch {
	height: 40px;
	padding-top: 3px;
}
/* #5106 - Set font size for PortalSelectMeasuresByPortalGroups measure tree side panel */
.measureSelectionsPageSidePanel {
	font-size: 14px !important;
}
td.eop__portalSelectMeasureByPortalGroupQuantityTD {
	width: 51px !important;
	max-width: 51px !important;
	height: 60px !important;
}
.eop__portalSelectMeasureByPortalGroupMeasureHeader {
	visibility: visible !important;
	display: block;
}
.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: 235px !important; /*upped to 235 HEC 5/17/2022 */
}
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'] {
    position: relative;
    height: 65px;
    padding: 5px 0px;
    display: block;
	margin-top: 26px;
}

/* 3703 */
.eop_PortalResponseEntryQuestionColumnWidth {
	width: 420px !Important;
	display: inline-block;
}
.eop_PortalResponseEntryResponseColumnWidth {
	width: 295px !Important;
	display: inline-block;
}
table[id*="responseEntryPage"] > thead > tr > th[class='headerRow']:nth-child(1) {
	width: 420px;
	display: inline-block;
}
table[id*="responseEntryPage"] > thead > tr > th[class='headerRow']:nth-child(2) {
	width: 295px;
	display: inline-block;
}
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: linear-gradient(280.92deg, #0887cf 18.58%, #1495dd 79.62%);
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline-width: 0px;
}
input[type="submit"], input[type="button"] {
	background: linear-gradient(280.92deg, #0887cf 18.58%, #1495dd 79.62%);
	-webkit-border-radius: 10px;
	border-radius: 3px;
	padding: 6px 14px;
	margin-left: 10px;
	text-shadow: none;
	color: #fff;
	font-weight: normal;
	font-family: "Lato" !important;
	font-size: 14px;
	line-height: 17px;
	font-style: normal;
	cursor: pointer;
	margin-top: 10px;
	min-width:150px;
}
form[action$="PortalProgramDetails"] input[type="submit"] {
	margin-bottom: 25px;
	margin-top: 10px;
}
.bPageBlock .detailList tr td, .bPageBlock .detailList tr th {
	border-color: #fff !important;
}
input[type="submit"]:active, input[type="button"]:active {
	background: linear-gradient(280.92deg, #0887cf 18.58%, #1495dd 79.62%);
	color: white;
}
.hdrcell input[type="checkbox"] {
	width: 12px;
}
input[type="checkbox"] {
	width: 20px !important;
}
div[id="eop_SiteRegisterInstructions"] {
	padding-left: 5% !important;
	padding-right: 5% !important;
}
.fontColorForInstruction {
	color: black;
}
td.eoTARegistrationDataCol > input[type='checkbox']{
	width: 13px !important;
	margin-left: 0px;
}
table.taRegistrationButtonTable {
	margin-left: 30% !important;
    margin-bottom: 30px;
}
.taRegistrationGroups br
{
    display:none;
}
/*HEC 5/17/2022 */
td.eoTARegistrationDataCol select
{
    max-width: unset !important;
}
div[eo-default-style="eoOuterPanel"] .multiSelectPicklistRow select
{
    max-width: 150px; 
}
div[eo-default-style="eoOuterPanel"] .multiSelectPicklistRow img
{
    margin-left: 7px;
    margin-right: 10px;
}
.taRegAttachData
{
	min-width: 50%;
}
span.helpButtonOn.eoTARegistrationHelpBubbleOn{
	top: 3px;
}
td.eoTARegistrationDataCol > textarea{
	width: 228px;
}
table.taRegistrationCaptcha{
	margin-left: 32%;
}
table.taRegistrationTandC{
	margin-left: 54px;
	max-width: 750px;
}
table.taRegistrationGroupsOuter{
	width: 100%;
}
td.eoTARegistrationQuestionLabelCol{
	min-width: 300px; /*HEC 5/17/2022 reduced from 440 to 300 */ 
}

table.taRegistrationGroups{
	width: 96%;
	margin-left: 2.5% !important;
}
table.taRegistration.taRegistrationInner {
	width: 75%;
	margin-left: 14%;
}
.taRegistration.taRegistrationInner table td
{
	text-align: right !important;
}
span.taRegistration.taRegistrationInstruction {
	margin-left: 4%; /*HEC 5/17/2022 reduced margins down from 10% */
	margin-right: 4%;
    display: block;
}
.taRegistration.taRegistrationInner .message table td
{
    text-align: left !important;
} 
.taRegistrationHeading {
	font-family: "Lato" !important;
	font-size: 100% !important;
	height: 36px !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: 38px !important;
	/* padding-left: 2%; */
}
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;
	max-width: 38px !important;
	min-width: 38px !important;
}
td.eop__portalSelectMeasureByPortalGroupMeasureNameTD {
	width: 239px !important;
	max-width: 239px !important;
	min-width: 239px !important;
}
td.eop__portalSelectMeasureByPortalGroupInfoTD {
	width: 24px !important;
	max-width: 24px !important;
	min-width: 24px !important;
}
td.eop__portalSelectMeasureByPortalGroupQuantityDescriptionTD {
	width: 237px !important;
	max-width: 237px !important;
	min-width: 237px !important;
}
td.eop__portalSelectMeasureByPortalGroupQuantityDescriptionTD label {
	margin-top: 0px;
	width: 85%;
	max-width: 85%;
   /* #5106 - PortalSelectMeasuresByPortalGroups - change quantity description text to not be bold */
	font-weight: normal !important;
	color: #4a4a4a;
	font-size: 0.8em !important;
}
td.eop__portalSelectMeasureByPortalGroupMeasureImageTD {
   /*width: 150px!important;
	max-width: 150px!important;
   */
   /* width: 80px!important;
	min-width: 80px!important;
	max-width: 80px!important;
   */
	width: 80px !important;
	max-width: 80px !important;
	min-width: 80px !important;
}
/* #5082 - Uncomment below to hide PortalSelectMeasuresByPortalGroups Save In Place button */
.btnSelectMeasSaveInPlace {
   /* display: none;
	*/
}
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 !important;
}
td.eop_FieldLabel .helpButtonOn {
	display: table-cell;
   /*height: 40px;
	vertical-align: middle;
	*/
}

span[id$="messages"] {
	display: none;
	padding: 10px;
}

form[action*='tradeallyhome']>span[id$="messages"]
{
	display:block;
}
/* 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;
}
.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;
	background: linear-gradient(91.68deg, rgba(236, 236, 236, 0.54) 15.54%, rgba(220, 220, 220, 0.54) 86.35%);
	height: 70px;
}
.portal-access-inner {
	background: transparent;
	max-width: 980px;
	font-family: "Lato" !important;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: #757575;
	padding-top: 15px;
}
.available-programs-row {
	float: left;
	margin-right: 20px;
}
.dividerLine1 {
	float: left;
	width: 1px;
	margin: 0 0 0 0;
	padding-top: 6px;
	color: rgba(196, 196, 196, 0.6);
}
.dividerLine2 {
	float: left;
	width: 1px;
	margin: 0 0 0 0;
	padding-top: 6px;
	color: rgba(196, 196, 196, 0.6);
}
body a:hover {
	text-decoration: none;
	color: #757577;
}
.portal-access-inner a {
	color: #757575;
	text-decoration: none;
}
.portal-home {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	width: 135px;
}
.register-row {
	float: left;
	width: 340px;
	margin-right: 25px;
}
.login-row-column {
	float: right;
	padding-top: 6px;
}
.login-row-column a {
	color: #757575;
	text-decoration: none;
}
.register-button {
	display:flex;
	padding-top: 6px;
	width: 300px;
	text-align: left;
	padding-left: 20px;
	float:left;
}
.register-text {
	width: 189px;
	background: rgba(179, 230, 180);
	padding: 5px;
	font-family: "Lato" !important;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	position: relative;
	float: left;
	top: -7px;
	border-radius: 5px;
	margin-left:20px;
}
.register-text::before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid rgba(179, 230, 180);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	left: -18px;
	top: 7px;
}
.left {
	border-color: #c8c8c8 transparent transparent transparent;
	border-width: 8px 8px 0px 8px;
	bottom: -8px;
}
.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 0px;
	font-weight: bolder;
	width: 100%;
	text-align: left;
}
.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;
	font-weight: bolder;
}
/* End: PORTAL MENU CSS */
div.gridbox_eo_custom table.hdr td {
	font-size: 100% !important;
}
.detailList .helpOrb {
	top: 1px;
}
/* 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) {
   /* span[id*="currentMeasureGroup"] > table > tbody > tr:nth-child(3), */
   /* 20170227 - Commented out so that Equipment Model filds are displayed... */
	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;
	height: 20px;
   /* 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: 19px !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 */
.attachmentMessages {
	top: 11px;
	position: relative;
}
.eoAttachRequiredBlock {
	left: -1px !important;
}
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;
}
div[class*='attachmentsStart'] div.apexp {
	width: 860px !important;
}
div[class*='attachmentsStart'] div > div > div > div > div {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
div[class*='customerAttachmentsStart'] div.apexp {
	width: 860px !important;
}
div[class*='customerAttachmentsStart'] div > div > div > div > div {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
table[id*='AttachmentBlockId'] th.headerRow:nth-child(2) {
	width: 200px;
}
table[id*='AttachmentBlockId'] th.headerRow:nth-child(3) {
	width: 145px;
}
table[id*='AttachmentBlockId'] th.headerRow:nth-child(4) {
	width: 100px;
}
.tradeAllyAttachmentLastModified {
	width: 200px;
}
.tradeAllyAttachmentCreatedBy {
	width: 200px;
}
.tradeAllyAttachmentLinks {
	width: 80px;
}
.taRegAttachFile
{
	white-space: nowrap;
	max-width: 330px;
}
.tradeAllyAttachmentLabel {
	max-width: 35ch;
   /*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_AttachmentFileName {
	max-width: 30ch;
   /*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;
}
/* #5106 - PortalSelectMeasuresByPortalGroups - change color of measures filter tree from blue to black */
.standartTreeRow {
	color: black !important;
}
.dhx_tree_textSign {
	color: black !important;
}
td.eop__portalSelectMeasureByPortalGroupMeasureSelectionToggbleSwitch span {
	float: right;
}
/* End: TEMP CSS */
/* 1stwave Overrides-------------- */
body .bPageBlock .pbHeader {
	padding: 15px 0px 0px 30px;
	margin-bottom: 14px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 10px;
	font-weight: 300;
	font-size: 31px;
	text-align: center;
}
div[class="content-container-inner"] > div[id="spacer"] {
	display: none;
}
div[class="content-container-inner"] > span[id$="eop__AttachMultipleDocs_Spacer1"] {
	display: none !important;
}
html, body {
	background-image: none;
	background-color: #878787;
}
.portal-masthead-master {
	background: none !important;
}
.tertiaryPalette {
	background: linear-gradient(275.29deg, #204975 21.31%, #2b5c91 81.83%) !important;
}
.pbBody {
	background: #e5e5e5;
}
.bPageBlock {
	background: #fff !important;
	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: unset;
    /* 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 0px;
}
.editPage .pbSubsection {
	margin-top: 0;
}
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) {
   /* For Portal Home page - increase width of sections and hide the My Rebates Tab:;
	Location, Initiated and Rebate Amount fields */
   /* Rebate Application/Project column */
   /* Make sure up/down sort arrow is correct size */
   /* Make sure checkbox image is correct size on My Authorizations tab */
   /* Set height of header so that search box filters are not obscured */
   /* Status column */
   /* Action column */
   /* Add bottom margin to portal home tabs so that powered by eo img is not cut by border */
   /* Remove margins around table in My Authorizations table */
   /* Make sure info icon image is correct size on Portal Select Measures By Portal Groups page */
   /* Make small header and hamburger menu fixed to top of screen */
   /*.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: 200px;
   }
	.available-programs-row {
		float: left;
		margin: 5px 30px;
	   /* width: 40%;
		*/
	   /* width: 200px;
   }
	.register-row {
		float: left;
		margin: 0px 0px;
		width: 100%;
   }
	.login-row-column {
		clear: both;
		float: none;
		margin: 5px 40px;
		width: 80%;
   }
	.register-button {
		float: left;
		margin: 5px 30px;
	   /* width: 40%;
		*/
	   /* width: 200px;
   }
	.register-text {
		float: left;
		margin: 5px 30px;
		font-size: 18px;
   }
	*/
   /*20190329*/
   /*20190329*/
   /* Make search input field smaller on Select Measures page */
   /* remove padding around instructions on Select Measures page */
   /* Remove extra padding from group sections of RQR page */
   /* Collapse login page table to display horiztontally stacked */
   /* Program Application page - format labels for Select Primary Contact section */
   /* Add space beneath each input field from above tables to help visually match label with input */
   /* Login page */
   /* Remove extra whitespace from top of form on Login page */
   /* Portal Home page - My Account tab - display tables as individual lines */
   /* 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 */
   /* Project Details page - collapse tables to individual lines */
   /* Project Details page - Extra space below requirements descriptions ONLY */
   /* Project Details page - Extra space below Appointments, Notes and Attachments sections to prevent "page curl" image from being covered by "empty" content */
   /* Hide name column on Program Details page */
   /* Display RQR questions and answer columns on individual lines */
   /* Increasse Question or Requirement header to full width on RQR page */
   /* Hide Response header text when table is collapses on RQR page */
   /* Reposition help icons to left of label header text - PortalProxyProgramApplication page */
   /* Removing this, help icons for all other items are on the right. So bringing these in line .portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div > table > tbody > tr > th > span > label {
		margin-left: 20px;
   }
	*/
   
   /* Fixes for Select Contact and Help Icon in Select Primary Contact table in Program Application page when table collapsed... */
   /* Reposition help icons to left of label header text - Customer Registration (SiteRegister) page */
   /* Reposition help icons to left of label header text - Step 1 - Select Measures page */
   /* Reposition help icons to left of label header text - Project Details page */
   /* Remove extra blank row about registration links on Registration Selection page */
   /* Customer and Trade Ally Registration - make input labels bold */
   /* Registration Selection Header */
   /* Customer Registration Header and eop_SiteRegisterInstructions */
   /* Customer Registration fields table (4) and Trade Ally Registration fields table (6) */
   /* Force Apply for Rebate Page - Existing Rebate Applications table to display as table (not collapsed...) */
   /* Hide Application Date and Rebate Ammount from Program Application page ... */
   .eo-portal_image_small
   {
		width: 5em !important;
		height: 5em !important;
   }
   .eo-media-size_small
   {
	   width: 5em !important;
	   height: 5em !important;
   }
   h2.eo-portal_card_header_bold
   {
	 	font-weight:bold;
   }
   .slds-scope .slds-truncate
   {
	   text-overflow: revert;
	   white-space: break-spaces;
   }
   .slds-scope .slds-line-clamp_small
   {
	   -webkit-line-clamp: 2;
   }
	table.paramsDateTable > tbody > tr > td {
		display: block;
   }
	td.paramsDateTableLabel {
		margin-left: 10px;
   }
	#cart-div {
		margin-right: 5px !important;
   }
	div.headImg > img {
		display: none;
   }
	.rich-tabpanel {
		margin-left: 0px;
   }
	.doNotShowClass {
		display: none !important;
   }
	textarea.eop_PortalNotesBody {
		width: 100% !important;
   }
	.eop_SelectContactHelp {
		padding-bottom: 10px !important;
   }
	td.tdCollapse.eop__portalSelectMeasureByPortalGroupInfoTD.eop_portalSelectMeasureGroupTD {
		float: left;
   }
	td.tdCollapse.eop__portalSelectMeasureByPortalGroupQuantityTD.eop_portalSelectMeasureGroupTD {
		float: left;
   }
	.popupMsg {
		padding: 2px !important;
   }
	span[id$='entireCustomerInformationSectionsID'] + br {
		display: none !important;
   }
	span[id$='entireCustomerInformationSectionsID'] + br + br {
		display: none !important;
   }
	table.taRegistration.taRegistrationInner > tbody > tr > td + td > form > br {
		display: none !important;
   }
	.portalRegSelectionTableOuter {
		width: 100% !important;
   }
	.timeout-dialog {
		width: 355px !important;
		left: 10px !important;
   }
	select {
		width: 100% !important;
   }
	select[name*='MyProjectsFormID:pbProjects'] {
		width: 70% !important;
   }
	div.requiredInput > .eoRequired {
		width: 100% !important;
   }
	.dateInput > .eoRequiredDate {
		width: 85% !important;
   }
	div[id*="responseEntryPage"] > .dateInput {
		width: 10% !important;
   }
	table[id*="responseEntryPage"] > thead > tr > th[class='headerRow']:nth-child(1) {
		width: 100% !important;
   }
	.registrationButtonClass tr > * {
		display: block;
   }
	.registrationButtonClass tr {
		display: table-cell;
   }
	.forgotPasswordTable tr > * {
		display: block;
   }
	.forgotPasswordTable tr {
		display: table-cell;
   }
	.projDetNotesBodyCol {
		display: none !important;
   }
	.projDetNotesModifiedCol {
		display: none !important;
   }
	.proDetLinks {
		width: 50% !important;
   }
	.empty {
		display: none !important;
   }
	td[id*='tabContact'] > table > tbody > tr > td > div.apexp {
		width: 97% !important;
   }
	#progressBkg {
		width: 350px !important;
   }
	.cloneButtonLabel {
		display: none !important;
   }
	.clonecontactsection > div + div > table > tbody > tr + tr > th {
		display: none !important;
   }
	label[for*="contactWrapperFields"] + span.helpButtonOn {
		top: 0px !important;
   }
	img.helpOrb.programAppContactHelp {
		left: -260px;
		margin-left: 0px !important;
   }
	.eop_applicationContactRadioClass {
		margin-top: 0px !important;
   }
	#rebateContactTable > div > div:nth-child(2) > table > tbody > tr:first-child {
		display: none;
   }
	#rebateContactTable > div > div:nth-child(2) > table > tbody > tr:nth-child(3) {
		display: none;
   }
	span.helpButtonOn.eop_PortalProgramAppHeaderClass_HelpOrb {
		top: -2px !important;
   }
	.actionLinks {
		display: inline-block;
		padding-top: 10px;
   }
	span[id$="program_desc"] img {
		width: 100% !important;
   }
	.btnSearch {
		margin: 0 0 0 0 !important;
   }
	.accountContactFieldLabel {
		padding: 0 0 0 0 !important;
   }
	span[id$="program_desc"] img {
		width: 100% !important;
   }
	.clonechoosecontactbutton {
		margin-left: -30% !important;
   }
	#progDialog {
		width: 387px !important;
		left: 64% !important;
   }
	#spinner {
		width: 387px !important;
		left: 64% !important;
   }
	span[id*="eop_MeasureSelectGroupSection"] input[type="checkbox"] {
		margin-left: 0px !important;
   }
	.measureSearchInput {
		margin-bottom: 5px !important;
   }
	.eop_portalSelectMeasuresByPortalGroupSearch {
		height: auto !important;
   }
	.lookupInput {
		white-space: normal !important;
		width: 90% !important;
   }
	.eop__portalSelectMeasureByPortalGroupMeasureHeader {
		display: none !important;
   }
	span[id*="eop_MeasureSelectGroupSection"] td {
		vertical-align: top !important;
   }
	.eop_portalSelectMeasureGroupTD {
		display: table-row !important;
   }
	.eop_SelectMeasureAdditionalCustomFieldTableClass .eop_FieldLabel {
		text-align: left !important;
   }
	td.eop__portalSelectMeasureByPortalGroupQuantityTD input[type='text'] {
		font: 110% !important;
		height: 25px !important;
   }
	td.tdCollapse.eop__portalSelectMeasureByPortalGroupQuantityTD.eop_portalSelectMeasureGroupTD {
		height: 35px !important;
		width: 35px !important;
   }
	.eop__portalSelectMeasureByPortalGroupQuantityHeaderText {
		display: none;
   }
	.eop__portalSelectMeasureByPortalGroupMeasureImageTD {
		display: 100% !important;
   }
	.eop__portalSelectMeasureByPortalGroupMeasureCheckboxTD {
		width: 10% !important;
		max-width: 10% !important;
		min-width: 10% !important;
		vertical-align: top !important;
   }
	td.eop__portalSelectMeasureByPortalGroupMeasureNameTD {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
   }
	td.eop__portalSelectMeasureByPortalGroupQuantityDescriptionTD {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
   }
	td.eop__portalSelectMeasureByPortalGroupQuantityDescriptionTD label {
		margin-top: 2px;
		margin-bottom: 5px;
		width: 85%;
		max-width: 85%;
		color: #4a4a4a;
		margin-left: 5px !important;
   }
	td.tdCollapse.eop__portalSelectMeasureByPortalGroupMeasureNameTD.eop_portalSelectMeasureGroupTD > label {
		margin-bottom: 14px !important;
		margin-top: 10px;
   }
	td.eop__portalSelectMeasureByPortalGroupMeasureImageTD {
		width: 100% !important;
   }
	div.gridbox_eo_custom {
		width: 100% !important;
   }
	.bPageBlock .detailList .dataCol {
		width: 100% !important;
   }
	div[id*='eop_MeasureSelectGroupSection'] {
		width: 100% !important;
   }
	.rich-tabpanel .hdrcell input {
		width: 95% !important;
   }
	tr.accountFields > th.labelCol {
		text-align: start !important;
   }
	div[class*='attachmentsStart'] div > div > div > div > div {
		padding-bottom: 10px !important;
   }
	div[class*='attachmentsStart'] div.apexp {
		width: 100% !important;
   }
	div[class*='customerAttachmentsStart'] div > div > div > div > div {
		padding-bottom: 10px !important;
   }
	div[class*='customerAttachmentsStart'] div.apexp {
		width: 100% !important;
   }
	div.pagingBlock {
		font-size: 125% !important;
   }
	div.actionLinks {
		padding-top: 10px;
   }
	table[id$="AccountTabPanel"] td.rich-tabpanel-content {
		width: 100% !important;
		padding: 0 0 0 0 !important;
   }
	table[id*="AccountTabPanel"] > tbody {
		width: 100% !important;
   }
	span[id*="HomePagepageMessages"] > div.message {
		margin-bottom: 40px;
   }
	form[action*="PortalProjectDetails"] body .bEditBlock .pbBottomButtons, body .apexp .bPageBlock.apexDefaultPageBlock .pbBottomButtons {
		margin: 0 0 0 0;
   }
	form[action*="PortalProjectDetails"] .apexp .bPageBlock.apexDefaultPageBlock .pbBody {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
   }
	div[id*="AttachmentBlockId"] > .pbSubsection {
		margin-bottom: 0px !important;
   }
	div[id*="NotesBlockID"] > .pbSubsection {
		margin-bottom: 0px !important;
   }
	.data2Col > iframe {
		height: 75px !important;
   }
	.attachbreakClass {
		display: none;
   }
	.emptyTRClass {
		display: none !important;
   }
	.doNotShowButton {
		display: none !important;
   }
	.lastFileClass {
		display: inline !important;
   }
	.dhx_popup_dhx_skyblue {
		max-width: 70% !important;
		left: 15% !important;
   }
	.dhx_popup_dhx_skyblue div[class='popupMsg'] img[src*='GreenCheck'] {
		width: 32px !important;
		height: 32px !important;
   }
	.eop_PortalProgramAppHeaderWithHelp {
		width: 25% !important;
   }
	.eop_PortalProgramAppHeaderClass + span.helpButtonOn {
		position: absolute;
   }
	.PPArebateAppHeaderClass {
		width: 100% !important;
   }
	.eop_SelectContactHelp + .helpButtonOn {
		position: absolute !important;
		top: 10px;
		margin-left: 10px;
   }
	.rebateTable > .pbSubsection > .detailList > tbody > tr > td {
		font-size: 90% !important;
   }
	@supports (zoom:1.5) {
		input[type="radio"], input[type=checkbox] {
			zoom: 1.5;
	   }
   }
	@supports not (zoom:1.5) {
		input[type="radio"], input[type=checkbox] {
			transform: scale(1.5);
			margin: 15px;
	   }
   }
	input[type="radio"] + label {
	   /* fix vertical align issues */
		display: inline-block;
		vertical-align: top;
		margin-top: 6px;
		white-space: pre-wrap;
   }
	#hamburgerIcon {
		display: inline-block;
   }
	#consortium-logo {
		display: none;
   }
	.header {
		display: inline-block !important;
   }
	.hamburger-start {
		width: 100% !important;
		font-family: "Lato" !important;
   }
    .header .menuIcon :hover
	{
		background: none !important;
	}
	.header .menuIcon {
		display: inline-block;
		float: right !important;
		font-size: 200% !important;
   }
	div.portal-access {
		display: none !important;
   }
	.portal-masthead {
		background: none !important;
   }
	table {
		width: 100% !important;
   }
	form[id="loginPage:j_id1:siteLogin:loginComponent:loginForm"] {
		width: 100% !important;
   }
	div[id^="loginPage"][id*="siteLogin"] > table {
		padding-top: 20px;
   }
	div[id*="loginButtons"] {
		width: 100% !important;
		padding: 0 0 0 0 !important;
		margin: 0 0 0 0 !important;
   }
	table.rich-tabpanel {
		width: 100% !important;
   }
	.apexp {
		width: 100% !important;
   }
	div#templateProgressBarID {
		display: none !important;
   }
	.eop_AttachmentDataCol1 {
		width: 100% !important;
		overflow: auto !important;
   }
	input[type="submit"] {
		width: 100% !important;
		margin: 0 0 0 0 !important;
   }
	input[type=text] {
		width: 100% !important;
   }
   .eo-portal_input{
	   width: unset !important;
   }
	input[type=number] {
		width: 100% !important;
   }
	input[type=date] {
		width: 100% !important;
   }
	input[type=password] {
		width: 100% !important;
   }
	.measureSelectionsPageSidePanel {
		display: none !important;
   }
	html, body {
		background-color: white !important;
   }
	div[id$="results-pageblock"] {
		width: 100% !important;
		margin-left: 0 !important;
   }
	div[id$="results-grid"] {
		width: 100% !important;
   }
	#btnPortalHome a, #btnAvailablePrograms a, #btnRegister a, #colLogin a {
		display: block;
   }
	#txtRegister {
		display: block;
		font-size: 150%;
   }
	.headImg {
        margin-left:unset;
		left: 2%;
   }
	.header {
		width: 100%;
   }
	.header .headImgSmall {
		background-color: #fff;
		padding: 10px;
		float: left;
   }
   .header .headImgSmall > img
   {
	   min-width: 200px !important;
   }
	.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;
		position:relative;
		z-index: 100;
   }
	.header .menu ul li {
		display: block;
		width: 100%;
		background: #094b80;
		border-top: 1px solid #bbb;
		font-size: 125%;
		padding-top: 9px;
		padding-bottom: 9px;
   }
	.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 .menu ul li.hmPortalAccess {
		background: #e9650f;
		color: #fff;
   }
	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;
   }
	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;
   }
	#gridbox > div.xhdr > table > tbody > tr:nth-child(2) > td > div > img {
		width: 21px !important;
		height: 14px !important;
   }
	img.checkImg {
		width: 21px !important;
		height: 16px !important;
   }
	#gridbox > div.xhdr > table {
		height: 89px !important;
   }
	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;
   }
	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;
   }
	div[id$='grid_pb_section'] > div.pbSubsection {
		padding: 5px 0% !important;
   }
	table[id*='AccountTabPanel'] {
		margin-bottom: 20px !important;
   }
	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 label {
		color: #094b80;
		font-weight: bold;
   }
	.data2Col p, .data2Col span, .data2Col b, .data2Col input, .dataCol, .labelCol, .col02, .last {
		font-family: "Lato" !important;
   }
	.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: 10px;
		padding-right: 20px;
		margin-bottom: 80px;
   }
	.pbSubheader {
		padding: 2px 10px !important;
		margin-bottom: 0;
   }
	.eop__portalSelectMeasureByPortalGroupMeasureImageTD > img {
		width: 100% !important;
   }
	.pbSubsection img {
		clear: both;
		float: none;
		margin: 10px 0;
		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;
   }
	img.infIcon {
		width: 16px !important;
		height: 16px !important;
		margin-top: 5px !important;
   }
	.portal-masthead > div.header {
		position: fixed;
		top: 0px;
		z-index: 100;
   }
	.bPageTitle .ptBody .content {
		padding-left: 10px;
		width: 100%;
   }
	.portal-access-inner {
		display: none;
   }
	.detailList .helpOrb {
		top: 3px;
   }
	.eop__portalSelectMeasureByPortalGroupQuantityHeaderText {
		position: static !important;
   }
   	table.eop_SelectMeasureAdditionalCustomFieldTableClass > tbody > tr > td.columns_2 {
		width: 100%;
   }
	span[id*='measurespage'] > input[type=text][name*='measurespage'] {
		width: 60%;
   }
	div[id*='measurespage'] > div.pbBody > span.programInstructions {
		padding: 0 !important;
   }
	#rqrGroupSections > div > div.pbSubsection > table > tbody > tr > td.data2Col {
		padding: 0 !important;
   }
	.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;
		display: block;
		text-align: left;
		border: none;
   }
	#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;
   }
	.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;
   }
	.siteLoginTable > tbody > tr > td:nth-child(2) > span > form > div > table {
		margin-top: -15px !important;
   }
	.siteLoginTable {
		width: 100%;
   }
	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;
		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... */
   }
	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;
	   */
   }
	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... */
   }
	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;
   }
	div[id*='ProjectDetailsFormID'] > div.pbBody > div.pbError + div.pbSubsection > table.detailList > tbody > tr:nth-child(4) > td.dataCol {
		margin-bottom: 20px;
   }
	div[id*='ProjectEventsPageblockId'] table.detailList, div[id*='ProjectNotesPageblockId'] table.detailList, div[id*='ProjectAttachmentPageblockId'] table.detailList {
		margin-bottom: 20px;
   }
	table[id*='AttachmentBlockId'] > thead > tr > th:nth-child(4), table[id*='AttachmentBlockId'] > tbody > tr > td:nth-child(4) {
		display: none !important;
   }
	.rqrTable > tbody > tr > td {
		width: 90% !important;
   }
	.rqrTable > tbody > tr > td, .tdCollapse {
		display: block;
		text-align: left;
   }
	.rqrTable > thead > tr > th:nth-child(1) {
		display: block;
		text-align: left;
		width: 100%;
   }
	.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;
   }
	.portalProxyProgramApplicationForm > div > div > div > div > div.pbBody > span > div > div > table > tbody > tr > th > span > span.helpButtonOn {
	   /*position: absolute;
	   */
		left: 0px;
		top: 0px !important;
   }
	.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;
   }
	.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;
   }
	span[id*='MeasureBygroupsRepeat'] > span.helpButtonOn {
		margin-left: 20px;
   }
	span[id*='MeasureBygroupsRepeat'] > span.helpButtonOn > img.helpOrb {
		position: absolute;
		left: -20px;
   }
	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;
   }
	.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;
   }
	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%;
   }
	body > div.content-container > div.content-container-inner > center > table > tbody > tr:nth-child(1) > td > div {
		margin: 10px 15px 0 15px;
   }
	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 {
		width: 90%;
   }
	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;
   }
	#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;
   }
	.rebateApplicationTable th:nth-child(2), .rebateApplicationTable th:nth-child(3), .rebateApplicationTable td:nth-child(2), .rebateApplicationTable td:nth-child(3) {
		display: none !important;
   }
	.siteLoginTable > tbody > tr > td:first-child {
		display: inline-block !important;
   }
	td.eop_FieldLabel.columns_2:empty {
		display: none;
   }
	td.eop_FieldInput.columns_2:empty {
		display: none;
   }
   .eo-portal_form-element_label_1-col
   {
	   width: fit-content !important;
   }
   .slds-input
   {
	   padding-left: 0px !important;
	   padding-right: 0px !important;
   }
   .eo-portal-flex_flex
   {
	   flex-direction: column;
	   align-items: center;
   }
   .eo-portal_vfpicker_wrapper
   {
	   margin-bottom: 5px;
   }
   .eo-portal_vfpicker_wrapper label
   {
	   white-space: normal !important;
	   margin-top: 0px !important;
   }
   .eo-portal-visual_radios
   {
	   margin-left: auto;
	   margin-right: 20%;
   }
   .slds-scope *, .slds-scope ::before, .slds-scope ::after
   {
	   box-sizing: border-box !important;
   }
   .slds-scope .slds-visual-picker+.slds-visual-picker
   {
	   margin-left: 0px;
   }
   .eo-portal-contact_tile_in_footer
	{
		margin-left: 2%;	
	}
   .eo-portal_button
   {
	   margin-top: 1em;
   }
   .slds-accordion
   {
		margin-left: 1em !important;
		margin-right: 1em !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: 823px) {
   /* Hide registration info text in header near buttons for small devices */
   /* Step 1 - Select Measures page - hide part of collapse / expand test */
   /* Hide last modified date and name columns on Program Details page */
	img.helpOrb.programAppContactHelp {
		left: -581px;
   }
	.measureSelectionsPageSidePanel {
		display: inline !important;
   }
	.portalRegSelectionTableOuter {
		margin-left: 40px !important;
   }
	div[id*="eop_SiteLogin_image"] {
		display: none !important;
   }
	#consortium-logo {
		display: none;
   }
	#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;
   }
	.programInstructions {
		padding: 10px 15px 0 15px;
   }
	.pbBottomButtons .pbTitle {
		width: 0% !important;
   }
	.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;
   }
	span.measureCatCollapseExpand {
		display: none;
   }
	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;
   }
   .headingdiv
   {
	   display: none;
   }
   #smallDropdown
   {
	   margin-right: 1em;
	   max-width: 145px !important;
   }
   .eo-portal_contactSel_label
   {
	   width: 100% !important;
   }
   .dropdown-content-small
   {
	   min-width: fit-content !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 */
   /* Hide My Work Assignments tab for Trade Ally Portal Home */
   /* Reduce padding in tab headers */
	img.helpOrb.programAppContactHelp {
		left: -260px;
   }
	.measureSelectionsPageSidePanel {
		display: none !important;
   }
	table.rich-tabpanel {
		width: 100% !important;
		margin: 0;
		padding: 0;
   }
	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;
   }
	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;
   }
   .slds-visual-picker_medium, .slds-visual-picker__figure
   {
	   width: unset !important;
	   min-width: 200px !important;
   }
   .eo-portal_vf_pickerHelp
   {
	   display:none !important;
   }
   .slds-scope .slds-visual-picker__figure span
   {
	   max-width: 95% !important;
	   margin: 0px !important
   }
   .eo-portal-contact_tile
   {
	   width: 100%;
   }
   #progDialog
   {
	   max-width: 340px !important;
   }
   .eo-header__image_outer
   {
	   display: none !important;
   }
}
@media screen and (max-width: 400px) {
   /*.clonechoosecontactbutton {
		margin-left: -30% !important;
   }
	*/
}
@media screen and (max-width: 350px) {
	.clonechoosecontactbutton {
		margin-left: -15% !important;
   }
}
/* END 1stwave Overrides-------------- */