/*
 * Style sheet for Wabash portal pages.  This file is automatically generated
 * by the SASS CSS preprocessor. 
 */
/* 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;
}

/* Remove More Details button SC20240904-00013651 */
input[id$='eop_MoreDetailsButton'] {
display: none;
}

div[id$="results-pageblock"] {
  width: 1020px !important;
  margin-left: -10px !important;
}

div[id$="results-grid"] {
  width: 995px !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: 1.125em !important;
  vertical-align: middle;
}

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

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

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

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

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

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

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

.displayNone {
  display: none;
}

.displayBlock {
  display: block;
}

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

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

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

.textCenter {
  text-align: center;
}

#liAppLink {
  display: 'inline';
}

.clearBoth {
  clear: both;
}

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

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

.theFooterClass {
  text-align: right;
}

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

#spinnerPortalTemplate {
  display: none;
  width: 500px;
  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%;
}

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

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

/* End: TERMS AND CONDITIONS CSS */
/* PortalSelectMeasuresByPortalGroups */
/* Ticket # 3741 */
.eop__portalSelectMeasureByPortalGroupAdditionalFields {
  width: 160px !important;
}

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

.eop__portalSelectMeasureByPortalGroupSearchResultText a {
  color: #3B68A4 !important;
}

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

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

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

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

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

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

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

.portal-masthead {
  height: 100px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.875em;
  background-image: none !important;
  /* add ~2% to the base */
  width: 1122px;
}

.masthead-top-nav {
  float: right;
  width: 40%;
  height: 30px;
  margin-top: 10px;
}

.masthead-bottom-nav {
  float: right;
  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);
  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;
}

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

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

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

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

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

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

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

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

#search-input {
  width: 160px;
  height: 25px;
  border-radius: 4px;
  padding-left: 10px;
  border: 0px;
  background-color: #073b66;
  opacity: 0.5;
  color: white;
}

#search-button {
  height: 25px;
  background-color: #05587f;
  border: 0px;
  border-radius: 4px;
  color: white;
  padding: 0px;
  margin: 0px;
  min-width: 50px;
}

#NameTitle {
  float: left;
  margin-top: 28px !important;
  margin-right: 30px !important;
  font-size: 16pt !important;
  color: #457b28;
}

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

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

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

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

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

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

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

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

#cart-div {
  float: right;
  margin: 10px 40px 0 0;
  cursor: default;
  height: 60px;
  width: 175px;
  border-radius: 4px;
  background-color: none !important;
  margin-top: 7px !important;
  margin-bottom: 3px !important;
  width: 200px !important;
  margin-right: 43px;
  height: 70%;
}

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

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

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

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

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

.content-container {
  min-height: 800px;
  padding-top:15px;
  margin: 0 auto;
}

.content-container-inner {
  width: 1100px;
  margin: 0 auto;
  background: transparent;
  background-position: center;
  border-radius: 4px;
  border-radius: 4px 4px 4px 4px;
}

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

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

.Custom24Block {
  padding-top: 10px;
}

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

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

.pbSubsection {
  border: 1px solid #cccccc;
  padding: 15px 15px 5px 15px;
  box-shadow: 0 4px 4px -2px #666;
  -moz-box-shadow: 0 4px 4px -2px #666;
  -webkit-box-shadow: 0 4px 4px -2px #666;
  margin-bottom: 35px;
}

.pbSubsection img.eop__portalSelectMeasureByPortalGroupMeasureImage {
  width: 75px;
  max-width: 75px;
  margin: 0 !important;
}

.pbSubsection img.infIcon {
  width: 16px !important;
  margin: 0 0 0 0 !important;
}

.pbSubsection label {
  width: 85%;
  max-width: 85%;
}

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

.secondaryPalette {
  background: #fff;
}

h1.noSecondHeader, .introPage h1 {
  font-size: 1.5em;
  white-space: normal;
  font-family: Arial, Tahoma, sans-serif;
  font-weight: bold;
  color: #073b66;
}

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

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

.bPageBlock .pbHeader {
  margin: 0 0px;
  background-color: #579f30;
  color: #fff;
  padding: 12px 10px;
}

.bPageBlock .pbHeader h2 {
  font-size: 1.25em;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}

.bPageBlock .pbTitle {
  width: 40%;
}

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

.data2Col label {
  color: #3B68A4;
  font-weight: bold;
}

input, select {
  font-size: 0.8em;
  height: 20px;
  font-family: Arial;
  border: 1px solid #bbb;
}

textarea {
  font-size: 0.8em;
  font-family: Arial;
  height: 100%;
  resize: none !important;
  border: 1px solid #bbb;
}

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

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

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

.eop__portalSelectMeasureByPortalGroupMeasureHeader {
  visibility: visible !important;
  //display: none;
}

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

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

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

select {
  width: 150px;
}

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

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

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

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

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

table#eop_SelectMeasureAdditionalCustomFieldTableID .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"], input[type="button"] {
  background-color: #073b66;
  border: 1px solid #27bdb2;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  margin-left: 10px;
  text-shadow: none;
  color: #fff;
  font-weight: bold;
  width: auto;
  min-width: 100px;
  height: 40px;
  cursor: pointer;
}

input[type="submit"]:active, input[type="button"]:active {
  background-color: #BCDEFF;
  color: #073b66;
}

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

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

.fontColorForInstruction {
  color: black;
}

.requiredBlock {
  margin-left: 3px;
}

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

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

td.pbTitle > h2.mainTitle {
  width: 500px;
  font-size: 1.45em;
}

span[id$="measureSelectGroupSectionID"] label {
  color: #3B68A4 !important;
  font-weight: bold;
  display: inline-block;
}

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

td.eop__portalSelectMeasureByPortalGroupMeasureNameTD {
  //width: 43% !important;
  width: 230px !important;
}

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

td.eop__portalSelectMeasureByPortalGroupQuantityDescriptionTD {
  //width: 35% !important;
  width: 200px !important;
}

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

td.eop__portalSelectMeasureByPortalGroupMeasureImageTD {
  width: 122px !important;
  max-width: 122px !important;
}

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

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

.dateFormat {
  font-size: 0.8em;
}

td.eop_FieldLabel .helpButtonOn {
 display: table-cell;
}

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

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

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

/* End: BOTTOM BUTTONS (of application steps) */
/* Restrict maximum width in measure description pop-up and force word wrap */
.dhx_popup_dhx_skyblue {
  max-width: 50% !important;
  //display: block !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: 1100px;
  margin: 0 auto;
  background: transparent;
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 80px;
}

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

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

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

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

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

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

.register-row {
  float: left;
  width: 340px;
  margin-right: 25px;
}

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

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

.register-button {
  float: left;
}

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

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

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

.register-button a:hover, .available-programs-row a:hover, .portal-home a:hover {
  background: #cef9ff;
  color: #073b66;
}

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

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

/* End: PORTAL MENU CSS */
/* Start: PORTAL HOME CSS */
.rich-tabpanel-content .apexp {
  width: 976px;
}

.rich-tabpanel {
  width: 1100px;
  margin-left: 1px;
  padding-top: 10px;
  margin-bottom: 50px;
}

.rich-tabpanel .bPageBlock .pbBody {
  background: transparent;
  padding: 0;
}

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

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

div.gridbox_eo_custom table.hdr td {
  font-size: 100% !important;
}



.rich-tabpanel-content {
  border: 1px solid #073b66;
  background: none;
  border-top: 15px solid #073b66;
}

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

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

.rich-tab-header {
  font-size: 0.8em;
  padding: 4px 14px 4px 14px;
}

/* 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: 0.9em;
  color: black;
}

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

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

span[id*="eop_MeasureSelectGroupSection"] td {
  vertical-align: middle !important;
}

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

/* span[id*="eop_MeasureSelectGroupSection"] > table > tbody > tr:nth-child(5) */
/* Don't hide this row - this is where add'l measure fields are populated... */
span[id*="eop_MeasureSelectGroupSection"] input[type="checkbox"] {
  margin-right: 8px;
  /* 20170627 - kl - added to put more space between checkbox and measure name */
}

label[id$="SelectedNewModelLabel"],
label[id$="SelectedExistingModelLabel"] {
  font-size: 0.8em;
}

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

.standartTreeRow {
  font-weight: 300;
  font-size: 1.05em !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_PASearchPANameText {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  width: 100%;
  color: #3B68A4;
}

span.eop_PASearchProjType {
  color: #3B68A4 !important;
}

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

td#tdPAResults {
  padding-top: 15px;
}

td#tdPAResults > table {
  vertical-align: top;
}

div[id*="paResults"] > div.pbSubsection > table.detailList > tbody > tr:nth-child(1) {
  display: none;
  /* 20170627 - kl - hide empty table row created by SF PageBlockSection */
}

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

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

/* 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: 88px; 
}

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

.eop_attachment_nofilediv 
{
  float: left;
  width: 22px; 
}
.eop_AttachmentFileName{
    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_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:40% !important;
}

.eop_AttachmentDataCol2
{
    width:30% !important;
}

.eop_AttachmentDataCol3
{
    width:30% !important;
}
*/
.eop_AttachmentSingDataCol1 {
  width: 45% !important; }

.eop_AttachmentSingDataCol2 {
  width: 25% !important; }

.eop_AttachmentSingDataCol3 {
  width: 25% !important; }

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

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

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

td.eop__portalSelectMeasureByPortalGroupMeasureSelectionToggbleSwitch span {
  float: right;
}

/* End: TEMP CSS */
/* 1stwave Overrides-------------- */
body .bPageBlock .pbHeader {
  background-color: transparent !important;
  color: #3B68A4 !important;
}

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

input[type="submit"], input[type="button"] {
  background-color: #579f30 !important;
  border-radius: 0;
  text-transform: uppercase;
  border: none;
  height: 35px;
}

input[type="submit"]:active, input[type="button"]:active {
  color: #fff !important;
  background-color: #457b28 !important;
}

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

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

.tertiaryPalette {
  background-color: #579f30 !important;
}

.rich-tab-active {
  background: #579f30;
}

.rich-tabpanel-content {
  border: 1px solid #579f30;
  background: #fff;
  border-top: 15px solid #579f30;
}

div.gridbox_eo_custom table.hdr td {
  background-color: rgba(87, 159, 48, 0.3);
}

.pbBody {
  background: #fff !important;
}

.bPageBlock {
  background: #fff !important;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(107, 107, 107, 0.5);
  -moz-box-shadow: 0px 0px 7px 0px rgba(107, 107, 107, 0.5);
  box-shadow: 0px 0px 7px 0px rgba(107, 107, 107, 0.5);
  /* 20170707 - remove "border" around main part of page */
  border-left: none !important;
  border-right: none !important;
}

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

.apexp {
  margin: 0 auto;
  padding-top: 5px;
}

.apexp .bPageBlock.apexDefaultPageBlock .pbBody {
  margin: 7px 0 7px 0;
  /* set the left and right margins to 0px*/
  padding-left: 12px;
  padding-right: 12px;
}

#consortium-logo {
  float: left;
  height: 82px;
  width: 10px;
  margin: 8px 35px 0px 35px;
}

/* END 1stwave Overrides-------------- */
/*
    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.
        20171130 - Added to MPACStyles
*/
@media screen and (max-width: 1000px) {
  html, body {
    background-color: white !important;
  }

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

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

  #cart-div {
    width: 150px !important;
  }

  #headImg {
    display: none;
  }

  .header {
    display: block;
    background-color: #fff;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  td.rich-tabpanel-content > div.apexp {
    width: 100% !important;
  }

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

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

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

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

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

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

  .rich-tab-header {
    font-size: 100%;
    padding: 4px 14px 4px 14px;
  }

  .data2Col {
    font-size: 110%;
  }

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

  .data2Col p,
  .data2Col span,
  .data2Col b,
  .data2Col input,
  .dataCol,
  .labelCol,
  .col02,
  .last {
    font-size: 100% !important;
  }

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

  .content-container {
    padding-top: 15px;
    height: 100%;
    min-height: 800px;
    margin-top: 44px;
    /* Added to move content below fixed header */
  }

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

  .content-container-inner {
    width: 90% !important;
    background: #fff;
    margin: 0 auto;
    clear: left;
  }

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

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

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

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

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

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

  .pbSubheader h3 {
    /* text-transform: uppercase; */
    font-size: 150%;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
  }

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

  .pbHeader .pbTitle {
    width: 90%;
  }

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

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

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

  .portal-masthead {
    text-align: left;
    background: none;
  }

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

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

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

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

  .portal-home {
    float: left;
    margin: 5px 30px;
    /* width: 40%; */
    width: 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;
    /* width: 40%; */
    width: 40%;
    font-size: 18px;
  }

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

  .rich-tabpanel {
    width: 90%;
    margin-left: 30px;
    padding-top: 30px;
    margin-bottom: 50px;
  }

  .programInstructions,
  .programInstructions span {
    font-size: 100% !important;
  }

  .bEditBlock input {
    font-size: 100% !important;
  }

  .pbButtonb input {
    font-size: 100% !important;
  }

  .eop__portalSelectMeasureByPortalGroupQuantityHeaderText {
    display: none !important;
  }

  .eop_SelectMeasureAdditionalCustomFieldTableClass .eop_FieldLabel,
  .eop_SelectMeasureAdditionalCustomFieldTableClass .eop_FieldInput {
    float: none;
    width: 100% !important;
    font-size: 100%;
    display: block;
    text-align: left !important;
  }

  .lookupInput .lookupIcon,
  .lookupInput .lookupIconOn,
  span[id$=':ModelPanelID'] .lookupIcon,
  span[id$=':ModelPanelID'] .lookupIconOn {
    width: 20px;
    height: 20px;
    background-position: top left;
    max-width: 20px;
    margin: 0;
  }

  .lookupInput .lookupIconOn,
  span[id$=':ModelPanelID'] .lookupIconOn {
    background-position: top right;
  }

  td.eop_FieldInput > div {
    height: auto;
  }

  select {
    width: 90%;
  }

  select[id*='calMonthPicker'],
  select[id*='calYearPicker'] {
    width: 150px;
  }

  .taRegistration,
  .custRegistration {
    width: 100% !important;
  }

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

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

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

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

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

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

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

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

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

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

  .siteLoginTable {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .tdCollapse
  {
    text-align: left;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #attachmentBlockPPD {
    width: 90% !important;
  }

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

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

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

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

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

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

  /* Hide Application Date and Rebate Ammount from Program Application page ... */
  .rebateApplicationTable th:nth-child(2),
  .rebateApplicationTable th:nth-child(3),
  .rebateApplicationTable td:nth-child(2),
  .rebateApplicationTable td:nth-child(3) {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  #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;
  }

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

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

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

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

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

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

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

@media screen and (max-width: 567px) {
  /* Remove margins and padding around Portal Home tab panel */
  table.rich-tabpanel {
    width: 100% !important;
    margin: 0;
    padding: 0;
  }

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

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

  div[id$='grid_pb_section'] > div.pbSubsection > table > tbody > tr > td {
    padding: 2px !important;
  }
}