#main-page-content > div > table {
    border: 0 !important;
    overflow: hidden;
}

#main-page-content > div > table > tbody > tr > th > p > strong > a{
    font-family:HelveticaNeueBold, Helvetica Neue,Helvetica,Arial Nova,Arial,sans-serif!important;
    font-weight: 700;
}

#main-page-content > div > table th {
  font-size: var(--16pt);
}

#main-page-content > div > table th, #main-page-content > div > table tr {
    border-bottom: 1px solid var(--neutralgrey);
    color: var(--bodytext);
    text-align: left;
}
#main-page-content > div > table th a, #main-page-content > div > table td a {
    color: var(--linktext);
    text-align: left;
    /* background-color: var(--white) !important; */
    /* commented out below for "Stay Connected Page", but may break elsewhere */
    /* text-decoration: none; */
    transition: all 0.2s linear;
}

#main-page-content > div > table td a.button.-link-button {
  color: var(--white);
}

#main-page-content > div > table th a:hover, #main-page-content > div > table td a:hover { 
    color: var(--NGBtnHover500);
    text-decoration: underline;
}

#main-page-content > div > table th a {
    font-family: var(--bold-font);
}

#main-page-content > div > table td {
    color: var(--bodytext);
    text-align: left;
    background-color: var(--white) !important;
}

#main-page-content > div > table tbody tr, div.accordion-component > div > div > div > table tbody tr {
    border-bottom: 1px solid var(--neutralgrey) !important;
}

#main-page-content > div > table th, div.accordion-component > div > div > div > table th {
    font-family: var(--bold-font);
}



@media (min-width: 37.125rem) {

  #main-page-content > div > table th {
    font-size: var(--16pt);
  }

  #main-page-content > div > table th > p, #main-page-content > div > table td > p {
    padding: 0;
  }

}

/* tables in accordion */

div.accordion__content.wysiwyg:has(table) table {
    border: 1px solid var(--neutralgrey);
    border-radius: 8px;
    padding: 0 !important;
  }
  
  #main-page-content > div.accordion-component > div > div > div > table tr, #main-page-content > div.accordion-component > div > div > div > table td, #main-page-content > div.accordion-component > div > div > div > table th {
    /* background: none; */
  }
  
  div.accordion__content.wysiwyg:has(table) table {
    border-collapse: collapse;
  }
  
  div.accordion__content.wysiwyg:has(table) table tr {
    border-bottom: 1px solid var(--neutralgrey);
  }
  
  div.accordion__content.wysiwyg:has(table) table + p {
    padding-left: var(--16pt);
    padding-right: var(--16pt);
    padding-top: var(--16pt);
  }

  /* updated design */

  div.page-content__component.wysiwyg:has(table) {
    /* border: 1px solid var(--lightgrey);
    border-radius: var(--8pt);
    padding-top: var(--16pt);
    padding-bottom: var(--16pt); */
  }
  
  #main-page-content > div.page-content__component  > table tr, #main-page-content > div.page-content__component table td, #main-page-content > div.page-content__component table th, div.has(table) > table > tr:has(th) {
    /* background: none !important; */
  }
  
  div.page-content__component.wysiwyg:has(table) table tr {
    border-bottom: 1px solid var(--lightgrey);
  }
  
  div.page-content__component.wysiwyg:has(table) p {
    /* padding-left: var(--16pt); */
    padding-right: var(--16pt);
    padding-top: var(--16pt);
    color: var(--bodytext);
  }

  div.accordion__content.wysiwyg:has(table) table {
    border: 1px solid var(--lightgrey);
    border-radius: 8px;
    padding: 0 !important;
    background: none !important;
  }
  
  #main-page-content > div.accordion__content table tr, #main-page-content > div.accordion__contenttable td, #main-page-content > div.accordion__content table th, div.accordion__content.wysiwyg:has(table) tr:has(th) {
    /* background: none !important; */
  }
  
  
  div.accordion__content.wysiwyg:has(table) table tr {
    border-bottom: 1px solid var(--lightgrey);
  }
  
  div.accordion__content.wysiwyg:has(table) p {
    /* padding-left: var(--16pt); */
    padding-right: var(--16pt);
    padding-top: var(--16pt);
  }
  
  div.accordion__content.wysiwyg:has(table) h3 {
    /* padding-left: var(--16pt); */
  }
/* tables in accordion */

div.accordion__content.wysiwyg:has(table) table {
    border: 1px solid var(--neutralgrey);
    border-radius: 8px;
    padding: 0 !important;
  }
  
  #main-page-content > div.accordion-component > div > div > div > table tr, #main-page-content > div.accordion-component > div > div > div > table td, #main-page-content > div.accordion-component > div > div > div > table th {
    /* background: none; */
  }

  div.accordion__content.wysiwyg:has(table) table tr {
    border-bottom: 1px solid var(--neutralgrey);
  }
  
  div.accordion__content.wysiwyg:has(table) table + p {
    padding-left: var(--16pt);
    padding-right: var(--16pt);
    padding-top: var(--16pt);
  }

  @media screen and (max-width: 599px) {

    #main-page-content table tbody tr td:first-child {
        background-color: var(--buttonhover) !important;
    }

    #main-page-content table[style*="background-color: transparent"] tbody tr td:first-child {
        background-color:transparent !important;
    }  

    .wysiwyg table tbody td:first-child, .wysiwyg table tbody th:first-child { 
        border-bottom: 1px solid var(--lightgrey);
    }
    .wysiwyg table tbody tr:not(:first-child) td:first-child { 
      border-top: 1px solid var(--lightgrey);
    }
    .tabs__content {
        padding: 0;
        border-radius: var(--8pt);
        
    }
    .tabs__panel {
        border-radius: 0 !important;
    }
    .tabs__panel .button:not(.-is-open) {
        padding: var(--10pt);
        max-height: var(--60pt) !important;
        border-top: 4px solid transparent;
        border-bottom: 1px solid var(--darkgrey);
    }
    .tabs__panel.-is-active>.button, .tabs__panel .button.-is-open {
        padding: var(--10pt);
        /* background-color: var(--white); */
        background-color: transparent;
        border-bottom: 4px solid var(--NGBtnHover500);
        color: var(--bodytext);
        font-family: HelveticaNeueBold, Helvetica Neue, Helvetica, Arial Nova, Arial, sans-serif;
        /* border-bottom: 1px solid var(--lightgrey); */
    }
    /* #main-page-content > div > table:not([style*="width: 880"]) > tbody > tr > td {
        padding-left: 0;
    } */
    #main-page-content > div > table:not([style*="width: 880"]) > tbody > tr > td:has(img[src*="total-building-comfort"]) {
      padding-left: 1.25rem;
    }

    
}

  /* updated design */
  
  #main-page-content > div.page-content__component  > table tr, #main-page-content > div.page-content__component table td, #main-page-content > div.page-content__component table th, div.has(table) > table > tr:has(th) {
    /* background: none !important; */
  }
  
  div.page-content__component.wysiwyg:has(table) table {
    border-collapse: collapse;
  }
  
  div.page-content__component.wysiwyg:has(table) table tr {
    border-bottom: 1px solid var(--lightgrey);
  }
  

  div.accordion__content.wysiwyg:has(table) table {
    border: 1px solid var(--lightgrey);
    border-radius: 8px;
    padding: 0 !important;
    background: none !important;
  }
  
  #main-page-content > div.accordion__content table tr, #main-page-content > div.accordion__contenttable td, #main-page-content > div.accordion__content table th, div.accordion__content.wysiwyg:has(table) tr:has(th) {
    /* background: none !important; */
  }
  

  div.accordion__content.wysiwyg:has(table) table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
  }
  
  div.accordion__content.wysiwyg:has(table) table tr, div.accordion__content.wysiwyg:has(table) table td {
    /* border-bottom: 1px solid var(--neutralgrey); */
  }
  

 div.accordion__content.wysiwyg:has(table) table tr:last-child, div.accordion__content.wysiwyg:has(table) table tr:last-child td {
    border-bottom: 0;
  }

#main-page-content > div > table.no-header-bg th {
    background: none !important;
}

@media (max-width: 37.125rem) {
  
    div.accordion__content.wysiwyg:has(table) table tr:last-child, div.accordion__content.wysiwyg:has(table) table tr:has(td > div.display-none-tablet) td {
        /* border-bottom: 1px solid var(--neutralgrey) !important; */
    }

    div.accordion__content.wysiwyg:has(table) table tr:last-child:has(td > div.display-none-tablet) td:last-child {
        border-bottom: 0 !important;
    }

    table tbody tr td {
        border-bottom: 0;
    }
      
    table tbody tr:not(:first-child) th {
        border-top: 1px solid var(--neutralgrey);
    }

    .wysiwyg table tbody td:first-child {
      background-color: var(--lightgrey);
    }
}
    
  
  
  div.accordion__content.wysiwyg:has(table) p {
    /* padding-left: var(--16pt); */
    padding-right: var(--16pt);
    padding-top: var(--16pt);
  }
  
  div.accordion__content.wysiwyg:has(table) h3 {
    padding-left: 0;
  }

  /* WIP - new table design */

  #main-page-content > div > table {

    border: 1px solid var(--neutralgrey) !important;
    border-radius: var(--8pt);
    border-collapse: separate; 
    border-spacing: 0;
    overflow: hidden;
  }
/*   
  #main-page-content > div > table tbody, #main-page-content > div > table tr, #main-page-content > div > table td, #main-page-content > div > table th {
     background: none !important;
  } */
  
@media (min-width: 37.188rem) {
  #main-page-content > div > table td {
    border-bottom: 1px solid var(--neutralgrey);
  }

  div.accordion__content.wysiwyg:has(table) table td {
    border-bottom: 1px solid var(--neutralgrey);
  }
}

  
  #main-page-content > div > table tr:last-child td {
    border-bottom: 0;
  }

  @media (max-width: 37.125rem) {
    #main-page-content > div > table tr:last-child td {
      border-bottom: 1px solid var(--neutralgrey);
    }
    #main-page-content > div > table tr:last-child td:not(:first-child) {
      border-bottom: 0;
    }    
  }
  
  #main-page-content > div > table.striped tr:nth-child(even) {
    background: rgba(238, 238, 239, 0.4) !important;
  }
  
  #main-page-content > div > table th {
    background: var(--buttonhover) !important;
  }

  /* borderless */

#main-page-content > div > table.borderless, #main-page-content > div > table.borderless tr, #main-page-content > div > table.borderless th, #main-page-content > div > table.borderless td {
    border: 0 !important;
  }
  
  #main-page-content > div > table.borderless th {
    background: none !important;
  }

table.vertical tbody tr th {
  /* background-color: none !important; */
}

div.wysiwyg > div.promo__content > div[style*="padding: 30px"] {
  padding: 0 !important;
  padding-top: 15px !important;
}

div.wysiwyg > div.promo__content > div[style*="padding: 15px 20px 15px"] {
  padding: 0 !important;
  padding-top: 15px;
}

#main-page-content > div > table th[style*="background-color: transparent"], div > table[style*="border-color: transparent"] {
  background: none !important;
  /* border: none !important; */
}

#main-page-content > div.wysiwyg:has(table) > table[style*="border-color: transparent"] {
  border: none !important;
}

#main-page-content > div.wysiwyg:has(table) > table[style*="border-color: transparent"] tr , #main-page-content > div.wysiwyg:has(table) > table[style*="border-color: transparent"] td {
  border: none !important;
}}

.accordion__content table th[colspan="2"] {
    background-color: var(--buttonhover);
    border-bottom: 1px solid var(--neutralgrey);
}

.accordion__content table th[scope="row"] {
    background-color: var(--buttonhover);
    border-bottom: 1px solid var(--neutralgrey);
}

.accordion__content table th:not([colspan="2"]), .accordion__content table > tr > th:not([colspan="2"]) {
    background-color: var(--buttonhover);
    border-bottom: 1px solid var(--neutralgrey);
}

/* specific fix for table on electric heating/cooling page */

/* #main-page-content > div:nth-child(6) > table:has(tr[style*="height: 18px"]) tr td {
  text-align: center !important;
} */

/* fix for supply costs table */

/* supply costs scrolling table */

#main-page-content div[style*="overflow: auto"]:has(table) {
  overflow: hidden;
  border: 1px solid var(--lightgrey);
  border-radius: var(--8pt);
  /* box-shadow: inset 0px -16px 20px rgba(200,200,200,0.3); */
  position: relative;
}

#main-page-content div[style*="overflow: auto"]:has(table) table tr > th:not([colspan="2"]) {
  background-color: var(--buttonhover);
  border-bottom: 1px solid var(--neutralgrey);
}

#main-page-content > div.accordion div.accordion__content.wysiwyg table tr:has(th) {
    background-color: var(--neutralgrey) !important;
  }
  
  #main-page-content > div.accordion-component > div:nth-child(3) > div > div > div > table {
    border-collapse: separate;
    border-spacing: 0;
  }
  
  #main-page-content > div.accordion-component > div:nth-child(3) > div > div > div > table > thead > tr {
    /* background-color: var(--buttonhover) !important; */
    border-bottom: 1px solid var(--neutralgrey) !important;
  }
  
  #main-page-content > div.accordion-component > div:nth-child(3) > div > div > div > table > thead > tr th {
    border-bottom: 1px solid var(--neutralgrey) !important;
  }

  #main-page-content div.accordion__content table:not([style*="width: 323px"]) th[colspan="2"] {
    background-color: var(--buttonhover);
    border-bottom: 1px solid var(--neutralgrey);
  }
  
  #main-page-content div.accordion__content table:not([style*="width: 323px"]) th:not([colspan="2"]), .accordion__content table > tr > th:not([colspan="2"]) {
    background-color: var(--buttonhover);
    border-bottom: 1px solid var(--neutralgrey);
  }

  #main-page-content div.accordion__content table:not([style*="width: 323px"]) > thead > tr > th[style*="height: 18px;"] {
    background-color: var(--buttonhover) !important;
  }
  
  #main-page-content div.accordion__content table:not([style*="width: 323px"]) thead tr[style*="height: 18px;"] {
    background-color: var(--buttonhover) !important;
  }
  

  #main-page-content div.accordion__content table > tbody > tr:last-child th:first-child:not([colspan="2"]) {
    border-bottom: 0 !important;
    
  }
  
  #main-page-content div.accordion__content.wysiwyg table > tbody > tr > th[scope="row"] {
      background-color: var(--buttonhover) !important;
    border-right: 1px solid var(--lightgrey);
    text-align: left;
  }

  #main-page-content div.accordion__content table[style*="width: 323px;"] thead > tr > th {
    background-color:var(--linktext) !important;
    border-bottom: 1px solid var(--neutralgrey);
  }

  /* no header bg */

#main-page-content > div > table.no-header-bg th {
    background: none !important;
}