/*Header login box*/
#fjord1-login-popup{
    width: 320px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    padding: 20px 40px;
    box-sizing: border-box;
}
#fjord1-login-popup>div{
    padding: 0;
}
#fjord1-login-popup label{
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    text-transform: lowercase;
    margin-bottom: 8px;
}
#fjord1-login-popup #form-element-emailusername label{
    margin-top: 0;
}
#fjord1-login-popup label:first-letter {
    text-transform: uppercase;
}
#fjord1-login-popup input{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
}
#fjord1-login-popup input.errorInput{
    border-color: red;
}
#fjord1-login-popup #sign-in-form, #fjord1-login-popup #login-con {
    display: flex;
    flex-direction: column;
}
#fjord1-login-popup .button-container {
    order: 2;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    color: #376B9E;
}
#forgotten-login{
    margin-top: 0;
    text-align: left;
}
#fjord1-login-popup #login-con .red-btn{
    background: #003DA5;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 24px;
    text-transform: lowercase;
    padding: 8px 0;
}
#fjord1-login-popup #login-con .red-btn.popup_login_form_is_empty{
    background: #CCCCCC;
    border: none;
}
#fjord1-login-popup .red-btn:first-letter {
    text-transform: uppercase;
}
#fjord1-login-popup #forgotten-login .forgotten-link{
    font-size: 12px;
    line-height: 1.5;
}
/*Header login box END*/
/*Sign in page*/
.login-form-box h1,
.login-form-box .form-element-parent label{
    font-weight: normal;
}
.login-form-box h1{
    color: #000;
}
.sign-in-left-column .left-column{
    width: 100%;
    background: url("../images/user-sign-in-land-image.jpg") no-repeat right top;
    background-size: cover;
    min-height: 788px;
}
.login-form-box .form-element-parent input{
    padding: 7px;
    font-weight: 300;
}
.login-form-box input.form-element{
    color: #333;
    height: 40px !important;
}
.login-form-box .red-btn-parent input{
    background: #003DA5;
    border: 1px solid #234467;
    font-weight: normal;
}
@media (max-width: 1024px){
    .sign-in-left-column .left-column{
        min-height: 928px;
    }
}
@media (max-width: 767px){
    .sign-in-left-column .left-column{
        min-height: 354px;
    }
}
/*Sign in page END*/
/* footer */
#footer {
    font-family: 'Encode Sans', sans-serif;
    font-weight: normal;
    padding: 9px 16px 8px;
    background: #333333;
    min-height: 32px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
#footer #footer-main{
    padding: 0;
    overflow: visible;
    height: 100%;
}
#footer .footer-content-wrapper{
    line-height: 1.5;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#footer .inner-wrapper{
    width: 100%;
}
#footer .footer-legal-menu{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer .footer-legal-menu li{
    margin: 0 8px;
}
#footer-main, #footer-main a{
    font-size: 10px;
}
@media (max-width: 767px){
    #footer .footer-content-wrapper{
        flex-direction: column;
    }
    #footer {
        padding: 7px 12px 6px 5px;
    }
    #footer .brand-copy{
        order: 2;
    }
    #footer .footer-legal-menu{
        margin-bottom: 5px;
    }
    #footer-main{
        padding: 0 !important;
    }
    #footer .footer-legal-menu li {
        margin: 0 5px;
    }
}
/* //footer */
/* Usage & Cost */
/*empty data block*/
#fjord-chart-block {
    margin: 0;
    background: transparent;
}
#mybill-history-wrapper .content-inner.up {
    padding: 0;
}
#mybillhist > h1 {
    display: none;
}
#fjord-chart-block .ami-info-tooltip {
    display: none;
}
#fjord-chart-block .usage-title {
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
}
#fjord-chart-block .pos-static {
    padding: 0;
}
#fjord-chart-block .empty-data-body {
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
}
#fjord-chart-block #empty-data .pb-t1 {
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}
#fjord-chart-block #empty-data .pb-t2 {
    font-size: 16px;
    margin: 8px 0 16px;
}
#fjord-chart-block #empty-data .button-container {
    margin: 0;
}
#fjord-chart-block #empty-data .button-container a,
.edit-popup-container .buttons-box input[type="submit"],
.edit-popup-container .submit{
    padding: 8px;
    text-transform: capitalize;
    font-size: 16px;
    width: 176px;
    height: 40px;
    border-radius: 4px;
    background: #003DA5;
    border: 1px solid #234467;
    font-weight: normal;
    display: block;
    cursor: pointer;
}
.edit-popup-container .buttons-box input[type="submit"],
.edit-popup-container .submit{
    margin: 0 auto;
}
.ui-widget.ui-widget-content.ajaxError-dialog {
    z-index: 1100 !important;
}
#fjord-chart-block .usage-title + .fjord-info-tooltip {
    display: none !important;
}
@media (min-width: 768px) {
    #fjord-chart-block #empty-data .pb-wrapper {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
/* mybill-spending-graph-info-box */
#billhistory-spending-chart-area .mybill-spending-graph .description br,
#billhistory-spending-chart-area .mybill-spending-graph a[title="overview"],
#billhistory-spending-chart-area .mybill-spending-graph .update-assessment-link{
    display: none;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-box-img-wrapper {
    margin: auto;
}
#billhistory-spending-chart-area .savingsplan-box-img-wrapper .mysavings-item-img {
    margin: 0;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-box-img-wrapper {
    margin: 0;
    width: 100px;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-box-title-wrapper {
    margin-left: 16px;
    width: 90%;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-box-imgtitle {
    grid-template-columns: min-content;
}
#billhistory-spending-chart-area .mybill-spending-graph-info .chart-info {
    border-radius: 4px;
}
#billhistory-spending-chart-area .mybill-spending-graph-info .chart-info.compare-bottom-wrapper {
    padding: 16px;
}
#billhistory-spending-chart-area .spending-breakdown.header + .row.content {
    padding: 0 !important;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box.chart-info .head {
    border-radius: 0;
    height: 8px;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .body-wrapper .title.changed-spending-percent {
    font-size: 24px;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .body-wrapper .title:not(.changed-spending-percent) .part {
    display: none;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .body-wrapper .title:not(.changed-spending-percent):after {
    content: ':';
    margin-left: -0.25em;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .body-wrapper .description {
    font-size: 16px;
    padding: 12px 0 16px 0;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .chart-info .savingsbox-usemotionsensor {
    box-shadow: none;
    margin: 0;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .refresh-button {
    color: #FFFFFF;
    background: #003DA5;
    border: 1px solid #234467;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    padding: 8px;
    min-width: 176px;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons {
    margin-top: 12px;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons a {
    font-size: 16px;
    border: none;
    padding: 0;
    margin: 0 8px;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons a:not(.button-grey) {
    color: #666666;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons a:before {
    font: normal normal normal 16px/1 FontAwesome;
    padding-right: 4px
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons .savings-actionlist:before {
    content: "\f004";
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons .savings-completed:before {
    content: "\f00c";
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons .savings-decline:before {
    content: "\f00d";
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .body-wrapper {
    padding: 16px 16px 25px;
}
#billhistory-spending-chart-area .billhistory-spending-widget-wrapper {
    background: transparent;
}
#billhistory-spending-chart-area .billhistory-spending-widget-wrapper .fjord-block {
    border-radius: 4px
}
#billhistory-spending-chart-area .billhistory-spending-widget-wrapper {
    max-width: 1236px;
}
.billhistory-spending-widget-wrapper .savings-button {
    padding-top: 16px;
}
#billhistory-spending-chart-area .change-colors {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    width: 240px;
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #333333;
    justify-content: center;
}
@media (max-width: 767px) {
    #billhistory-spending-chart-area .change-colors {
        width: 100%;
    }
}
#billhistory-spending-chart-area .mybill-history-graph-filters-section {
    display: none;
}
#billhistory-spending-chart-area .mybill-spendingbreakdown-graph {
    margin-bottom: 0;
}
#fjord-billhistory-spending-chart-area .fjord-block-title {
    font-size: 24px;
    font-weight: normal;
}
#fjord-billhistory-spending-chart-area .spending-breakdown {
    padding: 18px 16px 18px 0 !important;
}
#fjord-billhistory-spending-chart-area .total-spending {
    font-size: 16px;
    font-weight: normal;
    margin-top: 16px;
}
#fjord-billhistory-spending-chart-area .total-spending-data {
    font-size: 24px;
}
.billhistory-spending-widget-wrapper .spending-breakdown .options {
    display: none;
}
@media (min-width: 1025px){
    #billhistory-spending-chart-area .mybill-spending-graph,
    #billhistory-spending-chart-area .mybill-spending-graph-info {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #billhistory-spending-chart-area .spending-breakdown.header + .row.content {
        padding: 0 0 49px !important;
    }
}
@media (max-width: 1024px) {
    #billhistory-spending-chart-area .mybill-spending-graph,
    #billhistory-spending-chart-area .mybill-spending-graph-info {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #billhistory-spending-chart-area .mybill-spending-graph-info {
        padding: 8px 0 0;
        background: #F5F5F5;
    }
    #billhistory-spending-chart-area .mybill-spending-graph-info-box {
        margin-top: 0;
    }
    #billhistory-spending-chart-area .billhistory-spending-widget-wrapper .description {
        padding: 0 0 24px;
    }
    .mybill-spending-graph-info {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    #billhistory-spending-chart-area .mybill-spending-graph-info .mybill-spending-graph-info-box {
        border: 0;
    }
    #billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons a:first-child {
        margin-left: 0
    }
    #billhistory-spending-chart-area .mybill-spending-graph-info-box .savingsplan-buttons a:last-child {
        margin-right: 0
    }
}
/* end mybill-spending-graph-info-box */
/* Header. First chart */
#mybillhist,
.after_select,
.selectdiv:after,
.ami-info-tooltip,
.graph_header,
.graph_header + .toogler_graph_type {
    display: none;
}

.fjord-content-inner {
    padding: 32px 0;
}

.content-inner.up {
    padding-left: 0;
    padding-right: 0;
}

#fjord-chart-block {
    margin-left: 0;
    margin-right: 0;
}

.fjord-page-top-img-container.usage-history {
    background-image: url(/images/headers/usage-and-cost.jpg);
}

.fjord-content-inner #mybill-history-wrapper p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.filters-inner.selectdiv {
    width: 240px;
    padding: 0;
    box-sizing: border-box;
}

.filters-inner label.label-h3 {
    display: inline-block;
    margin-bottom: 15px;
}
.mybill-content-wrapper .compare-horiz-wrapper {
    margin: 16px 0 8px;
}

[id^="iconic-select-"] {
    border: 1px solid #CCCCCC;
    width: 240px;
}

[id^="iconic-select-"],
[id^="iconic-select-"] .is-select,
.fjord-calendar-datepicker input.form-text {
    border-radius: 4px;
}

[id^="iconic-select-"] .is-select {
    line-height: 40px;
    height: 40px;
}

.ws-title.usage-title {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.5;
}

.options {
    font-size: 12px;
}

.options > .active {
    background: #526AA4;
}

.icon-info-fjord::before {
    font-size: 16px;
    color: #526AA4;
}
/* END Header. First chart */
/* datepicker */
.ui-datepicker {
    padding: 16px;
}
.hasDatepicker {
    max-width: 330px;
    border: 1px solid #376B9E;
    border-radius: 4px !important;
}
.ui-datepicker-inline.ui-datepicker {
    border-radius: 4px;
    box-shadow: none;
}
.ui-datepicker-calendar tbody tr td .ui-state-default,
.ui-datepicker-calendar thead,
.ui-datepicker-month,
.ui-datepicker-year,
.ui-datepicker-calendar thead th span {
    font-size: 16px;
    color: #333333;
    font-weight: 400 !important;
    line-height: 24px;
}
.ui-datepicker-calendar thead tr {
    border: none;
}
.dp-highlight-first .ui-state-default,
.dp-highlight-last .ui-state-default {
    background-color: #234467 !important;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #ffffff !important;
    margin: 0 auto;
}
#graph-datepicker .dp-highlight, #graph-datepicker .dp-highlight-first, #graph-datepicker  .dp-highlight-last{
    background: none !important;
}
.dp-highlight, .dp-highlight-first, .dp-highlight-last {
    background-color: rgba(35, 68, 103, 0.5) !important;
}
.dp-highlight-first {
    border-radius: 50% 0 0 50%;
}
.dp-highlight-last {
    border-radius: 0 50% 50% 0;
}
.ui-icon.ui-icon-circle-triangle-w::before,
.ui-icon.ui-icon-circle-triangle-e::before {
    content: "";
}
.ui-datepicker-prev,
.ui-datepicker-next,
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgBtZGxDcIwEEW/HQaAAQhegY4myCUtIzACHSXpaOkYgw2wcJDSkQ2wwgKhJSLGjrAUApFCJH71/X3vdD6TYMovABi6KaPQCNFRhWG9NFWJP2KEAPwXWAPhSYoNcUEQ8ANIyyYaeynF3FrqMs+DDVQLXOU5lu5Aqjecc/YocDa23wBn+R3jOBbKBbR6K4RQuignaRp9UYXLyes1Zqlq6LOb2ersnUUYSbGr1380sLqmKjY/MzDvm7zgbXQUq2+1FA3qUaxNg8RYZT3+pSdOjkI0BTfm8QAAAABJRU5ErkJggg==') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px 5px;
}
.ui-datepicker .ui-datepicker-prev {
    transform: rotate(90deg);
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    transform: rotate(-90deg);
    right: 2px;
}
#fjord-page-inner-timeline .datepicker {
    margin-top: 11px;
}
#fjord-page-inner-timeline .copy .redeem-link {
    background-color: #003DA5 !important;
}
.content-act-user-timeline .reward-popup .redeem-button-blue {
    background-color: #003DA5;
}
.content-act-user-timeline .reward-popup .current-card-description {
    padding: 0 15px;
}
.ui-datepicker .ui-widget-header {
    border: none;
}
.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0;
}
.usage-detail-wrapper .date-selecte-icon {
    min-width: 240px;
}
/* end datepicker */
.usage-detail-wrapper .change-colors {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    width: 240px;
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #333333;
    justify-content: center;
}
.download-graph-button-wrapper-changed-for-popup.cfc_download_button {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #003DA5;
    width: 240px;
    height: 40px;
}
.download-graph-button-wrapper-changed-for-popup.cfc_download_button i {
    padding-right: 5px;
}
.footer-list a,
.billhistory-spending-widget-wrapper .description a,
.mybill-spending-graph-info-box .no-data-wrapper a {
    text-decoration: underline;
    color: #003DA5;
}
.mybill-history-graph-filters-section {
    display: none;
}
#hc_mySpending {
    max-width: 100%;
    height: 350px;
    margin: 0 auto;
}
.mybill-spendingbreakdown-graph .chart-border {
    margin-left: 0;
}
.mybill-history-graph-legend-key-inner-box {
    width: 24px;
    height: 16px;
}
.mybill-history-graph-legend-key-inner span {
    padding: 0 0 16px;
}
.mybill-history-graph-legend-key-inner-box {
    margin-top: 6px;
}
.mybill-history-graph-legend {
    margin-bottom: 20px;
}
.fjord-block .usage-history-chart-wrapper {
    padding: 0 !important;
}
.footer-list {
    list-style: none;
    padding: 0 15px;
}
.mybill-spending-graph .description:before {
    content: 'Note: ';
}
.footer-list li {
    margin: 0;
}
.download-chart-section-wrapper.content-footer {
    padding: 15px 0;
}
.mybill-content-wrapper .options button,
#billhistory-spending-chart-area .options button {
    width: 45px;
}
@media (max-width: 1024px) {
    .mybill-spending-graph-info,
    .chart-wrapper.mybill-spending-graph {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .chart-wrapper.mybill-spending-graph {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .billhistory-spending-widget-wrapper .total-spending {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mybill-history-graph-legend-key-wide {
        width: 100%;
    }
    #billhistory-spending-chart-area #hc_mySpending .highcharts-title {
        top: calc(50% - 75px) !important;
        left: calc(50% - 75px) !important;
    }
    #billhistory-spending-chart-area #hc_mySpending .pie-tooltip-container {
        margin: 0;
        padding: 0;
        width: 150px;
        height: 150px;
    }
    .spending-breakdown.header .fjord-block-title {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .spending-breakdown.header .options {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #billhistory-spending-chart-area .mybill-spendingbreakdown-graph {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #billhistory-spending-chart-area .mybill-history-graph-legend {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #billhistory-spending-chart-area {
        max-width: 568px;
        margin: 0 auto;
    }
    #billhistory-spending-chart-area .mybill-history-graph-legend {
        padding-left: 22px !important;
    }
    .mybill-content-wrapper .header.content .usage-wrapper-title {
        -webkit-box-flex: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .mybill-content-wrapper .header.content #fuel-options {
        -webkit-box-flex: 0;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
}
@media (max-width: 767px) {
    .fjord-page-top-img-container.usage-history {
        margin-bottom: 32px;
    }
    .mybill-spendingbreakdown-graph {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mybill-history-graph-legend {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #fjord-chart-block .download-chart-section-wrapper{
        flex-direction: column;
    }
    .download-graph-button-wrapper-changed-for-popup.cfc_download_button {
        width: 100%;
    }
    #fjord-chart-block .download-chart-section-wrapper > div {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    #fjord-chart-block .download-chart-section-wrapper > div > * {
        width: 100%;
    }
    .download-graph-button-wrapper.cfc_download_button {
        width: 100%;
    }
    .mybill-content-wrapper.on {
        margin-bottom: 0;
    }
    #billhistory-spending-chart-area .mybill-spending-graph-info-box .refresh-button {
        width: 100%;
    }
    .mybill-content-wrapper .header.content .usage-wrapper-title {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .mybill-content-wrapper .header.content #fuel-options {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #content .usage-history .fjord-content-inner,
    #billhistory-spending-chart-area {
        padding: 0 24px;
    }
    .download-chart-section-wrapper.content-footer {
        padding-left: 16px;
        padding-right: 16px;
    }
    .mybill-content-wrapper [id^="iconic-select-"] {
        width: 100%;
    }
    #fjord-chart-block .selectors-group.fjord-calendar-datepicker > div,
    .compare-horiz-wrapper .filters-inner.selectdiv {
        width: 100% !important;
    }
}
.billhistory-spending-widget-wrapper .description,
.mybill-history-graph-legend-key-inner span,
.footer-list,
.compare-horiz-wrapper .selectdiv .label-h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
#fjord-chart-block .background_color_wrapper{
    background: #fff;
    float: left;
    width: 100%;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div{
    float: left;
    width: 240px;
    flex: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 8px;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker .date-select-group  {
    display: flex;
    order: 1;
    flex-direction: column;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div>.selectdiv{
    max-width: 100%;
    flex: none;
    padding: 0;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div select, #fjord-chart-block .selectors-group.fjord-calendar-datepicker>div>.selectdiv select{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    width: 240px;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div>.selectdiv:after, #fjord-chart-block .selectors-group.fjord-calendar-datepicker>div.selectdiv.show-weather:after{
    left: 200px;
    right: auto;
    top: 2px;
    content: '\f0d7';
    text-align: center;
    border: 0;
    background: none;
}
#fjord-chart-block .time-period {
    display: none;
}
#fjord-chart-block .graph_header {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #333333;
    background: #ffffff;
    border-radius: 4px 4px 0 0;
    padding: 16px;
    border-bottom: 1px solid #E4E4E4;
}
#fjord-chart-block #range-selectors {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 16px 0 !important;
    margin: 0 !important;
    background: #fff;
}
#fjord-chart-block #range-selectors .datepicker.hasDatepicker {
    width: auto;
}
#fjord-chart-block #range-selectors .ui-datepicker-buttonpane {
    display: none;
}
#fjord-chart-block .reverse-container .fjord-calendar-datepicker {
    margin: 0 !important;
}
#fjord-chart-block #overlay_with {
    padding: 8px 25px 8px 11px;
}
#fjord-chart-block .selectdiv .range-select {
    margin: 8px 0;
}
#fjord-chart-block .reverse-container {
    display: flex;
    flex-direction: column-reverse;
}
.mybill-history-graph-wrapper {
    margin: 0;
    padding: 10px 0 0;
    background: #fff;
}
.download-chart-section-wrapper {
    background: #fff;
}
.mybill-content-wrapper .header.content {
    background: #fff;
    padding: 20px 16px !important;
}
.chart-description-section-wrapper {
    background: #fff;
}
/* download data popup */
#fjord-download-chart-popup .fjord-download-chart-popup {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
    max-width: 480px;
    background: #FFFFFF;
    border-radius: 4px 4px 0 0;
    border-top: 8px solid #003DA5;
    position: fixed;
    height: auto;
    z-index: 2;
    overflow-y: scroll;
}
#fjord-download-chart-popup .popup-download-title{
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #333333;
}
#fjord-download-chart-popup .description{
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 24px;
}
#fjord-download-chart-popup .fjord-download-popup-body .popup-date-section .date-title{
    display: none;
}
#fjord-download-chart-popup .fjord-calendar-datepicker label{
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    color: #333333;
}
#fjord-download-chart-popup .fjord-calendar-datepicker input{
    font-weight: 300;
    font-size: 16px;
}
#fjord-download-chart-popup .fjord-calendar-datepicker .date-selecte-icon:after{
    top: 34px;
}
.fjord-calendar-datepicker .date-selecte-icon::after {
    color: #003DA5;
}
#fjord-download-chart-popup .date-selecte-to::before{
    display: none;
}
#fjord-download-chart-popup .popup-format .radio-format-buttons{
    width: 49.5%;
    display: inline-flex;
}
#fjord-download-chart-popup .popup-format .radio-format-buttons label {
    text-transform: capitalize;
}
#fjord-download-chart-popup .popup-format .radio-format-buttons label{
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    padding-left: 4px;
}
#fjord-download-chart-popup .popup-buttons .popup-download-data-format{
    font-weight: normal;
    font-size: 16px;
    background: #003DA5;
    border: 1px solid #234467;
    box-sizing: border-box;
    border-radius: 4px;
    width: 176px;
    height: 40px;
    line-height: 40px;
    text-transform: capitalize;
    margin: 0 auto;
    padding: 0;
}
#fjord-download-chart-popup .popup-buttons .cancel-btn a{
    font-weight: normal;
    font-size: 16px;
    color: #003DA5;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    width: 176px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
}
#fjord-download-chart-popup .selectors-group{
    margin-top: 0;
}
#fjord-download-chart-popup input[type=radio] {
    display: none;
}
#fjord-download-chart-popup .popup-format .radio-format-buttons label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    max-height: 16px;
    margin-left: 16px;
    position: relative;
}
#fjord-download-chart-popup input[type=radio] + label:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #003DA5;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
    position: absolute;
    left: -16px;
}
#fjord-download-chart-popup input[type=radio]:checked + label:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f111';
    text-align: center;
    font-weight: bold;
    color: #003DA5;
    font-size: 10px;
    line-height: 14px;
}
#fjord-download-chart-popup .popup-format .radio-format-buttons:nth-child(5n){
    display: none;
}
.download-graph-button-wrapper-changed-for-popup.cfc_download_button {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #003DA5;
    width: 240px;
    height: 40px;
    cursor: pointer;
}
.download-graph-button-wrapper-changed-for-popup.cfc_download_button i {
    padding-right: 5px;
}
@media (max-width: 767px) {
    .selectors-group .date-pickers div{
        padding: 0;
    }
    #radio-xls, label[for='radio-xls']{
        display: inline-block;
    }
    #fjord-download-chart-popup .popup-format .radio-format-buttons{
        width: 49%;
    }
    .download-graph-button-wrapper-changed-for-popup.cfc_download_button {
        width: 100%;
    }
    #fjord-download-chart-popup .fjord-download-chart-popup {
        max-width: 345px;
        padding: 0 16px;
    }
    #fjord-download-chart-popup .title-box {
        padding-top: 32px;
    }
}
/* download data popup */
/* fjord-green-button-down-popup */
.download-buttons>div:first-child {
    order: 1;
}
#fjord-green-button-down-popup .fjord-popup,
.edit-popup-container .fjord-popup{
    border-radius: 4px;
    border-top: 8px solid #376B9E;
    z-index: 9999;
}
#confirm-changes-box,
#unconfirm-changes-box {
    z-index: 10000;
}
#fjord-green-button-down-popup .title-box{
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #333333;
}
#fjord-green-button-down-popup .fjord-download-popup-body{
    padding: 0 40px;
}
.fjord-download-popup-body .date-title{
    padding-top: 0;
}
.fjord-download-popup-body #range-selectors-popup {
    margin: 8px 0 !important;
}
.fjord-download-popup-body #range-selectors-popup .date-selecte-icon label{
    display: block !important;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    color: #333333;
}
.date-selecte-to::before{
    display: none;
}
.fjord-download-popup-body #range-selectors-popup .date-selecte-icon input{
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding: 8px 11px;
}
.fjord-calendar-datepicker .date-selecte-icon::after{
    top: auto;
    bottom: 15px;
}
.fjord-download-popup-body .gbp-br{
    padding-bottom: 24px;
}
.fjord-download-popup-body .gbp-br+p{
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
#fjord-green-button-down-popup .fjord-format-popoup-section input[type='radio']:before{
    margin-top: 15%;
    margin-left: 15%;
}
#fjord-green-button-down-popup .fjord-format-popoup-section .gbp-date-custom{
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    color: #333333;
}
#fjord-green-button-down-popup .fjord-format-popoup-section+.gbp-date-custom{
    display: none;
}
#mybill-history-wrapper .fjord-popup .fjord-download-confirm-section .confirm-text p{
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    color: #333333;

}
.fjord-download-confirm-section .confirm-checkbox{
    flex: 0 0.5;
}
.fjord-download-confirm-section .confirm-checkbox{
    padding-left: 0;
}
.fjord-download-confirm-section .confirm-checkbox input, #fjord-green-button-down-popup .gbp-date-all input{
    width: 12px;
    height: 12px;
}
#fjord-green-button-down-popup .popup-download-data{
    width: 176px;
    height: 40px;
    background: #376B9E;
    border: 1px solid #234467;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto 8px;
}
#fjord-green-button-down-popup .popup-download-data.disabledbutton{
    border:none;
    background: #CCCCCC;
}
#fjord-green-button-down-popup .cancel-btn{
    width: 176px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #376B9E;
    margin: 0 auto;
}
#fjord-green-button-down-popup .fjord-download-head {
    padding: 40px 0 24px 0;
}
#fjord-green-button-down-popup .title-box {
    padding: 24px 40px 0 40px;
}
#fjord-chart-block .btn-action.green-button-text.enter-click {
    margin-top: -10px;
}
#fjord-green-button-down-popup .fjord-download-head + div {
    padding: 0 40px;
}
#fjord-green-button-down-popup .date-title {
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 8px;
}
#fjord-green-button-down-popup .date-selecte-icon {
    min-width: auto;
}
#fjord-green-button-down-popup .date-pickers {
    padding-right: 0;
}
#fjord-green-button-down-popup .fjord-download-popup-body p {
    margin-bottom: 8px;
}
#fjord-green-button-down-popup .fjord-download-head + div {
    font-size: inherit;
}
#fjord-green-button-down-popup .fjord-download-confirm-section {
    padding: 0 40px;
}
#fjord-green-button-down-popup .fjord-format-popoup-section {
    margin-bottom: 24px;
}
#fjord-green-button-down-popup .fjord-download-confirm-section .confirm-text {
    box-sizing: border-box;
    padding-top: 8px;
}
#fjord-green-button-down-popup .popup-download-data {
    text-transform: none;
}
#fjord-green-button-down-popup input[type="checkbox"] {
    appearance: none
}
#fjord-green-button-down-popup input[type="checkbox"]:after {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    content: '\f0c8';
    display: block;
    cursor: pointer;
    color: #333;
}
#fjord-green-button-down-popup input[type="checkbox"]:checked:after {
    content: "\f14a";
    font-weight: bold;
    color: #376B9E;
}
#fjord-green-button-down-popup input[type="checkbox"]:focus {
    outline: 0;
}
#fjord-green-button-down-popup .fjord-format-popoup-section input.gbp-format {
    display: none;
}
#fjord-green-button-down-popup .fjord-format-popoup-section input[type='radio'] + .popup-custom-checkbox {
    position: relative;
    top: 3px;
    margin: 0 3px;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 1px solid #015E9F;
    border-radius: 50%;
}
#fjord-green-button-down-popup .fjord-format-popoup-section input[type='radio'] + .popup-custom-checkbox::before {
    content: "";
    box-sizing: border-box;
    display: none;
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #015E9F;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#fjord-green-button-down-popup .fjord-format-popoup-section input[type='radio']:checked + .popup-custom-checkbox::before {
    display: block;
}
#fjord-green-button-down-popup .popup-buttons {
    padding-top: 24px;
}
#fjord-green-button-down-popup .gbp-br .all-data-label {
    margin-top: 3px;
}
[id^="iconic-select-"] .is-select:focus {
    border: 0;
}
[id^="iconic-select-"] .is-option:not([disabled]):hover, [id^="iconic-select-"] .is-option:not([disabled]):focus {
    background-color: #526AA4;
}
[id^="iconic-select-"] {
    outline: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .download-chart-section-wrapper .download-buttons {
        align-items: flex-end;
        flex-direction: column-reverse;
    }
    .green-button-download-wrapper{
        padding-top: 16px;
    }
}
@media screen and (max-width: 767px) {
    #fjord-green-button-down-popup .fjord-popup {
        width: calc(100% - 30px);
    }
    #mybill-history-wrapper .fjord-popup .fjord-download-confirm-section {
        padding: 0 16px;
    }
    #fjord-green-button-down-popup .fjord-download-head + div {
        padding: 0 16px;
    }
    #fjord-green-button-down-popup .title-box {
        padding: 16px 16px 0 16px;
    }
    #fjord-green-button-down-popup .date-pickers{
        padding: 0;
    }
    .fjord-download-confirm-section .confirm-text{
        width: max-content;
    }
    .fjord-download-popup-body #range-selectors-popup .date-selecte-to {
        margin-top: 16px;
    }
}
@media (max-width: 450px){
    #fjord-chart-block .row.align-items-center.col-auto.green-button-download-wrapper{
        justify-content: center;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    #fjord-green-button-down-popup .date-pickers>div{
        padding: 0;
    }
    #fjord-green-button-down-popup .fjord-calendar-datepicker .date-selecte-icon::after{
        right: 10px;
    }
}
/* end fjord-green-button-down-popup */
#mybill-history-wrapper .icon-i-water {
    font-family: FontAwesome, sans-serif !important;
}
#mybill-history-wrapper .icon-i-water::before {
    content: "\f043";
    color: #CCCCCC;
    font-size: 18px;
    margin-right: 3px;
}
.fueltype_select .fjord-info-tooltip {
    display: none;
}
.fueltype_select label.label-h3 {
    margin-bottom: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #mybill-history-wrapper .download-chart-section-wrapper .download-buttons {
        justify-content: flex-end !important;
    }
    .fjord-download-confirm-section .confirm-checkbox {
        padding-right: 20px;
    }
}
/* and Usage & Cost */
/* Compare bill meter_selection updated */
.fjord-bill-compare-page [id^="iconic-select-"] {
    display: block;
    margin-top: 3px;
    width: 100%;
    background: #FFF;
    border-radius: 8px;
}
.fjord-bill-compare-page [id^="iconic-select-"] .is-select {
    background: transparent;
    height: 40px;
    padding: 0 40px 0 15px;
}
.fjord-bill-compare-page [id^="iconic-select-"] .is-option {
    padding-left: 15px;
}
.fjord-bill-compare-page .icon-i-water {
    font-family: FontAwesome, sans-serif !important;
}
.fjord-bill-compare-page .icon-i-water::before {
    content: "\f043";
    color: #CCCCCC;
    font-size: 18px;
    margin-right: 3px;
}
/* END compare bill meter_selection updated */
/* LWP-485 fixed pdf for action plan */
#pdf-zoom .fjord-myplan-overview .tip-buttons {
    max-width: 100%;
}
#pdf-zoom .fjord-myplan-overview .tips-by-category .row .more-tips-item {
    width: 100%;
}
/* END LWP-485 */
/*LWP-333*/
.compare-contractor-wrapper .selectdiv:after {
    content: "";
    top: 28px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgBtZGxDcIwEEW/HQaAAQhegY4myCUtIzACHSXpaOkYgw2wcJDSkQ2wwgKhJSLGjrAUApFCJH71/X3vdD6TYMovABi6KaPQCNFRhWG9NFWJP2KEAPwXWAPhSYoNcUEQ8ANIyyYaeynF3FrqMs+DDVQLXOU5lu5Aqjecc/YocDa23wBn+R3jOBbKBbR6K4RQuignaRp9UYXLyes1Zqlq6LOb2ersnUUYSbGr1380sLqmKjY/MzDvm7zgbXQUq2+1FA3qUaxNg8RYZT3+pSdOjkI0BTfm8QAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 5px;
    display: block;
}
/*end LWP-333*/
/* myplan/overview */
#content .fjord-myplan-overview .fjord-content-inner{
    max-width: 1284px;
    padding: 32px 24px 48px;
}
#content .fjord-action-plan.fjord-content-inner{
    max-width: 1284px;
    padding: 16px 24px 24px;
}
.fjord-myplan-overview{
    line-height: 1.5;
}
.fjord-myplan-overview .title-recomended{
    font-size: 24px;
    font-weight: normal;
}
.fjord-myplan-overview .fjord-page-top-img-container .myplan-overview {
    display: none;
}
.fjord-page-top-img-container.overview-img-container {
    background-image: url(../images/headers/action-plan8f14e45fceea167a5a36dedd4bea2543.jpg);
}
.page-top-img.myplan-overview{
    background: rgba(0, 0, 0, 0.5);
    height: 240px;
}
.fjord-top-title::after{
    display: none;
}
.fjord-myplan-overview .overview-graph{
    display: block;
    margin-top: 16px;
}
.fjord-myplan-overview .fjord-page-header.page-total-title{
    display: none;
}
.fjord-myplan-overview .fjord-page-description p{
    margin: 0;
}
.fjord-myplan-overview .fjord-page-description .row .col-12{
    margin: 0 0 8px;
}
.fjord-myplan-overview .fjord-page-description .row .col-12:last-child{
    margin: 0;
}
.fjord-myplan-overview .declined-container .fjord-tip  {
    margin: 8px 0;
}
.fjord-myplan-overview .tips-by-category .fjord-tips-container {
    display: flex;
    flex-direction: column;
}
.fjord-myplan-overview .more-tips-item {
    display: flex;
    flex-direction: column-reverse;
    flex: 0 0 100%;
    -ms-flex: 0 0 auto;
    max-width: 100%;
}
.fjord-myplan-overview .tips-category-title {
    order: 3;
    font-size: 24px;
    line-height: 36px;
    color: #333333;
    padding-bottom: 4px;
    margin: 32px 0 0 0;
    font-weight: normal;
}
.fjord-myplan-overview .more-tips-item .more-tips-link{
    padding: 0;
}
.fjord-myplan-overview .show-tips-category {
    display: flex;
    justify-content: space-between;
    order: 1;
    margin: 0 -12px;
}
.fjord-myplan-overview .half-tip {
    padding-bottom: 0;
    width: 50%;
    margin: 0 12px;
}
.fjord-myplan-overview .more-tips-item .no-gutters {
    order: 2;
    display: flex;
    justify-content: flex-start !important;
    font-size: 16px;
    line-height: 24px;
    color: #376B9E;
    margin-bottom: 8px;
}
.fjord-myplan-overview .more-tips-item .no-gutters a i {
    display: none;
}
.fjord-myplan-overview .more-tips-item div.fjord-tip-body,
.fjord-myplan-overview .more-tips-item div.tip-buttons {
    justify-content: center !important;
    margin-bottom: 0;
}
.fjord-myplan-overview #select-container {
    margin-top: 10px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #94979C;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    min-width: 240px;
    max-width: 240px;
    overflow: hidden;
    padding: 0 0 0 8px;
}
.savings-overlay .fjord-select{
    min-width: 240px;
    max-width: 240px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #94979C;
    margin-top: 8px;
}
.fjord-myplan-overview #select-container:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #3D3E40;
    z-index: 0;
}
#select-container select {
    font-size: 16px;
    margin: 0;
    padding: 0 30px 0 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    color: #333333 !important;
    position: relative;
    z-index: 2;
}
.fjord-myplan-overview p{
    font-size: 16px;
}
.my-savings-plan .my_goal_title{
    display: none;
}
.overview-graph .fjord-info-tooltip{
    display: none;
}
.overview-graph{
    font-size: 16px;
}
.my-savings-plan .ws-header .fjord-info-tooltip{
    display: none;
}
.savings-select-wrapper {
    margin: 24px 0;
    display: block;
}
#net-savings-over{
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    width: 100%;
    max-width: 732px;
}
#net-savings-over li{
    font-size: 16px;
    color: #3A3A3A;
    min-height: 40px;
    display: flex;
    padding: 5px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDE1E5;
    cursor: pointer;
    background: white;
    width: 100%;
}
#net-savings-over li.selected-period{
    background: #376B9E;
    border: 1px solid #376B9E;
    color: white;
}
#sel_period_content{
    display: flex;
}
.savings-select-wrapper .fjord-select-label{
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
}
.fjord-myplan-overview .highcharts-label tspan{
    color: #666666;
    font-weight: normal;
}
.fjord-myplan-overview .my-savings-plan .ws-title{
    font-size: 24px;
    font-weight: normal;
}
.fjord-myplan-overview .my-savings-plan .ws-header {
    display: none;
}
.my-savings-plan .ws-body .reverse{
    display: flex;
    flex-direction: column-reverse;
}
.roi-text{
    margin-bottom: 0;
}
.my-savings-plan .ws-body .overview-version-maxroy .accuracy-info {
    order: 2;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
.my-savings-plan .ws-body .overview-version-maxroy .roi-plan-container{
    order: 3;
}
.fjord-myplan-overview .title-savings-overview{
    margin: 0;
    padding-left: 16px;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: normal;
    height: 72px;
    border-bottom: 1px solid #E4E4E4;
}
.fjord-myplan-overview .total-carbon-lifetime{
    font-family: 'Encode Sans',sans-serif;
}
.fjord-myplan-overview .total-carbon-value{
    font-size: 48px;
    line-height: 1.5;
    font-weight: 600;
}
.fjord-myplan-overview .white-section .title-carbon{
    margin: 0;
}
.fjord-myplan-overview .text-savings-overview{
    padding: 24px 16px 0;
    margin: 0;
}
.maxroi .text-savings-overview{
    display: block;
}
.fjord-myplan-overview #roi-plan-container .highcharts-yaxis-labels > text{
    font-size: 12px !important;
    color: #666 !important;
    fill: #666 !important;
}
.fjord-myplan-overview #roi-plan-container .highcharts-xaxis-labels > text,
.fjord-myplan-overview #roi-plan-container .highcharts-xaxis-labels tspan{
    font-size: 16px !important;
    color: #333 !important;
    font-family: 'Encode Sans',sans-serif;
    fill: #333 !important;
}
.my-savings-plan .ws-body{
    border-top: none;
}
.fjord-myplan-overview .fjord-page-header.recomended-header{
    display: block;
    margin: 32px 0 0;
}
.fjord-myplan-overview .fjord-page-header.recomended-header .download-button{
    display: none;
}
.fjord-myplan-overview .recomended-description{
    margin: 4px 0 8px;
}
.fjord-myplan-overview .white-section{
    border-radius: 4px;
}
.fjord-myplan-overview a.download-graph-button-wrapper:before{
    content: "\f019";
    font-family: "FontAwesome";
    line-height: 1;
    margin-right: 8px;
    font-size: 22px;
}
.fjord-myplan-overview a.download-graph-button-wrapper {
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 40px;
    cursor: pointer;
    font-style: normal;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #376B9E;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-top: 16px;
    padding: 0 5px;
}
.fjord-myplan-overview .action-tab-switcher{
    background-color: inherit;
}
.fjord-myplan-overview .my-plan-actions{
    margin: 24px 0 0;
}
.fjord-myplan-overview .my-plan-actions .fjord-tip .ws-list li,
.fjord-myplan-overview .my-plan-actions .fjord-tip .ws-header,
.fjord-myplan-overview .my-plan-actions .tip-headline{
    padding: 0 16px;
    height: 64px;
    align-items: center;
    min-height: auto;
}
.fjord-myplan-overview .tip-action-btn-label{
    padding: 0;
    line-height: 1.5;
}
.fjord-myplan-overview .action-tabs-wrapper{
    max-width: 960px;
}
.fjord-myplan-overview  .action-tab-switcher {
    border-top: none;
    font-size: 16px;
    border-bottom: 3px solid transparent;
    padding: 8px 5px;
    box-shadow: none;
    border-radius: 0;
    min-height: 72px;
}
.fjord-myplan-overview  .action-tab-switcher-wrapper:not(:last-child) {
    border-right: 1px solid #EEEEEE;
}
.action-tab-title{
    font-weight: normal;
}
.action-tab-subtitle{
    font-size: 16px;
}
.fjord-myplan-overview  .action-tab-switcher.selected {
    color: #376B9E;
    border-bottom-color: #376B9E;
}
.fjord-myplan-overview  .action-tab-switcher.selected .action-tab-title{
    font-weight: bold;
}
.fjord-myplan-overview .my-plan-actions .fjord-tab-switcher{
    margin: 0 0 16px;
}
.fjord-myplan-overview .declined-container{
    margin: 24px 0;
}
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .no_items,
.fjord-myplan-overview .fjord-tabs-wrapper .completed-wrapper .no_items{
    margin: 0;
}
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .title h1,
.fjord-myplan-overview .fjord-tabs-wrapper .completed-wrapper .title h1{
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    text-align: left;
}
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .track_action_description p,
.fjord-myplan-overview .fjord-tabs-wrapper .completed-wrapper .track_action_description p{
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
}
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .sectionStep1,
.fjord-myplan-overview .fjord-tabs-wrapper .completed-wrapper .sectionStep1{
    margin: 0;
}
.fjord-myplan-overview .fjord-tabs-wrapper .completed-wrapper .sectionStep1 h1,
.fjord-myplan-overview .fjord-tabs-wrapper .completed-wrapper .no-actions-buttons-wrapper,
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .no-actions-buttons-wrapper {
    display: none;
}
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .get-assistance-wrapper {
    display: none !important;
}
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .section h1{
    color: #376b9e;
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    text-align: left;
}
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .sectionStep1,
.fjord-myplan-overview .fjord-tabs-wrapper .saved-wrapper .sectionStep2{
    background: transparent;
    margin: 0;
    padding: 0;
}
.fjord-myplan-overview .tip-buttons{
    max-width: 60%;
    margin: 0 auto;
}
.fjord-myplan-overview .tip-action-btn{
    display: flex;
    align-items: center;
}
.fjord-myplan-overview .tip-action-btn-label{
    font-size: 16px;
    margin-left: 5px;
    text-transform: capitalize;
    font-weight: normal;
}
.fjord-myplan-overview .fjord-tip{
    border-top: 8px solid #526AA4;
    border-radius: 4px 4px 0 0;
}
.fjord-myplan-overview .fjord-tab-content .fjord-tip{
    margin: 16px 0;
}
.fjord-myplan-overview .tip-headline{
    font-size: 16px;
    font-weight: normal;
    min-height: 64px;
}
.fjord-myplan-overview .tip-info .ws-title{
    font-size: 20px;
    line-height: 23px;
    font-weight: normal;
}
.fjord-myplan-overview .tip-info .ws-list{
    font-size: 16px;
}
.fjord-myplan-overview .tip-info .ws-list li>.col-auto{
    max-width: 50%;
}
.fjord-myplan-overview .tip-info .ws-list-val{
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: normal;
}
.fjord-myplan-overview .tip-info .ws-list-val .item-carbon-savings-val{
    font-weight: normal;
}
.fjord-myplan-overview .fjord-tip-footer{
    font-size: 16px;
    padding: 8px 0;
}
.fjord-myplan-overview .fjord-measure .fjord-tip-body{
    align-items: center;
}
.fjord-myplan-overview .declined-tab::after{
    content: "\f067";
    font-family: "FontAwesome";
    color: #376B9E;
    font-size: 18px;
    font-weight: 600;
}
.fjord-myplan-overview .declined-tab.selected::after{
    content: "\f068";
}
.fjord-myplan-overview .declined-tab .angle-direction{
    display: none;
}
.fjord-myplan-overview .declined-tab{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    min-height: 72px;
    font-size: 24px;
}
.fjord-myplan-overview .declined-tab {
    font-weight: normal;
}
.roi-text a,
.accuracy-value,
.more-tips-link,
.fjord-myplan-overview .fjord-tip-footer a,
.tip-action-btn{
    color: #376B9E;
    font-weight: normal;
}
.fjord-myplan-overview .btn-to-all-tips{
    color: white;
    max-width: 176px;
    width: 100%;
    height: 40px;
    background: #003DA5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    margin-top: 24px;
    text-transform: none;
}
.more-tips-wrapper .fjord-page-header{
    display: block;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 4px;
}
.fjord-support-title{
    display: none;
}
.fjord-myplan-overview #fjord-support-bar .fjord-support-box{
    border-left: 4px solid #376B9E;
    border-radius: 4px;
    padding: 20px 20px 20px 10px;
    font-size: 16px;
    font-weight: normal;
}
.fjord-myplan-overview #fjord-support-bar .fjord-support-box{
    color: #333333;
}
.fjord-myplan-overview #fjord-support-bar .fjord-support-bar-wrapper{
    padding: 32px 0 0;
}
.my-savings-plan .haus-container{
    display: flex;
}
.my-savings-plan #health-info-wrapper .haus{
    margin: 0 8px;
}
.my-savings-plan #health-info-wrapper .haus img{
    max-width: 100%;
}
.my-savings-plan #health-info-wrapper #fair{
    font-size: 48px;
    color: #376B9E;
}
.fjord-myplan-overview .carbon-rectangle img{
    display: none;
}
.fjord-myplan-overview .carbon-rectangle{
    background: url('/images/carbon-image-desktop8f14e45fceea167a5a36dedd4bea2543.png') no-repeat 0 0/contain;
    width: 100%;
    max-width: 824px;
    height: 124px;
    margin-top: 24px;
}
.fjord-myplan-overview .fjord-tip .haus-container{
    display: flex;
}
.fjord-myplan-overview .fjord-tip .haus{
    width: 16px;
    height: auto;
    margin: 0 1px;
}
.fjord-myplan-overview .fjord-tip .haus img{
    width: 100%;
    height: auto;
}
.fjord-myplan-overview .more-tips-item .accept-overlay .no-gutters,
.fjord-myplan-overview .more-tips-item .complete-overlay .no-gutters,
.fjord-myplan-overview .more-tips-item .decline-overlay .no-gutters{
    background: transparent;
}
.fjord-popup{
    border-top: 8px solid #526AA4;
    border-radius: 4px;
}
.fjord-myplan-overview .fjord-popup-header{
    min-height: 88px;
    padding: 20px 24px;
    background: #F6F8FB;
}
.fjord-myplan-overview .fjord-popup-headline{
    font-family: 'Encode Sans',sans-serif;
    color: #3A3A3A;
    line-height: 23px;
    font-size: 20px;
    font-weight: normal;
}
.fjord-myplan-overview .action-tab-subtitle-label{
    display: none;
}
.fjord-stretch-btn{
    background: #5082AF;
    border: 1px solid #497399;
    box-sizing: border-box;
    border-radius: 4px;
    color: white;
    font-weight: normal;
}
.fjord-myplan-overview .carbon-rectangle{
    display: none;
}
.savings-overlay .carbon-image-wrapper,
.fjord-myplan-overview .carbon-image-wrapper{
    display: flex;
    flex-direction: row;
    background: white;
}
.savings-overlay .carbon-image-item,
.fjord-myplan-overview .carbon-image-item{
    width: 255px;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
}
.savings-overlay .carbon-image-item:after,
.fjord-myplan-overview .carbon-image-item:after{
    content: '';
    position: absolute;
    transform: translate(-50%, -50%);
    left: 100%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ccc;
}
.savings-overlay .carbon-image-item:last-child:after,
.fjord-myplan-overview .carbon-image-item:last-child:after{
    display: none;
}
.savings-overlay .carbon-image-item img,
.fjord-myplan-overview .carbon-image-item img{
    display: flex;
    align-self: center;
    order: 2;
    margin-top: 6px;
}
.savings-overlay .carbon-image-item img{
    transform: scale(0.77, 0.77);
}
.savings-overlay .savings-info-footer{
    padding: 8px 0 16px;
}
.savings-overlay .fjord-popup-body{
    padding: 16px;
}
.savings-overlay .savings-table .ws-list{
    border-bottom: none;
}
.savings-overlay .savings-table .savings-popup-tip-text{
    margin-top: 11px;
}
.savings-overlay .fjord-popup-headline{
    margin-bottom: 4px;
    font-family: 'Encode Sans',sans-serif;
    font-size: 24px;
    line-height: 1.5;
    color: #333;
    font-weight: normal;
}
.savings-overlay{
    line-height: 1.5;
}
.savings-overlay .ul-container .fjord-select-label{
    font-size: 16px;
}
.savings-overlay .carbon-image-wrapper .carbon-image-tip,
.fjord-myplan-overview .carbon-image-tip{
    display: flex;
    flex-grow: 1;
    align-items: center;
    max-width: 205px;
    align-self: center;
    justify-content: center;
    position: relative;
    color: #333333;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
.savings-overlay .carbon-image-wrapper .carbon-image-tip{
    max-width: 150px;
}
.savings-overlay .popup-image-container{
    display: none;
}
.savings-overlay .carbon-image-item{
    width: 33%;
}
.savings-overlay .ul-container .col-12{
    padding: 0;
    margin-bottom: 8px;
}
.savings-overlay #ul-popup-savings-period{
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    width: 100%;
    max-width: 453px;
}
.savings-overlay .savings-table{
    margin-top: 16px;
}
.savings-overlay .savings-table .st-head-name{
    min-height: 64px;
    font-family: 'Encode Sans',sans-serif;
    justify-content: center;
    padding: 8px;
    font-size: 16px;
    font-weight: normal;
}
.savings-overlay .savings-table .st-header{
    padding: 0 8px;
}
.savings-overlay .select-container{
    display: none;
}
.savings-overlay .ul-container{
    display: block !important;
}
.savings-overlay .ul-container #ul-popup-savings-period {
    display: inline-flex;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0;
}
.savings-overlay .ul-container li {
    font-size: 16px;
    color: #3A3A3A;
    min-height: 40px;
    display: flex;
    padding: 5px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDE1E5;
    cursor: pointer;
    background: white;
    width: 100%;
}
.savings-overlay .ul-container li.selected-period{
    background: #376B9E;
    border: 1px solid #376B9E;
    color: white;
}
.savings-overlay .savings-overlay-head{
    padding: 0;
}
.savings-overlay #ul-popup-savings-period li[data-popup-ul-period=lifetime]{
    order: 2;
}
.fjord-myplan-overview .fjord-popup-buttons-wrapper {
    max-width: 176px;
}
.fjord-myplan-overview #footer-popup{
    display: block;
}
.savings-overlay .savings-info-section-1 .fjord-popup-headline{
    display: none;
}
.savings-overlay .savings-info-section-2 .savings-info-images,
.savings-overlay .savings-info-section-2 .fjord-popup-headline{
    display: none;
}
.savings-overlay .savings-info-section-1{
    padding: 0;
}
.savings-overlay .savings-info-section-2{
    background: none;
    padding: 0;
}
.savings-overlay .savings-info-section .col.col-md-6{
    width: 100%;
    max-width: none;
}
.savings-overlay .savings-info-list{
    font-size: 16px;
    color: #333333;
}
.savings-overlay .savings-info-section{
    display: block;
    padding: 0;
}
.savings-overlay #footer-popup {
    display: block !important;
}
.savings-overlay #footer-popup .close-popup-container{
    display: none !important;
}
.savings-overlay .popup-image-container{
    background: url('/images/carbon-image-desktop8f14e45fceea167a5a36dedd4bea2543.png') no-repeat 0 0/contain;
    width: 100%;
    max-width: 824px;
    height: 124px;
    margin: 0 auto;
}
.savings-overlay .fjord-popup{
    max-width: 500px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.savings-overlay .fjord-popup::-webkit-scrollbar {
    display: none;
}
.fjord-action-plan .download-graph-button-wrapper img{
    display: none;
}
.fjord-action-plan .chart-box .download-graph-button-wrapper{
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 40px;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #376B9E;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 7px;
    text-transform: capitalize;
    margin-top: 10px;
}
.fjord-action-plan .chart-box .download-graph-button-wrapper .download-graph-button-content{
    display: block;
}
.fjord-action-plan .chart-box .download-graph-box{
    padding: 0 20px 0 20px;
}
.fjord-action-plan .chart-box .justify-content-end{
    justify-content: flex-start !important;
}
.fjord-action-plan .chart-box .chart-title,
.fjord-action-plan .chart-box .savings-on-bill-chart-title{
    height: 24px;
    display: flex;
    align-items: center;
}
.fjord-action-plan .chart-box .savings-on-bill-chart-title{
    margin-bottom: 20px;
}
.fjord-action-plan .chart-box .chart-title{
    height: 16px;
}
.fjord-action-plan .chart-box .chart-title .round,
.fjord-action-plan .chart-box .savings-on-bill-chart-title .round{
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #234467;;
}
.fjord-action-plan .chart-box .chart-title .round{
    background: #376B9E;
}
.fjord-action-plan .chart-box .savings-on-bill-chart-title .label-text{
    font-size: 16px;
    line-height: 24px;
    margin-left: 6px;
}
.fjord-action-plan .chart-box .chart-title .label-text{
    font-size: 12px;
    line-height: 16px;
    margin-left: 6px;
}
.fjord-myplan-overview .take-action-overlay .fjord-popup-body{
    padding: 24px 0;
}
.fjord-myplan-overview .take-action-overlay .fjord-stretch-btn{
    margin: 8px 0 0;
    text-transform: capitalize;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333;
    line-height: 24px;
    padding: 7px 0;
}
.fjord-myplan-overview .take-action-overlay .fjord-stretch-btn:first-child{
    margin: 0;
    color: #fff;
    background: #003DA5;
    border: 1px solid #003DA5;
}
.fjord-myplan-overview .take-action-overlay .fjord-popup-header .col-auto{
    padding: 0;
}
.fjord-myplan-overview .take-action-overlay .fjord-popup-header .row{
    margin: 0;
}
.fjord-myplan-overview .white-section .ws-body{
    padding: 16px 16px 24px;
}
.fjord-myplan-overview .white-section.health #health-info-wrapper p:first-child{
    display: none;
}
.fjord-myplan-overview .white-section .accuracy-info{
    margin-top: 24px;
    font-family: 'Encode Sans',sans-serif;
    font-size: 16px;
}
.fjord-myplan-overview .white-section .roi-text{
    margin-top: 12px;
}
.fjord-myplan-overview .my-plan-actions .tip-buttons{
    padding: 16px 0;
}
.fjord-myplan-overview .more-tips-wrapper .tip-buttons{
    padding-bottom: 16px;
}
.fjord-action-plan {
    padding-top: 20px;
    line-height: 1.5;
}
.fjord-action-plan .tip-buttons {
    display: none;
}
.fjord-action-plan .fjord-tip {
    border-top: 8px solid #376B9E;
    border-radius: 4px 4px 0 0;
}
.fjord-action-plan .action-plan-tip .tip-headline {
    height: 64px;
}
.fjord-action-plan .action-plan-tip .tip-description {
    font-size: 16px;
    line-height: 1.5;
    padding: 24px;
}
.fjord-action-plan .action-plan-tip .ws-list li,
.fjord-action-plan .white-section .ws-list li {
    padding: 0 16px;
    min-height: 64px;
    align-items: center;
}
.fjord-action-plan .to-do-list li {
    flex-basis: auto;
}
.fjord-action-plan .to-do-list .li-counter {
    text-align: left;
    font-size: 24px;
    color: #376B9E;
    font-weight: normal;
    margin: 0 0 4px;
}
.fjord-action-plan .to-do-list .li-counter:before {
    content: 'Step ';
}
.fjord-action-plan .ws-title {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: normal;
}
.fjord-action-plan .energy-tips-to-do-list-block .ws-title:first-letter {
    text-transform: uppercase;
}
.fjord-action-plan .white-section .ws-title.total-title {
    font-size: 16px;
}
.fjord-action-plan .white-section .descript {
    font-size: 16px;
    padding: 0 0 16px 30px;
    font-family: 'Encode Sans',sans-serif;
}
.fjord-action-plan .white-section .ws-title.total-title .total-savings {
    font-size: 24px;
    font-family: 'Encode Sans',sans-serif;
    font-weight: normal;
}
.fjord-action-plan .energy-tips-faq .ws-toggle-list.ws-list-label {
    min-height: 64px;
    height: 64px;
}
.fjord-action-plan .white-section .ws-list-reward {
    font-size: 24px;
    font-weight: normal;
}
.fjord-action-plan .ws-header {
    padding: 16px 16px;
    min-height: 72px;
    display: flex;
    align-items: center;
}
.fjord-action-plan .energy-tips-faq .ws-toggle-list .ws-toggle-label {
    min-height: 64px;
}
.fjord-action-plan .ws-list li>.col-auto {
    max-width: 50%;
}
.fjord-action-plan .ws-toggle-item {
    box-shadow: none;
}
.fjord-action-plan .energy-tips-to-do-list-block .ws-body {
    padding: 16px 20px;
}
.fjord-action-plan .energy-tips-to-do-list-block .to-do-list {
    margin: 0;
 }
.fjord-action-plan .energy-tips-to-do-list-block .to-do-list .li-description {
    font-size: 16px;
    line-height: 1.5;
}
.fjord-action-plan .energy-tips-to-do-list-block .to-do-list .col-12 {
    padding: 0;
    margin: 8px 0;
}
.fjord-action-plan .ws-toggle-label .icon-i::before {
    color: #376B9E;
}
.fjord-action-plan .fjord-page-header {
    display: none;
}
.fjord-action-plan .fjord-go-back-link.back-link-on-top {
    display: block;
}
.fjord-action-plan .fjord-go-back-link i {
    display: none;
}
.fjord-action-plan .fjord-go-back-link:not(.back-link-on-top) {
    display: none;
}
.fjord-action-plan .action-plan-tip {
    margin: 24px 0;
}
.fjord-action-plan .white-section{
    margin: 24px 0;
}
.fjord-action-plan .tip-img{
    width: auto;
    max-width: 90%;
}
.savings-overlay .savings-table .ws-list .col-md-9 .child-style,
.savings-overlay .savings-table .st-header>.col-md-3{
    flex: 0 0 auto;
    max-width: 124px;
}
.savings-overlay .savings-table .ws-list .col-md-3,
.savings-overlay .savings-table .st-header>.col-md-3:first-child{
    max-width: 79px;
}
.savings-overlay .savings-table .ws-list .col-md-9{
    flex: 0 0 auto;
    max-width: 372px;
}
.savings-overlay .ws-list li,
.savings-overlay .savings-table .ws-list-label{
    padding: 0 8px;
}
.savings-overlay .ws-list li:nth-child(even){
    background-color: #f2f2f2;
}
.fjord-myplan-overview .status-overlay.accept-overlay{
    background: #376B9E;
}
.fjord-myplan-overview .status-overlay.complete-overlay{
    background: rgba(0, 102, 48, 0.9);
}
.fjord-myplan-overview .status-overlay.decline-overlay{
    background: rgba(58, 58, 58, 0.9);
}
.fjord-myplan-overview .status-overlay-sub-text{
    display: none;
}
.fjord-myplan-overview .status-overlay-message{
    text-transform: capitalize;
    font-family: 'Encode Sans',sans-serif;
    font-size: 32px;
    font-weight: normal;
}
.form-element.select .select {
    line-height: normal !important;
}
.item-edit-btn {
    padding-left: 0;
}
@media screen and (max-width: 1024px) {
    .fjord-content-inner.edit-account .form-item{
        height: auto !important;
    }
    .col-12.form-item.property-item {
        align-items: flex-start;
    }
    #content .fjord-action-plan.fjord-content-inner,
    #content .fjord-myplan-overview .fjord-content-inner,
    .savings-overlay .fjord-popup{
        max-width: 568px;
    }
    #content .fjord-myplan-overview .fjord-content-inner{
        padding: 32px 0 48px;
    }
    #content .fjord-action-plan.fjord-content-inner{
        padding: 16px 0 24px;
    }
    .fjord-action-plan .fjord-tip-body>.col-12 {
        max-width: 100%;
        flex: 0 0 auto;
    }
    .fjord-myplan-overview .my-plan-actions .fjord-tip-body{
        padding-bottom: 56px;
    }
    .fjord-myplan-overview .page-top-img{
        display: none;
    }
    .overview-img-container .fjord-top-title .top-title-text{
        font-size: 32px;
        color: white;
        background: none;
    }
    .fjord-myplan-overview .my-savings-plan.carbon .carbon-rectangle img{
        display: none;
    }
    .fjord-myplan-overview .my-savings-plan.carbon .carbon-rectangle{
        background: url("/images/carbon-image-tablet8f14e45fceea167a5a36dedd4bea2543.png") no-repeat 0 0/contain;
        width: 100%;
        max-width: 535px;
        height: 124px;
    }
    .fjord-myplan-overview .fjord-tip .fjord-tip-body > .col-12,
    .fjord-myplan-overview .fjord-support-bar-wrapper > .row > .col-12{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fjord-myplan-overview .fjord-tip .fjord-tip-body > .col-12{
        position: static;
    }
    .fjord-myplan-overview .tip-buttons{
        max-width: none;
    }
    .fjord-myplan-overview .my-plan-actions .tip-buttons{
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
        flex-wrap: nowrap;
    }
    .fjord-myplan-overview #fjord-support-bar .fjord-support-bar-wrapper > .row > .col-12 {
        margin: 10px 0;
    }
    .action-tab-title, .action-tab-subtitle-label {
        display: block;
    }
    .overview-calculations .tab-mobile-icon{
        display: none;
    }
    .my-plan-actions .action-tab-switcher{
        border-left: none;
        border-right: none;
    }
    .selected .tab-mobile-icon > i::before,
    .selected .action-tab-subtitle{
        color: #376B9E;
    }
    .action-tabs-wrapper > .row > div:first-child .action-tab-switcher,
    .action-tabs-wrapper > .row > div:last-child .action-tab-switcher{
        border-radius: 0;
    }
    .fjord-myplan-overview .half-tip{
        width: 100%;
        margin-top: 20px;
    }
    .fjord-myplan-overview .show-tips-category>.half-tip:last-child{
        display: none;
    }
    .fjord-myplan-overview .show-tips-category{
        flex-direction: column;
        margin-top: -20px;
    }
    .take-action-overlay .fjord-popup{
        max-width: 568px;
    }
    .fjord-myplan-overview .half-tip,
    .fjord-myplan-overview .show-tips-category,
    .fjord-myplan-overview .tips-by-category .fjord-tips-container{
        margin-left: 0;
        margin-right: 0;
    }
    .fjord-myplan-overview .more-tips-item{
        padding: 0;
    }
    .savings-overlay .savings-table .ws-list .col-md-9 .child-style,
    .savings-overlay .savings-table .st-header>.col-md-3{
        flex: 0 0 auto;
        max-width: 147px;
    }
    .savings-overlay .savings-table .ws-list .col-md-3,
    .savings-overlay .savings-table .st-header>.col-md-3:first-child{
        max-width: 79px;
    }
    .savings-overlay .savings-table .ws-list .col-md-9{
        flex: 0 0 auto;
        max-width: 441px;
    }
    .savings-overlay .ws-list li,
    .savings-overlay .savings-table .ws-list-label{
        padding: 0 8px;
    }
}
@media screen and (max-width: 767px) {
    #content .fjord-myplan-overview .fjord-content-inner{
        padding: 32px 24px 48px;
        max-width: 616px;
    }
    .fjord-myplan-overview #fjord-support-bar .fjord-support-bar-wrapper > .row > .col-12{
        padding: 0;
    }
    #content .fjord-action-plan.fjord-content-inner{
        padding: 16px 24px 24px;
        max-width: 616px;
    }
    .savings-overlay .ws-list li:nth-child(even){
        background-color: transparent;
    }
    .savings-overlay .ul-container{
        display: none !important;
    }
    .savings-overlay .select-container,
    .action-tabs-wrapper > .row {
        display: block;
    }
    .fjord-myplan-overview .action-tab-switcher-wrapper{
        border-right: none;
    }
    .fjord-myplan-overview .action-tab-switcher{
        border-bottom: 2px solid #E4E4E4;
    }
    .fjord-myplan-overview a.download-graph-button-wrapper{
        width: 100%;
    }
    .savings-overlay .carbon-image-wrapper,
    .fjord-myplan-overview .my-savings-plan .carbon-image-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .savings-overlay .carbon-image-wrapper .carbon-image-item,
    .fjord-myplan-overview .my-savings-plan .carbon-image-item{
        height: 145px;
        justify-content: center;
    }
    .savings-overlay .carbon-image-item:first-child,
    .fjord-myplan-overview .carbon-image-item:first-child{
        justify-content: flex-start;
    }
    .savings-overlay .carbon-image-item:last-child,
    .fjord-myplan-overview .carbon-image-item:last-child{
        justify-content: flex-end;
    }
    .savings-overlay .carbon-image-item .carbon-image-tip,
    .fjord-myplan-overview .carbon-image-item .carbon-image-tip{
        flex-grow: 0;
    }
    .savings-overlay .carbon-image-item:after,
    .fjord-myplan-overview .carbon-image-item:after{
        left: 50%;
        top: 100%;
    }
    .savings-overlay .carbon-image-item{
        width: 150px;
    }
    .savings-overlay .fjord-popup{
        max-width: calc(100% - 48px);
    }
    .savings-overlay .savings-table .ws-list .col-md-9,
    .savings-overlay .savings-table .ws-list .col-md-3,
    .savings-overlay .savings-table .st-header>.col-md-3,
    .savings-overlay .savings-table .ws-list .col-md-9 .child-style{
        max-width: 100%;
    }
    .savings-overlay .ws-list li {
        padding: 0;
    }
    .savings-overlay .savings-table .ws-list-label,
    .savings-overlay .savings-table .mobile-toggle-label{
        padding: 0 16px;
        font-family: 'Encode Sans',sans-serif;
        border: none;
    }
    .savings-overlay .savings-table{
        margin: 16px -16px 0;
    }
    .savings-overlay .savings-table .savings-popup-tip-text{
        padding: 0 16px;
    }
    .savings-table .mobile-toggle-label .icon-i{
        color: #376B9E;
    }
    .savings-table .ws-list-label{
        min-height: 64px;
    }
    .savings-table .ws-list-labels-right{
        font-family: 'Encode Sans',sans-serif;
        font-size: 24px;
    }
    .savings-table .table-values-container{
        background-color: rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    }
    .savings-overlay .savings-table .ws-list .col-md-9 .child-style,
    .savings-overlay .savings-table .ws-list .col-md-3{
        border-bottom: 1px solid #CCCCCC;
    }
    .savings-overlay .savings-table .ws-list,
    .savings-overlay .savings-table .ws-list li:first-child .col-md-3{
        border-top: none;
    }
    .fjord-select-label-right{
        margin: 0;
    }
    .fjord-myplan-overview #roi-plan-container .highcharts-xaxis-labels > text,
    .fjord-myplan-overview #roi-plan-container .highcharts-xaxis-labels tspan{
        font-size: 12px !important;
    }
}
/* //myplan/overview  .fjord-myplan-overview */
/* LWP-406 */
.fjord-myplan-overview #fjord-support-bar {
    display: none;
}
/* END LWP-406 */
/* Header */
#google_translate_element {
    display: none;
}
.sessions-bar {
    overflow-x: hidden;
    height: auto;
}
.fjord-header-img {
    width: 184px;
    height: 64px;
}
.fjord-header-top {
    border: none;
}
.js-nav-system li a,
.js-nav-system__subnav a,
.fjord-top-menu-wrapper .js-nav-system li span,
.fjord-header-user-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.js-nav-system__subnav a,
.js-nav-system__subnav span {
    color: #333333;
}
.fjord-user-menu-icon {
    color: #000;
    background: none;
}
.js-nav-system .nav_li_0:hover > a::before,
.js-nav-system .nav_li_0:hover > span::before,
.js-nav-system__subnav li:hover a::before,
.js-nav-system__subnav li:hover span::before,
.fjord-header-user-container:hover .fjord-header-user-menu > a::before{
    display: none;
}
.fjord-header-user-name {
    padding: 1px 0;
}
.fjord-user-menu-icon {
    width: auto;
    height: auto;
    margin-right: 7px;
}
.fjord-page-top-img-container .fjord-top-title,
.top-img-container.fjord-alerts-img-wrapper .top-title {
    display: flex;
    align-items: flex-end;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 1236px;
    margin: 0 auto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 72px;
    padding: 0;
}
.fjord-page-top-img-container .fjord-top-title span,
.top-img-container.fjord-alerts-img-wrapper .top-title span {
    font-size: 48px;
    line-height: 72px;
    padding: 0 12px 0 8px;
    background: rgba(0,0,0,0.35);
}
.fjord-page-top-img-container .fjord-top-title::after {
    display: none;
}
.user-account-id {
    margin-bottom: 4px;
}
.js-nav-system__link:focus,
.js-nav-system__link:hover {
    box-shadow: none !important;
    border-bottom: none;
}
.js-nav-system .nav_li_0:hover > a:before,
.js-nav-system .nav_li_0:hover > span:before,
.js-nav-system__subnav li:hover a:before,
.js-nav-system__subnav li:hover span:before,
.fjord-header-user-container:hover .fjord-header-user-menu > a:before,
.js-nav-system__link:focus:before {
    display: none;
}
.user-account-id, .user-account-address {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}
#form-element-premises_and_meters:after {
    border-left: none;
    font-size: 15px;
    width: 38px;
}
#form-element-premises_and_meters select {
    padding: 8px 50px 8px 11px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-family: 'Encode sans', sans-serif;
}
#form-element-premises_and_meters {
    border-radius: 4px;
    display: inline-block;
    width: auto;
}
form#premises_meters {
    max-height: 40px;
}
@media screen and (min-width: 1025px) {
    .fjord-header-mobile-menu {
        display: none;
    }
    [data-visually-hidden="true"] {
        display: none !important;
    }

    [data-visually-hidden="false"] {
        display: inline-block !important;
        position: absolute;
        z-index: 15;
        top: 42px;
        left: 0;
        box-shadow: 2px 12px 10px 2px rgba(0, 0, 0, 0.2);
    }
    .js-nav-system {
        padding: 0;
        margin: 0;
        display: flex;
        list-style-type: none;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
    }
    .js-nav-system .nav_li_0, .fjord-header-user-menu {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 100px;
        margin: 0 2%;
        white-space: nowrap;
    }
    .js-nav-system__subnav {
        display: none;
        position: absolute;
        top: 64px;
        left: 0;
        background: white;
        text-align: left;
        padding: 10px 40px;
        z-index: 100;
        list-style-type: none;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 0;
        margin: 0;
        border-top: 0;
    }
    .js-nav-system__subnav a {
        white-space: nowrap;
    }
    .js-nav-system__subnav li {
        padding: 12px 0;
    }
    .js-nav-system li a,
    .js-nav-system__subnav a,
    .fjord-top-menu-wrapper .js-nav-system li span,
    .fjord-header-user-name {
        color: #000;
        position: relative;
    }
    .js-nav-system li:not(.nav_li_0) span.inactive {
        color: gray;
    }
    .js-nav-system .nav_li_0 a:not(:only-child),
    .js-nav-system .nav_li_0 span:not(:only-child) {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .js-nav-system .nav_li_0 > a:not(:only-child):after,
    .js-nav-system .nav_li_0 > span:not(:only-child):after {
        content: "\f0d7";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-left: 5px;
    }
    .js-nav-system .nav_li_0:hover .js-nav-system__subnav,
    .fjord-header-user-container:hover .js-nav-system__subnav {
        display: block;
    }
    .js-nav-system .nav_li_0:hover > a:before,
    .js-nav-system .nav_li_0:hover > span:before {
        top: auto;
        bottom: -20px;
    }
    .fjord-header-user-container:hover .fjord-header-user-menu > a:before {
        top: auto;
        bottom: -15px;
    }
    .js-nav-system .nav_li_0:hover > a:not(:only-child):before,
    .js-nav-system .nav_li_0:hover > span:not(:only-child):before,
    .fjord-header-user-container:hover .fjord-header-user-menu.loggined > a:before {
        width: calc(100% - 10px);
    }

    .fjord-header-user-container {
        position: relative;
        padding-right: 20px;
        display: flex;
        align-items: center;
        min-height: 100px;
        width: auto;
    }
    .fjord-header-user-menu .js-nav-system__subnav {
        left: auto;
        right: 0;
        text-align: left;
    }
    .fjord-header-top {
        position: relative;
        z-index: 9999;
        background: #fff;
    }
    .top-img-container,
    .fjord-page-top-img-container {
        position: relative;
        margin-top: -80px;
        height: 320px !important;
        background: rgba(0, 0, 0, 0.5);
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .fjord-header-top,
    .fjord-header-user-container,
    .js-nav-system .nav_li_0, .fjord-header-user-menu {
        min-height: 80px;
        height: 80px;
    }
    .fjord-header-top {
        padding-left: 82px;
    }
    .fjord-header-user-container {
        padding-right: 80px;
        margin-left: 1%;
    }
    .js-nav-system {
        justify-content: flex-end;
    }
    .js-nav-system__subnav[data-visually-hidden="false"] {
        left: inherit;
        right: 0;
        top: calc(100% - 15px);
        padding: 0 10px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 0;
        text-align: left;
    }
    .js-nav-system__subnav li {
        padding: 8px 0;
    }
    .fjord-header-account-info {
        background: #526AA4;
    }
}
@media screen and (max-width: 1024px) {
    .fjord-header-account-info {
        background: #122444;
    }
    .sessions-bar,
    .desktop-menu,
    .desktop-account-info,
    .desktop-user-container {
        display: none;
    }
    #wrapper #content {
        padding: 0;
    }
    .fjord-mobile-menu-trigger {
        display: block;
        padding: 0 16px;
        cursor: pointer;
    }
    .fjord-mobile-menu-trigger .fa {
        color: #000;
        font-size: 29px;
    }
    .fjord-mobile-menu-trigger .fa.fa-times {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 100;
        font-size: 21px;
        color: #838DBA;
        z-index: 10;
        position: absolute;
        top: 23px;
        right: 108px;
    }
    .fjord-mobile-menu-trigger .fa-times {
        display: none;
    }
    .opened .fjord-mobile-menu-trigger .fa-bars {
        display: block;
    }
    .opened .fjord-mobile-menu-trigger .fa-times {
        display: block;
    }
    .fjord-header-mobile-menu-wrapper {
        width: 100%;
        box-sizing: border-box;
        display: none;
        z-index: 100;
        background: #122444;
    }
    .user-account-id {
        margin: 0;
        font-size: 12px;
    }
    .user-account-address {
        display: inline-block;
        margin-top: 20px;
    }
    .js-nav-system__subnav {
        display: none;
    }
    .nav_li_0 a,
    .nav_li_0 span {
        color: #666666;
        padding: 25px 20px;
        display: block;
        cursor: pointer;
    }
    .nav_li_1 a,
    .nav_li_1 span {
        color: #333333;
        padding: 25px 40px;
        display: block;
    }
    .nav_li_1 span {
        color: lightgrey;
    }
    .nav_li_0 a:not(:only-child),
    .nav_li_0 span:not(:only-child) {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nav_li_0 a:not(:only-child):after,
    .nav_li_0 span:not(:only-child):after {
        content: "\f0d7";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-left: 5px;
        color: #333333;
        font-size: 16px;
    }
    .js-nav-system li:not(:last-child),
    .js-nav-system li.nav_li_0.fjord-mobile-account-menu {
        border-bottom: 1px solid #CCCCCC;
    }
    .js-nav-system__subnav li:first-child a {
        border-top: 1px solid #CCCCCC;
    }
    .nav_li_0 .selected + .js-nav-system__subnav li:first-child a {
        border-top: 3px solid #E4002B;
    }
    a.js-nav-system__link.selected,
    a.js-nav-system__link.selected span {
        color: #333333;
    }
    #fjord-header.opened {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 100;
        background: white;
    }
    .fjord-mobile-account-menu > a {
        text-transform: capitalize;
    }
    .fjord-mobile-account-menu .js-nav-system__link span {
        font-weight: 400;
        display: flex;
        align-items: center;
        padding: 0;
    }
    .fjord-login-popup-blackout {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 102;
        background: rgba(0,0,0,0.8);
        display: none;
    }
    #fjord1-login-popup {
        position: fixed;
        left: 50%;
        top: 100px;
        transform: translateX(-50%);
    }
    .user-account-address {
        display: block;
        margin: 0;
    }
    .fjord-header-top {
        min-height: 64px;
        height: 64px;
        background: #fff;
        padding-left: 16px;
    }
    .fjord-header-img {
        width: 139px;
        height: 48px;
    }
    .nav_li_0 a, .nav_li_0 span {
        padding: 10px 5px;
    }
    .fjord-header-mobile-menu {
        padding: 0 16px 15px;
    }
    .fjord-mobile-account-menu .js-nav-system__link span,
    .js-nav-system > li > a,
    .fjord-top-menu-wrapper .js-nav-system > li > span,
    .fjord-header-user-name,
    .fjord-header-user-container .fa-caret-down,
    .js-nav-system a.js-nav-system__link.selected,
    a.js-nav-system__link.selected span {
        font-weight: 400;
        color: #fff;
    }
    .js-nav-system .js-nav-system__subnav a,
    .js-nav-system .js-nav-system__subnav span {
        color: #BABED8;
    }
    .nav_li_0 a:not(:only-child)::after,
    .nav_li_0 span:not(:only-child)::after,
    .fjord-user-menu-icon {
        color: #fff;
    }
    .nav_li_0 .selected + .js-nav-system__subnav li:first-child a {
        border: none;
    }
    .js-nav-system li.nav_li_0,
    .js-nav-system li.nav_li_0.fjord-mobile-account-menu {
        border-bottom: none;
        border-top: 1px solid #234467;
    }
    .js-nav-system .selected {
        border: none !important;
    }
    .js-nav-system a.js-nav-system__link.selected {
        border-bottom: 1px solid #234467 !important;
    }
    .js-nav-system li.js-nav-system__subnav__item {
        border: none;
    }
    .js-nav-system__subnav {
        background: transparent;
    }
    .js-nav-system__subnav {
        padding: 5px 0;
    }
    .fjord-header-account-info.account-info {
        padding: 10px 16px;
    }
    .user-account-id, .user-account-address {
        font-size: 24px;
        line-height: 36px;
        font-weight: 400;
        text-align: left;
    }
    #footer .footer-content-wrapper {
        flex-wrap: wrap;
    }
    .fjord-header-account-info.account-info,
    .fjord-page-top-img-container.edit-account img {
        display: none;
    }
    .fjord-page-top-img-container .fjord-top-title span,
    .top-img-container.fjord-alerts-img-wrapper .top-title span {
        font-size: 32px;
        line-height: 48px;
        padding: 0;
        background: none;
    }
    #content .fjord-page-top-img-container .fjord-top-title,
    #content .top-img-container.fjord-alerts-img-wrapper .top-title {
        padding: 0 16px;
        font-size: 32px;
        line-height: 48px;
        align-items: center;
        background: #526AA4;
        height: 64px;
    }
    #fjord-header.opened {
        background: rgba(10, 37, 66, 0.84);
    }
    .mobile-menu-popup-wrapper {
        background: #122444;
        max-width: 454px;
        margin: 0 auto;
    }
    #fjord-header.opened .fjord-header-top {
        position: relative;
    }
    #fjord-header.opened .fjord-header-top:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(10, 37, 66, 0.84);
    }
    .fjord-mobile-nav {
        border-bottom: 1px solid #234467;
    }
}
@media  (min-width: 768px) and (max-width: 1024px) {
    .js-nav-system li.nav_li_0,
    .js-nav-system li.nav_li_0.fjord-mobile-account-menu {
        display: list-item;
        text-align: left;
        margin: 0;
        height: auto;
        width: 100%;
    }
    .js-nav-system {
        display: block;
    }
    .js-nav-system__subnav {
        border-top: none;
        position: static;
        box-shadow: none;
    }
    .js-nav-system__subnav li:first-child a {
        border-top: none;
    }
    .js-nav-system__subnav li {
        padding: 0;
    }
    .fjord-header-mobile-menu,
    desktop-menu,
    .desktop-account-info,
    .desktop-user-container {
        display: block;
    }
}
@media (max-width: 767px) {
    .mobile-menu-popup-wrapper {
        display: flex;
        flex-direction: column;
        height: calc(100% - 72px);
        max-width: 360px;
    }
    .fjord-mobile-menu-trigger .fa.fa-times {
        right: 58px;
    }
    .js-nav-system .nav_li_0:hover > a:before,
    .js-nav-system .nav_li_0:hover > span:before,
    .js-nav-system__subnav li:hover a:before,
    .js-nav-system__subnav li:hover span:before,
    .fjord-header-user-container:hover .fjord-header-user-menu > a:before {
        display: none;
    }
}
/* Header END */
/* LWP-135 */
#fjord-page-inner-timeline .fjord-search-button {
    background: #CCCCCC;
    border-radius: 4px;
    height: 100%;
    top: 0;
    min-width: 80px;
}
#fjord-page-inner-timeline .fjord-search-button .icon-search-icon {
    line-height: 40px !important;
}
#fjord-page-inner-timeline .fjord-search-button .icon-search-icon::before {
    color: #2B2B2B;
}
#fjord-page-inner-timeline .fjord-page-description p {
    margin: 25px 0;
}
#fjord-page-inner-timeline .fjord-page-top-img-container{
    height: 240px;
    background: rgba(0, 0, 0, 0.5);
}
#fjord-page-inner-timeline .fjord-page-top-img-container img{
    display: none;
}
#fjord-page-inner-timeline .fjord-page-top-img-container {
    background-image: url(../images/fjord_images/timeline-top.jpg);
}
#fjord-page-inner-timeline .fjord-page-top-img-container + .fjord-content-inner > .row.no-gutters:first-child + .row.align-items-center.justify-content-between,
#fjord-page-inner-timeline .timeline-period-block .timeline-show-first-wrap-row .align-items-center,
#fjord-page-inner-timeline .row.align-items-center.justify-content-between{
    flex-direction: column;
    align-items: flex-start !important;
}
#fjord-page-inner-timeline .fjord-page-top-img-container + .fjord-content-inner > .row.no-gutters:first-child + .row.align-items-center.justify-content-between > div:first-child,
#fjord-page-inner-timeline .select-category{
    order: 2;
}
#fjord-page-inner-timeline .fjord-page-top-img-container + .fjord-content-inner > .row.no-gutters:first-child + .row.align-items-center.justify-content-between > div:last-child,
#fjord-page-inner-timeline .search-timeline{
    order: 1;
    padding: 0;
}
#fjord-page-inner-timeline .search-timeline .search-section {
    max-width: 290px;
    background: transparent;
    margin-bottom: 15px;
}
#fjord-page-inner-timeline input#search::placeholder {
    font-size: 16px;
    color: #CCCCCC;
    opacity: 1;
}
#fjord-page-inner-timeline input#search {
    background: #fff;
    border: 1px solid #CCCCCC;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 15px;
    height: 40px;
    font-size: 16px;
    color: #333;
    opacity: 1;
}
#fjord-page-inner-timeline .fjord-search-button {
    right: -90px;
}
#fjord-page-inner-timeline .timeline-period-block .date-selecte-to + .timeline-show-first-wrap-row > div > div:first-child {
    margin-bottom: 8px;
    font-size: 16px;
}
#fjord-page-inner-timeline .timeline-period-block input[type="text"],
#fjord-page-inner-timeline .timeline-period-block select,
#fjord-page-inner-timeline #timeline-categories,
#fjord-page-inner-timeline .timeline-period-block .date-selecte-to + .timeline-show-first-wrap-row .timeline-show-first-wrap {
    width: 240px;
    max-width: 240px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
}
#fjord-page-inner-timeline .timeline-period-block .timeline-show-first-wrap-row .col-2,
#fjord-page-inner-timeline .timeline-period-block .timeline-show-first-wrap-row .col-10{
    flex-basis: auto;
}
#fjord-page-inner-timeline .timeline-show-first-wrap,
#fjord-page-inner-timeline .category-select {
    border: none;
}
#fjord-page-inner-timeline .timeline-period-block input[type="text"],
#fjord-page-inner-timeline .timeline-period-block select,
#fjord-page-inner-timeline #timeline-categories {
    padding-left: 15px;
    border: 1px solid #CCCCCC;
}
#fjord-page-inner-timelinee .datepicker {
    margin-top: 11px;
}
.ui-datepicker-inline.ui-datepicker {
    background: #FFFFFF;
    border: 1px solid #376B9E;
    box-shadow: none;
    border-radius: 4px;
    width: 100%;
}
.ui-datepicker .ui-widget-header{
    border: none;
}
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
.ui-datepicker .ui-datepicker-calendar thead tr {
    border-bottom: none;
}
.ui-datepicker-calendar .dp-highlight-first .ui-state-default, .ui-datepicker-calendar .dp-highlight-last .ui-state-default{
    background-color: #526AA4 !important;
    border-radius: 10px;
    margin: 0;
    color: #ffffff !important;
}
.ui-datepicker-calendar .dp-highlight, .ui-datepicker-calendar .dp-highlight-first, .ui-datepicker-calendar  .dp-highlight-last {
    background: rgba(82, 106, 164, 0.5) !important;
    color: #333333 !important;
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0.761905px;
}
#fjord-page-inner-timeline .timeline-period-block {
    margin-top: 12px;
}
#fjord-page-inner-timeline .timeline-period-block > .row:first-child {
    align-items: flex-end;
}
#fjord-page-inner-timeline .timeline-period-block .date-selecte-icon {
    max-width: 270px;
}
#fjord-page-inner-timeline .fjord-page-header {
    display: none;
}
#fjord-page-inner-timeline #timeline-place .fjord-page-header {
    display: block;
    font-weight: normal;
    font-size: 24px;
}
#fjord-page-inner-timeline .date-outside-item,
#fjord-page-inner-timeline .top-line-box, #fjord-page-inner-timeline .bottom-line-box{
    display: none;
}
#fjord-page-inner-timeline .date-inside-item {
    display: block;
    margin-bottom: 8px;
}
#fjord-page-inner-timeline #timeline-place .timeline-item-inner {
    background-color: transparent;
    padding: 0 !important;
    margin-bottom: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#fjord-page-inner-timeline #timeline-place .timeline-item-inner + div {
    display: none;
}
#fjord-page-inner-timeline .timeline-item .timeline-item-inner .col-md-10 {
    flex: 0 0 89%;
    max-width: 89%;
}
#fjord-page-inner-timeline #timeline-place .timeline-item-inner .social-media,
#fjord-page-inner-timeline .timeline-item-inner .row.no-gutters .star-wrap {
    max-width: 3%;
    flex: 0 0 18px;
    position: relative;
    top: -17px;
    padding-right: 8px;
}
#fjord-page-inner-timeline .timeline-item-inner .row.no-gutters .star-wrap{
    padding-right: 0;
}
#fjord-page-inner-timeline .timeline-item-inner>.row.no-gutters{
    justify-content: flex-end;
    padding-right: 20px;
}
#fjord-page-inner-timeline .timeline-item-inner>.row.no-gutters .col-8{
    margin-left: 0;
    flex: 1;
    max-width: none;
}
#fjord-page-inner-timeline #timeline-place .timeline-item-inner .social-media-facebook {
    text-align: center;
}
#fjord-page-inner-timeline .timeline-item-inner .row.no-gutters .star-wrap.hidden {
    display: block !important;
    width: auto;
    height: auto;
}
#fjord-page-inner-timeline .timeline-item .timeline-item-inner .star-status {
    right: auto;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    margin-top: -3px;
}
#fjord-page-inner-timeline #timeline-place .timeline-item {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 20px 0 20px 20px !important;
    margin-bottom: 16px;
    font-size: 16px;
}
#fjord-page-inner-timeline .more-btn {
    color: #376B9E;
    font-weight: normal;
    text-transform: none;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    font-size: 16px;
    width: 176px;
    padding: 0 25px;
    margin-top: -24px;
    border: none;
}
@media (min-width: 1025px) {
    #fjord-page-inner-timeline .timeline-period-block .col-md-4 {
        flex: 0 0 240px;
    }
}
@media (max-width: 1024px) {
    #fjord-page-inner-timeline .fjord-page-top-img-container{
        height: auto;
    }
    #fjord-page-inner-timeline .fjord-page-top-img-container {
        background-image: none;
    }
    #fjord-page-inner-timeline .timeline-period-block {
        margin-top: 15px;
    }
    #fjord-page-inner-timeline .timeline-period-block .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #fjord-page-inner-timeline .timeline-period-block .date-selecte-to + .timeline-show-first-wrap-row > div > div:first-child {
        margin-top: 15px;
    }
    #fjord-page-inner-timeline .datepicker {
        margin-top: -76px;
    }
    #fjord-page-inner-timeline .timeline-item .timeline-item-inner .col-md-10 {
        flex: 0 0 80%;
        max-width: 80%;
    }
    #fjord-page-inner-timeline #timeline-place .timeline-item-inner .social-media,
    #fjord-page-inner-timeline .timeline-item-inner .row.no-gutters .star-wrap {
        max-width: 6%;
        flex: 0 0 6%;
    }
}
@media (max-width: 767px) {
    #fjord-page-inner-timeline .content-inner {
        width: 95%;
        max-width: 570px;
        padding: 0 8px;
        margin: 0 auto;
    }
    #fjord-page-inner-timeline #timeline-categories,
    #fjord-page-inner-timeline #timeline-from,
    #fjord-page-inner-timeline #timeline-to,
    #fjord-page-inner-timeline .timeline-period-block .date-selecte-to + .timeline-show-first-wrap-row .timeline-show-first-wrap,
    #fjord-page-inner-timeline .timeline-period-block select {
        width: 100%;
        max-width: 100%;
    }
    #fjord-page-inner-timeline .search-timeline .search-section {
        max-width: calc(100% - 95px);
    }
    #fjord-page-inner-timeline .fjord-search-button {
        right: -79px;
    }
    #fjord-page-inner-timeline .timeline-period-block .date-selecte-icon {
        max-width: 100%;
    }
    #fjord-page-inner-timeline .date-selecte-to::before {
        left: -7px;
    }
    #fjord-page-inner-timeline .timeline-period-block .date-selecte-to + .timeline-show-first-wrap-row > div > div:first-child {
        display: none;
    }
    #fjord-page-inner-timeline .timeline-item .timeline-item-inner .col-md-10 {
        flex: 0 0 73%;
        max-width: 73%;
    }
    #fjord-page-inner-timeline .datepicker {
        margin-top: -45px;
    }
    #fjord-page-inner-timeline #timeline-place .timeline-item-inner .social-media,
    #fjord-page-inner-timeline .timeline-item-inner .row.no-gutters .star-wrap {
        max-width: 8%;
        flex: 0 0 8%;
    }
    #fjord-page-inner-timeline .more-btn {
        margin-top: 0;
        width: 100%;
        max-width: 100%;
    }
}
/* end LWP-135 */
/* Password Recovery, New Password */
#recover-password .input-box input[type='text'], #new-password .input-box input[type='password'] {
    height: 40px;
    padding-left: 11px;
    margin: 0;
}
#recover-password .input-box input[type="submit"], #new-password .input-box input[type="submit"] {
    background: #003DA5;
    border: 1px solid #234467;
}
#recover-password .r-p-main-picture, #new-password .r-p-main-picture {
    background-image: url(/images/lwap-u-p.png);
    width: 300px;
    height: 104px;
}
#recover-password .r-p-main-picture img, #new-password .r-p-main-picture img {
    display: none;
}
#new-password .n-p-hint {
    display: none;
}
#new-password .fjord-info-tooltip-body {
    padding: 0;
}
#new-password .fjord-info-tooltip-body {
    border-radius: 0;
    right: -110px;
    width: 226px;
}
#new-password .fjord-info-tooltip-body.box-shadow {
    box-shadow: none;
}
#new-password .fjord-info-tooltip-body:before {
    right: 100px;
}
#new-password .password-validation {
    margin: 16px 0;
}
#new-password .password-validation li {
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 150%;
}
.password-validation li:after {
    top: 2px;
}
#new-password .icon-info-fjord:before, #recover-password .icon-info-fjord:before {
    color: #333;
}
#recover-password #passwordrecovery .input-box input::placeholder {
    font-family: 'Encode Sans',sans-serif !important;
}
#recover-password #passwordrecovery .input-box input:-ms-input-placeholder {
    font-family: 'Encode Sans',sans-serif !important;
}
@media  (min-width: 768px) and (max-width: 1024px) {
    #new-password #passwordreset .input-box input, #recover-password #passwordrecovery .input-box input {
        width: 304px;
    }
    #new-password #new-password-con, #recover-password #recover-password-con {
        width: 304px;
    }
    #new-password .page-title {
        white-space: nowrap;
    }
}
@media (max-width: 767px) {
    #new-password {
        padding: 40px 15px;
    }
    #new-password .fjord-info-tooltip-body {
        right: -130px;
    }
    #recover-password .r-p-main-picture, #new-password .r-p-main-picture {
        margin: 0 22px;
    }
    #new-password .page-title {
        margin: 24px auto;
    }
}
/* end Password Recovery, New Password */
/*LWP-367*/
#fjord-chart-block .download-chart-section-wrapper .download-buttons{
    flex: 0 0 20%;
}
/*end LWP-367*/

/* LWP-282 */
/* audit-wizard */
.fjord-assessment #topSectionContentBillHistory .component:first-child {
    margin-top: 40px;
}
.fjord-assessment .component {
    border-radius: 4px;
}
.fjord-assessment legend {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}
.fjord-assessment .component select,
.fjord-assessment .component input[type="text"] {
    border: 1px solid #94979C;
    min-width: 240px;
    border-radius: 4px;
}
#content #topSectionContentBillHistory .form-box-content input {
    min-width: 240px;
    width: 240px;
    margin-left: 0 !important;
}
.fjord-assessment .component .billhistory input[type="text"] {
    padding-left: 30px;
}
#content .content-wrapper {
    background: #F5F5F5;
}
#content .fjord-content-inner {
    max-width: 1236px;
}
.fjord-assessment .billhistoryelement .billunit {
    left: 13px !important;
    color: #94979C;
}
.fjord-assessment #topSectionContentBillHistory .questionWrapper:not(:last-child) .confirm-button {
    display: none;
}
.fjord-assessment .component .bar-grey-thick, .appliance > .appliance-row-label {
    font-size: 24px;
    color: #333333;
}
.fjord-assessment .assessment-bottom-content {
    display: flex;
    flex-direction: column-reverse;
}
.fjord-assessment .audit-form .content-inner.center h3 {
    color: #333333;
    font-weight: normal;
}
.fjord-assessment #form-element-tos label{
    color: #333333;
    margin-left: 5px;
    position: relative;
    left: 20px;
}
.fjord-assessment #form-element-tos [type='checkbox'] {
    position: relative;
    top: -20px;
    margin: 0;
}
.fjord-assessment #form-element-tos {
    color: #696969;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0;
    padding-top: 7px;
}
.fjord-assessment #tos {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFFFFF;
    height: 16px;
    width: 16px;
    border: 1px solid #00789E !important;
    border-radius: 2px;
}
.fjord-assessment #tos:after {
    content: '';
    position: relative;
    left: 30%;
    top: 0%;
    width: 47%;
    height: 80%;
    border: solid #00789E;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}
.fjord-assessment #tos:checked:after {
    display: block;
}
.fjord-assessment #tos:disabled:after {
    border-color: #c6c6c6;
}
.assessment .component .form-element-label {
    color: #333333;
    padding: 10px 0;
}
.assessment .component .form-element-label span {
    color: #333333 !important;
}
.fjord-assessment .bottom-buttons-wrapper{
    display: inline-block;
    transform: translateX(-50%);
    margin-left: 50%;
}
.fjord-assessment #form-next-page,
.fjord-assessment .audit-form-previous,
.fjord-assessment #save-for-now {
    min-width: 176px;
    border: 1px solid #003DA5;
    border-radius: 4px;
    background: #003DA5;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: normal;
    padding: 10px 8px;
    text-transform: capitalize;
    white-space: nowrap;
    margin: 30px 0 0;
}
.fjord-assessment #calcbutton #form-next-page {
    margin-top: 10px;
}
.fjord-assessment #topSectionContentBillHistory .component:first-child {
    margin: 40px 0;
}
.fjord-assessment .form-button-wrapper {
    margin: 0;
}
.fjord-assessment .form-button-wrapper #backbutton{
    margin: 0 28px 0 0;
}
.fjord-assessment .audit-form-previous, .fjord-assessment #save-for-now {
    display: block;
    margin: 8px auto 0;
    color: #333333;
    background: #FFFFFF;
    border: 1px solid #DFE4E4;
    text-align: center;
}
/* styles for ddImages block */
.assessment .questionWrapper .confirm-button.confirmed:after,
.assessment .changed .ddImages-wrapper a.active:after{
    content: '\f058';
    font-size: 20px;
    font-family: 'FontAwesome', sans-serif !important;
    right: inherit;
    left: 0;
    color: #173A64;
    line-height: 1;
}
.assessment .changed .ddImages-wrapper a.active:after{
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    color: #526AA4;
    left: auto;
}
.assessment .ddImages-wrapper img {
    border-radius: 0;
}
.assessment .ddImages-wrapper a:hover img, .ddImages-wrapper a.active img {
    border: 0;
}
.assessment .ddImages-wrapper{
    margin: 0;
}
.assessment .ddImages-wrapper span{
    color: #333333;
}
.assessment .ddImages-wrapper img{
    margin: 20px 0;
    opacity: 1;
    height: auto;
    max-height: 100px;
}
.assessment .ddImages-wrapper a{
    border: 2px solid #F5F5F5;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 24px;
}
.assessment .ddImages-wrapper a.active{
    border-color: #8B9CB0;
    border-radius: 2px;
    position: relative;
}
.assessment .changed .ddImages-wrapper a.active{
    border-color: #526AA4;
}
.assessment .ddImages-wrapper a span{
    margin: 0 -2px -2px;
    padding: 20px 0;
    display: flex;
    width: calc(100% + 4px);
    background: #F2F4F4;
    color: #696969;
    border: 2px solid #F5F5F5;
    border-top: 0;
}
.assessment .changed .ddImages-wrapper a.active span{
    background: #526AA4;
    border-radius: 0 0 2px 2px;
}
.assessment .questionWrapper .confirm-button{
    background: none;
    color: #173A64;
    justify-content: center;
}
.assessment .questionWrapper .confirm-button, #form-next-page, .wizard-img-container + .fjord-content-inner .fjord-red-btn {
    text-transform: capitalize;
}
.assessment .ddImages-wrapper a.active span {
    background: #526AA4;
    border: 1px solid #526AA4;
    color: white;
    border-radius: 0 0 2px 2px;
}
.assessment .cbReplace-parent .form-element-label, .ddImages-wrapper a span {
    font-size: 16px;
}
.assessment .questionWrapper .confirm-button, .assessment .questionWrapper .confirm-button.confirmed:after {
    color: #00789E;
    border: 0;
}
.assessment .questionWrapper .confirm-button {
    padding-left: 0;
}
.assessment .questionWrapper .confirm-button.confirmed:after {
    position: inherit;
    transform: inherit;
    margin-left: 5px;
}
.assessment .form-box-content .explain.sub {
    color: #696969;
    font-size: 16px;
}
.assessment #save-for-now {
    text-transform: lowercase;
}
.assessment #save-for-now:first-letter {
    text-transform: uppercase;
}
.assessment .prefix-box-content {
    padding: 24px 0 0 20px;
    line-height: 24px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
}
.assessment .prefix-box-content .prefix-box-content-notes {
    color: #666666;
    margin-top: 8px;
}
.assessment .questionWrapper .confirm-button, .assessment .questionWrapper .confirm-button.unconfirmed {
    border-radius: 4px;
    background: #94979C;
    width: 180px !important;
    min-width: 180px !important;
    padding: 10px !important;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-family: Roboto !important;
}
.assessment .ddImages-wrapper {
    display: flex !important;
    flex-wrap: wrap;
}
.assessment .ddImages-wrapper a {
    display: block;
    width: 180px;
}
.assessment .component .form-box.box-shadow .form-box.box-shadow {
    padding: 0;
}
.assessment .questionWrapper .confirm-button.confirmed:after {
    content: "\f00c";
    color: #FFFFFF;
    font-size: 16px;
    top: -1px;
}
.assessment .bar-grey-thick.component-with-show-notes {
    font-size: 24px;
}
/* end styles for ddImages block */
.fjord-assessment .goal-choice-select-wrapper {
    margin: 40px 0 40px;
}
.fjord-assessment .fjord-select-label {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
}
.fjord-assessment .fjord-select {
    border: 1px solid #94979C;
    max-width: 260px;
    height: 40px;
    border-radius: 4px;
}
.fjord-assessment .fjord-select #goal-switcher {
    font-size: 16px;
    color: #333333 !important;
    font-weight: normal;
    padding: 0 25px 0 10px;
    max-width: 240px;
}
.fjord-assessment .fjord-select:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    width: 5px;
    font-size: 20px;
    border-left: none;
    color: #3D3E40;
}
.fjord-assessment  .audit-progress-bar{
    overflow: visible;
    background: none;
}
.fjord-assessment .audit-progress-bar .gray-bar{
    display: none;
}
.fjord-assessment .audit-progress-bar .assessment-bar-block{
    position: relative;
    margin-top: 20px;
}
.fjord-assessment  .audit-progress-bar .assessment-bar-block a{
    color: #666666;
    font-size: 16px;
    margin-top: 30px;
}
.fjord-assessment .audit-progress-bar .assessment-bar-block.on a{
    color: #666666;
}
.fjord-assessment .audit-progress-bar .next-current:before{
    content: '';
    display: block;
    border-top: 10px solid #ffffff;
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
.fjord-assessment .audit-progress-bar .assessment-bar-block:before{
    left: 50%;
}
.fjord-assessment .audit-progress-bar .assessment-bar-block:last-child:before{
    left: inherit;
    right: 50%;
    z-index: -1;
}
.fjord-assessment .audit-progress-bar .next-current:after{
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background: #ffffff;
    position: absolute;
    left: 45%;
    top: -10px;
    border-radius: 100%;
    padding-left: 11px;
}
.fjord-assessment .audit-progress-bar .assessment-bar-block.on:after {
    background: #00789E;

}
.fjord-assessment .show-wrapper-num.on {
    color: #ffffff;
}
.fjord-assessment .show-wrapper-num {
    display: block !important;
    color: #333333;
    font-size: 24px;
    position: absolute;
    left: 49%;
    top: -18px;
    z-index: 1;
}
.prev-wrapper-num {
    display: block !important;
    position: absolute;
    left: 49%;
    top: -15px;
    z-index: 2;
}
.prev-wrapper-num:after {
    content: '\f078';
    display: block;
    width: 36px;
    height: 36px;
    font-size: 23px;
    font-family: 'FontAwesome', sans-serif !important;
    background: #00789E;
    color: #ffffff;
    border-radius: 50px;
    position: absolute;
    top: -3px;
    left: -10px;
    padding: 0 5px 5px 6px;
}
.prev-current:before {
    content: '';
    border-top: 5px solid #ffffff !important;
    border-bottom: 5px solid #ffffff;
    background: #00789E;
    position: absolute;
    top: 2px;
    width: 100%;
    height: 12px;
}
.fjord-assessment .yes-no-block .ddImages-wrapper a {
    width: 180px;
    height: 210px;
    background: #ffffff;
    color: #333333;
    border: 0;
}
.fjord-assessment .yes-no-block .ddImages-wrapper a.active {
    background: #ffffff !important;
}
.fjord-assessment .yes-no-block .ddImages-wrapper a.active span{
    border-color: #526AA4;
    background: #ffffff !important;
    width: 180px;
    height: 210px;
}
.fjord-assessment .yes-no-block .ddImages-wrapper a span{
    background: #ffffff;
    border: 2px solid #F5F5F5;
    box-sizing: border-box;
    border-radius: 2px;
    color: #696969;
    font-size: 24px;
    width: 180px;
    height: 210px;
}
.fjord-assessment .yes-no-block img {
    display: none;
}
.fjord-assessment .fjord-info-tooltip .icon-info-fjord:before {
    content: "\e919";
}
.fjord-assessment .d-h-any-check-box-label, .fjord-assessment .component .label.idha-label,
.fjord-assessment div.select[id*="_yes_no"] .label{
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: #4C4C4C;
}
.fjord-assessment .d-h-any-check-box, .fjord-assessment .appliance-row-label .check-box,
.fjord-assessment .appliance-add .check-box, .fjord-assessment div.select[id*="_yes_no"] .check-box{
    width: 16px;
    height: 16px;
    border: 1px solid #376B9E;
    border-radius: 2px;
}
.fjord-assessment .d-h-any-check-box.active:after, .fjord-assessment .appliance-add .check-box.active:after,
.fjord-assessment div.select[id*="_yes_no"] .check-box.active:after{
    font-size: 10px;
    color: #00789E;
}
.fjord-assessment .occupant-right .form-box.box-shadow, .fjord-assessment .question .form-box.box-shadow{
    display: flex;
    flex-direction: column !important;
}
.fjord-assessment #topSectionContentAppliancesandEquip .appliance-add .appliance-add-stayon {
    position: relative;
    top: 0 !important;
}
.fjord-assessment .appliance-add .appliance-add-stayon {
    text-align: right;
}
.fjord-assessment #topSectionContentAppliancesandEquip .appliance-add, .delete-appliance-link,
.fjord-assessment #topSectionContentAppliancesandEquip div.select[id*="_yes_no"] {
    flex-direction: row-reverse;
}
.fjord-assessment #topSectionContentAppliancesandEquip .appliance-add-stayon .label::before,
.fjord-assessment #topSectionContentAppliancesandEquip .delete-appliance-link::before {
    display: none;
}
.fjord-assessment #topSectionContentAppliancesandEquip .d-h-any-check-box-label,
.fjord-assessment #topSectionContentAppliancesandEquip .component .label.idha-label,
.fjord-assessment #topSectionContentAppliancesandEquip div.select[id*="_yes_no"] .label {
    color: #333333;
    padding: 6px 0 0 0;
    text-align: left;
}
.fjord-assessment #topSectionContentAppliancesandEquip .component .label.idha-label {
    display: inline-block;
    padding-left: 10px;
}
.fjord-assessment .component .label.idha-label,
.fjord-assessment div.select[id*="_yes_no"] .label,
.fjord-assessment .appliance-add-stayon .label,
.fjord-assessment .delete-appliance-link {
    text-transform: lowercase;
    color: #333333;
}
.fjord-assessment .d-h-any-check-box-label:first-letter,
.fjord-assessment .component .label.idha-label:first-letter,
.fjord-assessment div.select[id*="_yes_no"] .label:first-letter,
.fjord-assessment .appliance-add-stayon .label:first-letter,
.fjord-assessment .delete-appliance-link:first-letter {
    text-transform: uppercase;
}
.fjord-assessment #topSectionContentAppliancesandEquip .appliance-add-stayon .label:after {
    display: inline-block;
    content: '/';
    color: #696969;
    margin-left: 10px;
}
.fjord-assessment #topSectionContentAppliancesandEquip .tab-checkbox-click {
    width: 100%;
    height: 100%;
}
.fjord-assessment #topSectionContentAppliancesandEquip .delete_check,
.fjord-assessment #topSectionContentAppliancesandEquip .add_check {
    position: relative;
    top: 0 !important;
}
.fjord-assessment .check-box{
    display: none;
}
.fjord-assessment #topSectionContentAppliancesandEquip .check-box {
    display: block;
    float: right;
    margin-top: 10px !important;
}
.fjord-assessment .cbReplace {
    height: 65px;
    width: 178px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}
.fjord-assessment .cbReplace-parent.selected .cbReplace {
    background: transparent;
}
.top-section-body .cbReplace-parent .cbReplace .checkbox:before{
    display: none;
}
.top-section-body .form-box.box-shadow {
    display: flex;
    flex-wrap: wrap;
}
.fjord-assessment .component .form-box.box-shadow .form-box-content.half.cbReplace-parent {
    width: 180px;
    height: 216px;
    margin: 0 25px 25px 0;
    border: 2px solid #F5F5F5;
    border-radius: 2px;
    display: flex;
    /*flex-direction: column-reverse;*/
    /*justify-content: flex-start;*/
    padding-bottom: 0;
    align-items: center;
}
.fjord-assessment .component .form-box.box-shadow .form-box-content.half.cbReplace-parent .confirm-button.unconfirmed {
    display: none;
}
.component .form-box-content:last-child{
    margin-right: 0;
}
.top-section-body .cbReplace-parent .form-element-label{
    box-sizing: border-box;
    border-radius: 2px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color:  #333333;
    order: 2;
    padding: 10px;
    max-width: 100%;
}
.top-section-body .cbReplace-parent.selected .form-element-label{
    color:  #333;
}
.audit-form .selected {
    border: 2px solid #526AA4 !important;
}
.top-section-body .cbReplace-parent.selected:after{
    content: '\f058';
    font-size: 20px;
    font-family: 'FontAwesome' !important;
    right: 10px;
    left: auto;
    color: #00789E;
    line-height: 1;
    top: 18px;
    position: absolute;
}
.component .cbReplace-parent:first-child{
    padding: 10px 0;
}
.cbReplace-parent .cbReplace .checkbox{
    justify-content: center;
}
#content .wizard-container .goal-card-description, #content .wizard-container .fjord-page-header{
    font-family: Roboto !important;
}
#content .wizard-container .goal-cart-title{
    font-family: Roboto !important;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
}
.wizard-container .component .bar-grey-thick{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #526AA4;
    border-bottom: none;
    padding: 20px 17px 10px 17px;
}
.wizard-container #property_type{
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    color: #000000;
    padding-left: 0;
}
.wizard-container .component .form-box.box-shadow{
    padding: 0 17px;
}
.wizard-container .component{
    height: 118px;
}
.wizard-container .component .form-box-content{
    padding: 0;
}
.fjord-assessment .fjord-page-header{
    display: none;
}
.occupant-right .form-box.box-shadow, .question .form-box.box-shadow{
    display: flex;
    flex-direction: column !important;
}
select#suppheathavespaceheatscreen30115000200 option[value="0"]{
    display: none;
}
/*IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #quickform .cbReplace-parent .questionWrapper {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #content .fjord-content-inner {
        max-width: 568px;
    }
    .fjord-assessment .show-wrapper-num {
        left: 53%;
    }
    .fjord-assessment  .audit-progress-bar .assessment-bar-block a {
        margin-left: 5px;
    }
    .fjord-assessment .ddImages-wrapper {
        max-width: 100%;
    }
    .fjord-assessment .ddImages-wrapper a{
        margin: 0 16px 16px 0;
        display: flex;
        flex-direction: row;
        width: 45%;
        height: 95px;
    }
    .fjord-assessment .ddImages-wrapper a span {
        justify-content: flex-start;
        padding-left: 20px;
    }
    .fjord-assessment .component .form-box.box-shadow {
        display: flex;
    }
    .fjord-assessment .component .form-box.box-shadow .form-box-content.half.cbReplace-parent {
        height: 95px;
        width: 255px;
        max-width: 255px;
        margin-right: 0;
        margin-bottom: 12px;
        display: flex;
        /*flex-direction: row-reverse;*/
        align-items: center;
    }
    .fjord-assessment .component .cbReplace-parent {
        padding: 0;
    }
    .fjord-assessment .cbReplace {
        height: 100% !important;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: transparent;
    }
    .assessment #content .fjord-content-inner.choosing-primary-goal {
        max-width: 570px;
    }
    .assessment .choosing-primary-goal .goal-card {
        margin-bottom: 15px;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile.col-md-4 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-img-wrapper {
        height: 128px;
        float: left;
        width: 170px;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-cart-title {
        text-align: left;
        justify-content: start;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-card-description {
        text-align: left;
        justify-content: start;
        min-height: 0;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-card-body {
        min-height: 0 !important;
        height: 128px;
    }
    .assessment .choosing-primary-goal .tile.col-md-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .fjord-assessment .yes-no-block .ddImages-wrapper a {
        width: 255px;
        height: 95px;
        text-align: center;
        margin: 0 10px 16px 0;
    }
    .fjord-assessment .yes-no-block .ddImages-wrapper a span {
        width: 100%;
        height: 95px;
    }
    .fjord-assessment .yes-no-block .ddImages-wrapper a.active span {
        width: 100%;
        height: 95px;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a {
        border: 2px solid #F5F5F5;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a.active {
        border: 2px solid #526AA4;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a span {
        background: #ffffff;
        border: 0;
        width: 140px;
        height: 95%;
        margin-left: 3px;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a.active span {
        background: #ffffff;
        border: 0;
        color: #696969;
    }
}
@media screen and (max-width: 767px) {
    .fjord-assessment .form-button-inner, .assessment .audit-form-previous,
    .fjord-assessment #form-next-page, .fjord-assessment #save-for-now {
        width: 100%;
    }
    #content .fjord-content-inner {
        padding: 0 24px;
    }
    .fjord-page-header {
        font-size: 24px;
    }
    .fjord-assessment  .audit-progress-bar .assessment-bar-block a {
        font-size: 11px;
    }
    .fjord-assessment .audit-progress-bar .assessment-bar-block:after {
        left: 30%;
    }
    .fjord-assessment .show-wrapper-num {
        left: 43%;
    }
    .assessment .ddImages-wrapper {
        max-width: 100%;
    }
    .assessment .ddImages-wrapper a{
        margin: 0 0 8px 0;
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 80px;
    }
    .assessment .ddImages-wrapper a img {
        width: 80px;
        height: 80px;
    }
    .assessment .ddImages-wrapper a span {
        justify-content: flex-start;
        padding-left: 20px;
    }
    .fjord-assessment .component .form-box.box-shadow {
        display: flex;
        flex-direction: column;
    }
    .fjord-assessment .component .form-box.box-shadow .form-box-content.half.cbReplace-parent {
        height: 95px;
        width: 100%;
        max-width: 100%;
        margin: 0 0 12px 0;
        display: flex;
        /*flex-direction: row-reverse;*/
        align-items: center;
    }
    .fjord-assessment .component .cbReplace-parent {
        padding: 0;
    }
    .fjord-assessment .cbReplace {
        height: 100% !important;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: transparent;
    }
    .fjord-assessment .component .bar-grey-thick {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .fjord-assessment .d-h-any-check-box-wrapper {
        display: flex;
        flex-direction: row-reverse;
    }
    .fjord-assessment .d-h-any-check-box-wrapper span.d-h-any-check-box-label {
        margin-left: 10px !important;
    }
    .assessment #content .fjord-content-inner.choosing-primary-goal {
        padding-left: 15px;
        padding-right: 15px;
    }
    .assessment .wizard-img-container .page-top-img {
        height: 80px;
    }
    .assessment .fjord-top-title {
        font-size: 24px;
        left: 0;
        right: 0;
        top: 50%;
        text-align: left;
        padding: 0 15px;
    }
    .assessment .choosing-primary-goal .goal-card {
        margin-top: 0;
        border: 2px solid #CCCCCC;
    }
    .assessment .choosing-primary-goal .goal-card::before {
        display: block;
        left: auto;
        right: 10px;
        top: 10px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        color: #00789E;
        background-color: #FFFFFF;
        transform: translate(0, 0) scale(0) !important;
    }
    .assessment .choosing-primary-goal .goal-card.selected::before {
        transform: translate(0, 0) scale(1) !important;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile.col-md-4 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .assessment .choosing-primary-goal .tiles-parent {
        padding: 0 10px;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-img-wrapper {
        display: none;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-cart-title {
        text-align: left;
        justify-content: start;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-card-description {
        text-align: left;
        justify-content: start;
        align-content: start;
        min-height: 0;
    }
    .assessment .choosing-primary-goal .tiles-parent .tile .goal-card-body {
        height: auto;
    }
    .assessment .choosing-primary-goal .fjord-red-btn,
    .assessment .choosing-primary-goal .audit-additional-info input,
    .assessment .choosing-primary-goal .component select,
    .assessment .choosing-primary-goal .button-begin .col-auto {
        width: 100%;
    }
    .fjord-assessment .yes-no-block .ddImages-wrapper a.active {
        width: 100%;
        height: 80px;
    }
    .fjord-assessment .yes-no-block .ddImages-wrapper a {
        width: 100%;
        height: 80px;
    }
    .fjord-assessment .yes-no-block .ddImages-wrapper a span {
        width: 100%;
        height: 80px;
    }
    .fjord-assessment .yes-no-block .ddImages-wrapper a.active span {
        width: 100%;
        height: 80px;
    }
    .fjord-assessment .form-button-inner, .assessment .audit-form-previous,
    .fjord-assessment #form-next-page, .fjord-assessment #save-for-now {
        width: 100%;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a {
        border: 2px solid #F5F5F5;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a.active {
        border: 2px solid #526AA4;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a span {
        background: #ffffff;
        border: 0;
        width: 290px;
        height: 95%;
        margin-left: 3px;
    }
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a.active span {
        background: #ffffff;
        border: 0;
        color: #696969;
    }
    .fjord-assessment .bottom-buttons-wrapper{
        width: 100%;
        margin-bottom: 50px;
    }
}
#quickform .component .bar-grey-thick, #quickform .appliance > .appliance-row-label {
    font-weight: 400;
    font-family: Roboto !important;
}
#quickform .fjord-info-tooltip-body {
    font-size: 16px;
}
#quickform #Washer-wrapper a span:after, #quickform #Dryer-wrapper .wash-machines a span:after, #quickform #Dishwasher-wrapper a span:after {
    content: 'full';
    margin-left: 3px;
}
#quickform #Washer-wrapper a[title="100%"] span:before, #quickform #Dryer-wrapper .wash-machines a[title="100%"] span:before, #quickform #Dishwasher-wrapper a[title="100%"] span:before {
    content: 'About';
    margin-right: 3px;
}
#quickform .e-s-radiobuttons .check-box {
    display: inline-block;
}
#quickform #Washer-wrapper {
    display: block;
}
#quickform .e-s-radiobuttons .checklist-box {
    display: inline-flex;
    padding-left: 0;
}
#quickform .e-s-radiobuttons .checklist-box[title="Already"] {
    display: none;
}
#quickform .c-d-fuel-type a {
    border: 2px solid #F5F5F5;
    background: #FFFFFF;
}
#quickform .c-d-fuel-type a span {
    height: auto;
    border: 2px solid #F5F5F5;
    background: #F5F5F5;
    position: absolute;
    bottom: 0;
    font-size: 16px;
}
#quickform .c-d-fuel-type a.active, #quickform .c-d-fuel-type a.active span {
    border: 2px solid #526AA4;
}
#quickform .c-d-fuel-type a.active span {
    background: #526AA4 !important;
    color: #FFFFFF;
}
#quickform #pool_yes_no, #quickform #hottub_yes_no, #quickform #poolheater_yes_no {
    box-shadow: none !important;
}
#topSectionContentAppliancesandEquip #hot_tub_details .form-box.box-shadow {
    width: 100%;
}
#topSectionContentAppliancesandEquip #poolheater_fields .form-box.box-shadow {
    width: 100%;
}
#topSectionContentAppliancesandEquip .component .form-box.box-shadow .form-box.box-shadow {
    padding: 0;
}
#quickform .form-box-content select {
    background: #fff url(/images/icon_arrow-down-green.png) no-repeat 98% 50%;
}
@media screen and (max-width: 991px) {
    .assessment .confirm-wrapper.questionWrapper .component-flex .ddImages-wrapper a {
        overflow: hidden;
    }
    #quickform fieldset.component {
        min-width: 0;
    }
    #quickform .c-d-fuel-type a.active span, #quickform .c-d-fuel-type a span {
        border: 0;
        background: transparent !important;
        color: #333333;
        position: unset;
    }
    #quickform .interestYN.e-s-radiobuttons {
        justify-content: end;
    }
    #appliance_row_new_WaterHeater_0 .questionWrapper {
        padding: 0 !important;
    }
}
@media screen and (max-width: 767px) {
    #quickform #Washer-wrapper .ddImages-wrapper a span {
        width: 100%;
    }
    #topSectionContentAppliancesandEquip .bar-grey-thick {
        height: 100px;
    }
    #topSectionContentAppliancesandEquip .appliance-add, #topSectionContentAppliancesandEquip div.select[id*="_yes_no"] {
        right: auto;
        top: 35px !important;
    }
    #topSectionContentAppliancesandEquip #form-element-poolheater_yes_no {
        padding: 0;
    }
    #quickform .audit-form-checkbox-show {
        display: block !important;
    }
}
/* end audit/wizard */
.assessment-bar-block .wrapper-order {
    position: relative;
}

.assessment-bar-block .wrapper-order + span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: normal;
}

.assessment-bar-block > a.d-flex {
    display: block !important;
}

.assessment-bar-block .wrapper-order-circle {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    text-align: center;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
}

.assessment-bar-block.progress-done .wrapper-order-circle,
.assessment-bar-block.on .wrapper-order-circle {
    background: #526AA4;
    color: #FFFFFF;
}

.assessment-bar-block .wrapper-order-line {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 10px;
    width: 230px;
    background-color: #FFFFFF;
}

.assessment-bar-block:last-child .wrapper-order-line {
    display: none;
}

.assessment-bar-block.progress-done .wrapper-order-line::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    background-color: #526AA4;
}

@media (max-width: 767px) {
    .assessment-bar-block .wrapper-order + span {
        font-size: 11px;
        line-height: 18px;
    }
}
.fjord-assessment .component .form-box.box-shadow .form-box-content.half.as_checkbox.cbReplace-parent {
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    align-items: unset;
}
.fieldset-component .cbReplace.cb_as_checkbox {
    height: auto;
    width: auto;
    display: inherit;
}
.fieldset-component .as_checkbox .cb_as_checkbox .checkbox {
    justify-content: inherit;
}
.fieldset-component .as_checkbox .cb_as_checkbox input[type="checkbox"] {
    display: none;
}
.fieldset-component .as_checkbox .cb_as_checkbox .checkbox .form-element-label {
    position: relative;
    text-align: left;
    align-items: start;
}
.fieldset-component .as_checkbox .cb_as_checkbox .checkbox .form-element-label::before {
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block;
    content: "\f096";
    color: #333333;
    position: relative;
    right: 8px;
}
.fieldset-component .as_checkbox .cb_as_checkbox input[type="checkbox"]:checked + .form-element-label::before {
    content: "\f14a";
    color: #526AA4;
}
.fieldset-component .form-box.box-shadow.last.checkbox_wrapper {
    display: block;
}
.fieldset-component .checkbox_wrapper input[type='checkbox']:focus {
    box-shadow: none!important;
}
.top-section-body .as_checkbox.cbReplace-parent.selected:after {
    content: '';
}
.audit-form .form-box-content.half.as_checkbox.cbReplace-parent.selected {
    border: none!important;
}
.assessment #back-to-previous {
    display: flex;
    height: auto;
    text-decoration: none;
    text-transform: none;
    justify-content: center;
}
.convertSelectIntoRadio .check-box.active:before {
    background: #526AA4;
}
/* overlay restriction */
.overlay-restriction {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    background: rgba(102, 102, 102, 0.64);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
}
.overlay-restriction .restriction-message{
    background: white;
    padding: 32px 40px 40px;
    width: 100%;
    height: auto;
    max-width: 480px;
    box-sizing: border-box;
    margin-top: 0;
    border-radius: 4px;
    border-top: 8px solid #526AA4;
}
.overlay-restriction .restrict-header{
    color: #333;
    padding-bottom: 16px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
}
.overlay-restriction .restrict-message{
    font-weight: normal;
    color: #333333;
    margin: 0;
    line-height: 24px;
}
.overlay-restriction .restrict-message .button {
    background: transparent;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    height: auto;
    width: 100%;
    line-height: inherit;
}
.restrict-message .button a,
.branding-btn{
    font-size: 16px;
    background: #003DA5;
    border: 1px solid #234467;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    padding: 7px;
    min-width: 176px;
    margin-top: 16px;
}
@media screen and (max-width: 767px) {
    #content.content-act-audit-wizard .overlay-restriction {
        background: rgba(102, 102, 102, 0.64);
    }
    #content.content-act-audit-wizard .overlay-restriction .restriction-message{
        padding: 32px 16px 40px;
        max-width: 100%;
    }
    #content.content-act-audit-wizard .overlay-restriction .restrict-header {
        margin: 0;
    }
    #content.content-act-audit-wizard .overlay-restriction .restrict-message .button {
        padding: 0;
        margin: 0;
    }
}
/* // overlay restriction */
/* wizard container */
#content .fjord-content-inner.wizard-container {
    max-width: 1235px;
}
.fjord-page-top-img-container.wizard-img-container {
    background-image: url(../images/fjord_images/assessment-52.jpg);
}
.fjord-page-top-img-container.wizard-img-container .page-top-img{
    display: none;
}
.fjord-page-top-img-container.wizard-img-container .fjord-top-title:after{
    display: none;
}
.wizard-container .goal-card.selected .radio-btn{
    height: 24px;
    width: 24px;
}
.wizard-container .goal-card.selected .radio-btn:after{
    content: "\f00c";
    font: 15px FontAwesome;
    text-align: center;
    line-height: 19px;
}
.goal-card {
    border-radius: 4px;
    position: relative;
}
.goal-card.selected{
    border: 2px solid #526AA4;
}
.goal-card.selected .goal-card-body{
    background: #526AA4;
    color: #FFFFFF;
}
.goal-card.selected .goal-card-body .goal-cart-title{
    color: #FFFFFF;
}
.goal-img-wrapper {
    background: rgba(0, 0, 0, 0.5);
    height: 168px;
}
.goal-img-wrapper img,
.white-circle{
    display: none !important;
}
.goal-card[data-segment="0"] .goal-img-wrapper {
    background: url(/images/audit/wizard/save-money-52.png) no-repeat bottom /cover;
    background-position-x: right;
}
.goal-card[data-segment="1"] .goal-img-wrapper {
    background: url(/images/audit/wizard/reduce-carbon-52.png) no-repeat bottom /cover;
    background-position-x: right;
}
.goal-card[data-segment="3"] .goal-img-wrapper {
    background: url(/images/audit/wizard/health-52.png) no-repeat bottom /cover;
    background-position-x: right;
}
.wizard-container .goal-card-body {
    min-height: 152px;
    height: 152px;
    padding: 10px;
}
.wizard-container .radio-btn {
    position: absolute;
    top: calc(152px/2);
    border: none;
}
#content .wizard-container .next-btn.fjord-stretch-btn{
    background: #003DA5;
    border: 1px solid #003DA5;
    box-sizing: border-box;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    font-family: Roboto !important;
    min-width: 176px;
}
.wizard-container .fjord-page-description p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin: 16px 0;
}
.wizard-container .fjord-page-header{
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    line-height: 48px;
    margin: 16px 0;
    font-weight: normal;
    color: #333333;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    #content .fjord-content-inner.wizard-container {
        max-width: 568px;
    }
    .fjord-page-top-img-container.wizard-img-container .page-top-img {
        display: none;
    }
    .wizard-container .col-6.col-md-4.tile {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wizard-container .goal-card {
        height: 128px;
        margin: 10px;
    }
    .wizard-container .goal-card:after {
        content: '';
        display: block;
        clear: both;
    }
    .wizard-container .goal-img-wrapper{
        height: 100%;
        width: 170px;
        float: left;
    }
    .wizard-container .goal-card .radio-btn{
        top: 50%;
        left: calc(150px/2);
    }
    .wizard-container .goal-card-body{
        min-height: initial;
        height: 100%;
        width: calc(100% - 170px);
        float: left;
        margin: 0;
    }
    .wizard-container .goal-cart-title{
        min-height: auto;
        text-align: left;
        justify-content: left;
        font-size: 24px;
    }
    .wizard-container .goal-card-description{
        display: block;
        min-height: auto;
        padding: 5px;
        margin: 5px 0 20px;
        text-align: left;
        font-size: 16px;
    }
    .wizard-container .next-btn.fjord-stretch-btn{
        margin: 25px 0;
    }
}
@media screen and (max-width: 767px){
    .wizard-container .fjord-page-header{
        font-size: 24px;
        line-height: 36px;
    }
    .wizard-container #property_type {
        width: 100%;
    }
    .fjord-page-top-img-container.wizard-img-container .page-top-img {
        display: none;
    }
    .wizard-container .col-6.col-md-4.tile {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wizard-container .goal-card {
        min-height: 96px;
    }
    .wizard-container .goal-img-wrapper{
        display: none;
    }
    .wizard-container .goal-card .radio-btn{
        top: 5px;
        right: 5px;
    }
    .wizard-container .goal-card.selected .radio-btn:after{
        background: #ffffff;
        color: #015E9F;
    }
    .wizard-container .goal-card-body{
        min-height: initial;
        height: 100%;
    }
    .wizard-container .goal-cart-title{
        min-height: auto;
        text-align: left;
        justify-content: left;
        font-size: 24px;
    }
    .wizard-container .goal-card-description{
        display: block;
        min-height: 100%;
        padding: 5px 0;
        text-align: left;
        font-size: 16px;
    }
    #content .wizard-container .next-btn.fjord-stretch-btn{
        margin-top: 0;
        margin-bottom: 50px;
    }
    .wizard-container .button-begin {
        display: inline-block;
        transform: translateX(-50%);
        margin-left: 50%;
        width: 100%;
    }
}
/* // wizard container */
/* end LWP-282 */
/* Rewards */
.fjord-rewards-img-wrapper {
    height: 240px;
    background: rgba(0,0,0,0.5);
}
.fjord-rewards-img-wrapper .page-top-img {
    display: none;
}
.fjord-rewards-img-wrapper .fjord-top-title::after {
    display: none;
}
.fjord-rewards-content-wrapper .fjord-page-header {
    display: none;
}
.fjord-rewards-content-wrapper .fjord-page-description {
    margin: 32px 0 16px 0;
}
.fjord-rewards-content-wrapper .fjord-page-description p a {
    pointer-events: none;
    color: #333;
}
.fjord-rewards-content-wrapper .fjord-stretch-btn,
.reward-popup .fjord-stretch-btn {
    border-radius: 4px;
    text-transform: initial;
}
.fjord-rewards-content-wrapper .fjord-red-btn,
.reward-popup .redeem-confirm.fjord-red-btn {
    background: #003DA5;
}
.fjord-rewards-content-wrapper .disable-redeem {
    background: #E9EEF3;
    border: 0;
    color: #797D83;
}
.fjord-rewards-content-wrapper .gift-card .fjord-stretch-btn {
    border: none;
    max-width: 175px;
    margin: 0 auto;
}
.fjord-rewards-content-wrapper .gift-card .fjord-stretch-btn.redeem-active {
    background: #003DA5;
    color: #fff;
}
.fjord-rewards-content-wrapper .gift-card .fjord-stretch-btn.redeem-almost-there {
    background: #E9EEF3;
    color: #797D83;
    pointer-events: none;
    text-transform: capitalize;
}
.fjord-rewards-content-wrapper .gift-card .card-terms-text {
    color: #376B9E;
}
.reward-popup {
    border-color: #599FCF;
}
.points-progress-bar-wrapper .pb-fill {
    background: #526AA4;
}
@media screen and (max-width: 767px) {
    .fjord-rewards-content-wrapper .gift-card-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fjord-rewards-content-wrapper .ws-rewards-action-title {
        flex: 0 0 50%;
        margin: 5px 0;
    }
}
@media  (min-width: 768px) and (max-width: 991px) {
    .fjord-rewards-content-wrapper .gift-card-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 991px) {
    .fjord-rewards-content-wrapper .gift-card .card-terms-wrapper {
        text-align: center;
        display: block;
    }
}
@media (min-width: 1025px) {
    .reward-popup.p-r-popup {
        width: 396px;
    }
}
.fjord-page-top-img-container.fjord-rewards-img-wrapper {
    background-image: url(../images/fjord_images/rewards_1600086328.jpg);
}
.reward-popup.p-r-popup {
    border-width: 8px;
    box-sizing: border-box;
}
.reward-popup.p-r-popup .current-card {
    padding-left: 16px;
}
.reward-popup.p-r-popup .current-card-description {
    padding: 24px 16px 0 ;
}
.reward-popup.p-r-popup .reward-p {
    margin-bottom: 16px;
    margin-top: 0;
}
.reward-popup.p-r-popup .current-card-description p {
    margin-top: 0;
    margin-bottom: 16px;
}
.reward-popup.p-r-popup .current-card-buttons {
    max-width: inherit;
}
.reward-popup.p-r-popup .redeem-email {
    margin: 8px 16px 24px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 8px 11px;
}
.reward-popup.p-r-popup .redeem-email-label {
    margin-left: 16px;
}
.reward-popup.p-r-popup .current-card-buttons .redeem-confirm {
    width: 176px;
    height: 40px;
    margin: auto;
}
.fjord-rewards-content-wrapper .ws-title,
.fjord-rewards-content-wrapper .group-title,
.fjord-rewards-content-wrapper .ws-list-reward {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}
.fjord-rewards-content-wrapper .pb-label,
.fjord-rewards-content-wrapper .pb-label .points-num,
.fjord-rewards-content-wrapper .current-points,
.fjord-rewards-content-wrapper .ws-footer.first-rewards,
.fjord-rewards-content-wrapper .ws-title.ws-message,
.fjord-rewards-content-wrapper .ws-list-label,
.fjord-rewards-content-wrapper .ws-footer-list,
.fjord-rewards-content-wrapper .card-terms-wrapper .card-terms-text,
.fjord-rewards-content-wrapper .redeem-cards-block .ws-title {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
.fjord-rewards-content-wrapper .pb-label .points-num {
    font-weight: normal;
    color: #376B9E;
}
.fjord-rewards-content-wrapper .first-rewards a {
    color: #376B9E;
}
.fjord-rewards-content-wrapper .card-terms-wrapper {
    text-align: center;
}
.fjord-rewards-content-wrapper .redeem-points-block {
    margin-top: 35px;
}
/* end Rewards */
/* LWP-125 */
#dashboard .fjord-page-top-img-container{
    background-image: url(../images/fjord_images/lwp_dashboard_top_image.png);
    background-position: center 70% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#dashboard .fjord-page-header-description {
    display: block !important;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-bottom: -10px;
}
.plan-switcher-inbuttons {
    list-style: none;
    margin: 15px 0;
    padding: 0;
    text-align: center;
    font-size: 0;
}
.plan-switcher-inbuttons li {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #333333;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    width: 33.3333333%;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.plan-switcher-inbuttons li:not(:last-child) {
    border-right: 0;
}
.plan-switcher-inbuttons li:first-child {
    border-radius: 4px 0 0 4px;
}
.plan-switcher-inbuttons li:last-child {
    border-radius: 0 4px 4px 0;
}
.plan-switcher-inbuttons li.is-active,
.plan-switcher-inbuttons li:hover {
    color: #FFFFFF;
    background-color: #376B9E;
}
.w-item {
    max-width: 396px !important;
    height: 396px !important;
    border-radius: 4px !important;
    overflow: hidden;
}
.w-item .fjord-info-tooltip {
    display: none;
}
.w-item .w-header .fjord-solo-tab.icon-i {
    padding: 0;
}
.w-item .w-header .fjord-solo-tab::before {
    color: #94979C !important;
}
.w-item .w-inner p {
    font-size: 16px;
    line-height: 24px;
}
.w-item .w-header,
.w-item .w-inner,
.w-item .w-footer {
    padding-left: 16px;
    padding-right: 16px;
}
.w-item .w-header, .w-item .w-header .ws-title {
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    max-height: 56px;
}
.w-item .w-inner {
    height: calc(100% - 96px);
}
.w-item .top-block {
    height: auto;
    background: rgba(0, 0, 0, 0.35);
    margin-bottom: 15px;
}
.w-item .top-block img {
    display: none;
}
.w-item .icon-wrapper {
    display: none;
}
.w-footer {
    background: #003DA5;
    border-radius: 0px 0px 4px 4px;
    font-size: 16px;
}
.w-footer a{
    color: #ffffff;
}
/* Cost Breakdown */
#billhistory-disagg-chart-area #hc_mySpending {
    margin: 0 auto;
}
#billhistory-disagg-chart-area .fjord-widget-tab-controls{
    display: none;
}
/* Bill History */
#fjord-mybill .column-box {
    max-width: 72px;
    margin: 0 auto;
    height: 250px;
}
#fjord-mybill .bill-tabs{
    margin-top: 0;
}
#fjord-mybill .bill-tabs .current-month {
    display: none;
}
#fjord-mybill .icon-i-water {
    font-family: FontAwesome, sans-serif !important;
}
#fjord-mybill .icon-i-water:before {
    content: "\f043";
}
#fjord-mybill .icon-i:before {
    font-size: 16px;
}
#fjord-my-goal-widget .icon-i-water {
    font-family: FontAwesome, sans-serif !important;
}
#fjord-my-goal-widget .icon-i-water:before {
    content: "\f043";
}
#fjord-my-goal-widget .icon-i:before {
    font-size: 16px;
}
#fjord-mybill .fjord-widget-tab-controls .icon-i {
    width: 45px;
    height: 30px;
    padding: 0;
}
#fjord-my-goal-widget .fjord-widget-tab-controls .icon-i {
    width: 45px;
    height: 30px;
    padding: 0;
}
.fjord-widget-tab-controls .icon-i.selected {
    background: #526AA4;
    border-color: #526AA4;
}
#fjord-mybill .column-box .mybill-amount{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#fjord-mybill .column-box .mybill-amount>*{
    font-size: 16px;
    line-height: 24px;
}
#fjord-mybill .my-bill-column{
    font-size: 24px;
    font-weight:normal;
}
#fjord-mybill .bill-tabs .col-4 .my-bill-column{
    background-color: #babed8;
}
#fjord-mybill .bill-tabs .col-4:last-child .my-bill-column{
    background-color: #526aa4;
}
@media (max-width: 1024px) and (min-width: 768px) {
    #dashboard .widget-section > .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px;
    }
}
/* Saving Plan */
#fjord-has-nothing-my-plan-widget .seasonishere-footer {
    text-align: center;
}
#fjord-has-nothing-my-plan-widget h4 {
    font-size: 24px;
    font-weight: normal;
}
#fjord-has-nothing-my-plan-widget p {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
#fjord-has-nothing-my-plan-widget .seasonishere-footer .widget-btn {
    position: relative;
    top: 8px;
    display: block;
    border: none;
    width: 176px;
    height: 40px;
    margin: 0 auto;
    border-radius: 4px;
    background: #003DA5;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    text-transform: capitalize;
}
#fjord-has-nothing-my-plan-widget .seasonishere-image{
    width: auto;
}
#wrapper #fjord-saving-plan-widget .comfort-title {
    text-align: left;
    font-size: 16px;
}
#wrapper #fjord-saving-plan-widget .carbon-title{
    font-size: 16px;
    text-align: left;
}
#fjord-saving-plan-widget .home-with-heart-wrapper {
    padding: 24px 15px;
    background: #F5F5F5;
    border-radius: 4px;
}
#fjord-saving-plan-widget .health-label {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
}
#fjord-saving-plan-widget .home-with-heart,
#fjord-saving-plan-widget .fa.fa-heart.heart-z-2 {
    position: relative;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMNSURBVHgB7ZjdUdtAEMd3hZxAXkI6UEqgA+ggVBA8YDICDLgC2xWYr8TJAGPSAakAdRA6QB2EpwyJjDa7Qs5grJN0urN54fdij3zS/f33fp0RLHN8fLqMLg7kfQTRSsv3Q7AIgiV6g8Fi7U/cBqL98Q2ws+2vd8ESVgQ/ctXL3ATh8i9FLRtuGwlWuaogjCHu7vqbF2BAZcFFriohPNjZWm9BRbQFa7qqIqyakI7OYnG1dnf/01Cs4NWgdvO5f94GTUo5bMlVFQG7XS/rdqHgyrGqR+mEVAqesqvZcEJGC063Va/fqpZkCp6RqypyE3JMsA1XieAWkA750Yv88D2oiKpD/hdsydWxBDru8zPB6JkTCYm2XEWg7s5W4+DpZ71+33PJ7SDiR6jGWELiSf/sBgxcZbGXw4W5el6iCEf98zUHqF15rzQh8eTL2S8OjEXQJySgetNvBGVvsOG2QwjfQRMCOIzm55Z0xAoSi82txloMWJfNoQL8K0GgsT5gV1ea/sZ+UQjkseuvX0jpIiJNszDAXo+T7vX9TV5Y5CWVKUffTvede2yXCUvWsZqUtZOvZ1fs9LJinVavr4LEdg1rgxwNCRyG79zkXUw/+FgwsZgcWG1+2riEKZOascJ1u8N1WzXBBRKGyXgZ4TBT1CzEju3nNzr8a77P/JDYVHjU6dKw8KRU8be8kms7/kbhNCeN59VdvBdz40GJQ4TrmOLDOXTecsxJM/IgqQgYRPNOq0yycm+gp9cwjpe2tzevMe+GIsFJl5SBvnwzCKUcFoke7S9u86A/Mi9x3gUDkpau17k89/dQXO+UWZzG9liIaB2RJiD6AJo4jlO1yz3cD2Z4oAnniAcGmAoOQReCazDASDC7pT+HpOWpKkaCh3eutOpQ45Zw+MY1au9Ggrmo3nJ9XAU5FhXzcFYzGJoE0xgGKeYRRkuQ73Ro669XY8GCCFGNi6PZ2dbwZNQ4HpMKWuOjUJAeheRE0tUd8ouwJniEDOf8cgFTwkpIzJIXwdMmN4az5tLnRuVwCM9PmHXxH6Whl2sGaOwjAAAAAElFTkSuQmCC');
    width: 240px !important;
    height: 40px !important;
    background-repeat: space;
}
#fjord-saving-plan-widget .home-with-heart .fa {
    display: none;
}
#fjord-saving-plan-widget .heart-wrapper {
    position: static;
    transform: none;
}
#fjord-saving-plan-widget .home-with-heart .heart-2-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
#fjord-saving-plan-widget .fa.fa-heart.heart-z-2 {
    display: block;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANQSURBVHgB7ZfPThNRFMbPmSkYcGHduqrxBWyiWHetK1cGnkAGNEEgoTxB2zcoSUuaNND6BuDGhYnOzkIXdK+GWbkVN1YpM8dzG0pa2/lz597Cxt9mhs4Z7sfHd+65RdDMo7V61jTNhrhH90+uVXvjgEYQNJHNN5LdHhQAKD/8OREWj3etEmhCi+AhV1MTC4gO0Dvf1uG2kmA/V31wPKJSe3e1CQrEFhzqqg8eYLldtbYhJtKCJV31w4nbkIZMsXC126MTRbGCFJm3ThfWGwWQJJLDmlz1w2a3rahum2EFwlWX8D3fPofpkAIjsXjv8Yuf39vvOmHFvg5P2dWJiIa8PQMlu2yd+dVMFBx3B9BEYEOOCNbhKgGcGUg7BJjkH7YgJn4T8kqwJldHGiizWc8SKf3OsYZEXa4iUOmoulr+91lmrZHyTCqyMy8hHiMTEp9s7J+CgqvE54T5WcMKahRBZn1vmRALcdcaNCQubOz/4L8+CfI4iK7Vqry2o76gw23uD3gLsiDszM1gWkasoFWznOPqyjISWWJxiIFBhmdL1Nvsau6ospIPi0AQLc4jupjj7EuahTY+5Kab7dFpUCyCmkqVpxt7eRewECWW5HlL/W2NG+8TX7I+dVKzPg4i22RSI0BDH47h3UT/zqNDMHCs2EBv6XPl1QFMGZFtvuQym3tFHhh+JzhbxLB/vEQyJoq6DrHDtCqrRc72/YkPhakwNOkuY5ESWxVPJ3EPR9WV0ONnKptPGolfW1zIgweTnPcOet4OmcYdfpznXSjFqzi8kdquO7ft2OXQZmUtNKb3HNPtutXBoBfCBPfFznRP+qKiwMLd3lw6TPRgfeE2Z3tgXt/5BChgJLqFyGIFXMv/DXEEKEYpv8z2SESkviKNgbAIkiBi3CnXR0mwlLsD4rwzhJJgQvnxSkChX4OCUIsEofQ5hBc8BAWUBHsXv8tEEi5z7cXFvNJ4VxLs2M0z0/WW+FAcfhBisS4feKLsw0GoRYL5Ytc7rmukA52+EltzQBFlwQIhxGNB7PR4pvnszBMurUOsQGlwDHMpaPnBszWbkArIOwgClr5+qNmgEW2CB3z7WGvypQlTQkskrpP/gqdNYIYnnUtvGj+HHbh5nEkf/gVn3KT1U9rJzQAAAABJRU5ErkJggg==');
}
#fjord-saving-plan-widget .fa.fa-heart.heart-z-2::before {
    display: none;
}
#fjord-saving-plan-widget #savings-plan-slider .slick-slide {
    outline: none;
}
#fjord-saving-plan-widget #savings-plan-slider .seasonishere-image {
    width: auto;
    margin: 0 auto;
}
#fjord-saving-plan-widget #net-savings-years{
    display: none;
}
#saving-plan-container {
    height: 180px;
}
.saving-plan #net-savings-total {
    font-size: 48px;
    color: #376B9E;
}
#wrapper  #fjord-saving-plan-widget .carbon-description, #fjord-saving-plan-widget .carbon-list{
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #333333;
}
#wrapper  #fjord-saving-plan-widget .carbon-description{
    margin-bottom:-15px;
}
#fjord-saving-plan-widget .carbon-list ul{
    padding: 0;
}
/* Home Energy Report */
#fjord-hurs-widget-ouc .w-inner {
    display: flex;
    justify-content: center;
    height: 284px;
}
#fjord-hurs-widget-ouc .w-inner img {
    width: 244px;
    height: 168px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 122px);
    margin-top:0;
}
#fjord-hurs-widget-ouc .w-footer {
    display: block !important;
    width: 176px;
    height: 40px;
    margin: 0 auto;
    background: #003DA5;
    border: 1px solid #234467;
    border-radius: 4px;
    box-sizing: border-box;
}
#fjord-hurs-widget-ouc .w-footer a{
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #FFFFFF;
}
/* Find Contractor */
#fjord-find-contractors h4.title {
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}
.widget-section #fjord-find-contractors .top-block img{
    width: auto;
    max-height: 100%;
}
#fjord-find-contractors .w-body {
    padding: 0;
    height: calc(100% - 185px);
    align-content: space-between;
}
#fjord-find-contractors .w-footer {
    width: 176px;
    height: 40px;
    margin: 0 auto;
    border-radius: 4px;
    background: #003DA5;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 16px;
}
#fjord-find-contractors p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 15px;
    color: #333333;
}
#fjord-find-contractors .w-btn {
    position: relative;
    bottom: 15px;
}
/* Seasonal Tips */
#fjord-seasonishere-widget .seasonishere-body h4 {
    font-size: 24px;
    font-weight: normal;
}
#fjord-seasonishere-widget .slick-list {
    background: #F5F5F5;
    border-radius: 4px;
}
#fjord-seasonishere-widget .slick-track {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    min-height: 110px;
}
#fjord-seasonishere-widget .seasonishere-body .slick-dots {
    bottom: -49px;
}
#fjord-seasonishere-widget .seasonishere-body a {
    height: auto;
    padding: 0 15px;
}
#fjord-seasonishere-widget .seasonishere-body .slick-dots li.slick-active button:before {
    background-color: #376B9E;
}
/* Rewards */
#fjord-rewards-widget .reward-description,
#fjord-rewards-widget .reward-points-label {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
#fjord-rewards-widget .points-container {
    width: 100%;
    background: #F5F5F5;
    border-radius: 4px;
    margin: 10px 0 20px;
    padding: 20px 0;
}
#fjord-rewards-widget .points-container > div {
    margin: 0;
}
#fjord-rewards-widget .reward-points {
    font-size: 48px;
}
/* Goal */
#fjord-my-goal-widget .my-goal-boby-title,
#fjord-my-goal-widget .my-goal-body-subtitle br {
    display: none;
}
/*Rebates*/
#fjord-findrebateshalf-widget .title-widget{
    font-size: 24px;
    line-height: 36px;
}
#fjord-findrebateshalf-widget .img-background-widget{
    height: 168px;
}
#fjord-findrebateshalf-widget .title-widget p{
    font-size: 24px;
    color: #333333;
}
#fjord-findrebateshalf-widget .w-description p{
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-weight: normal;
}
#fjord-findrebateshalf-widget .w-footer{
    border-radius: 4px;
    background: #003da5;
    width: 176px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
}
#fjord-findrebateshalf-widget .w-footer a{
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
}
/* end LWP-125 */

/*LWP-389*/
.w-item .no-data-available.alert-overlay{
    position: absolute;
}

.w-item .no-data-available .message-alert-block-container{
    top: 50%;
    transform: translate(0, -50%);
}
/* //LWP-389*/
/* Rebates Page */
#content-main {
    background-color: #F5F5F5;
}
@media screen and (min-width: 1025px) {
    .mobile-menu-popup-wrapper {
        display: none;
    }
}
.rebates-page-wrapper .top-img-description.hidden {
    display: flex !important;
}
.rebates-page-wrapper .page-head-img {
    min-height: 400px;
    width: 100vw;
    margin-left: calc(-1 * ((100vw - 98.5%) / 2));
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.secondary-navigation-bar .bar-title {
    font-family: inherit;
    font-weight: 300;
    line-height: 56px;
    color: #526AA4;
    padding: 22px 0 10px;
    margin: 0;
}
.back-programs-link .blue-box {
    background-color: #526AA4;
    font-family: inherit;
}
.rebates-page-wrapper #searchform .search,
.rebates-page-wrapper #searchform .bar-green-thick,
.rebates-page-wrapper .rebate-tile-head h3 {
    background: #526AA4;
}
.find-a-rebate h1 {
    font-size: 32px;
    line-height: 37px;
}
.rebates-page-wrapper .rebate-btn {
    border-radius: 25px;
    height: 42px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    padding: 11px 0;
}
.rebates-page-wrapper .rebate-btn.green-btn {
    background: #003DA5;
    border: 0;
}
.rebates-page-wrapper .rebate-btn.white-btn {
    border: 1px solid #003DA5;
}
.rebates-page-wrapper .rebate-tile-body .rebate-detail .value {
    color: #507F70;
}
.rebates-page-wrapper .rebate-tile-body .rebate-sum {
    line-height: 35px;
}
.rebates-page-wrapper .rebate-tile-body .rebate-description {
    font-size: 14px;
    line-height: 21px;
}
.rebates-page-wrapper .rebate-tile-inner .col-12.rebate-tile-body {
    padding: 43px 26px 0;
}
.rebates-page-wrapper .rebate-tile-body .rebate-detail:last-child {
    margin-bottom: 44px;
}
.rebates-page-wrapper #searchform .bar-clear-thick.toggle-open a.reset {
    color: #003DA5;
}
.rebates-page-wrapper #searchform input.css-checkbox:checked + label.css-label:before {
    background: #003DA5 url(/images/checked-white.png) no-repeat center center;
}
.rebates-page-wrapper .rebates-filter-wrapper .selections-wrapper .selection,
.rebates-page-wrapper .rebates-filter-wrapper .selections-wrapper .selection label {
    color: #000000;
}
.rebates-page-wrapper .rebate-tile-head h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}
.rebates-page-wrapper .rebate-top .morelink {
    color: #003DA5;
}
#contact-us-widget #contact-widget-form input[type=submit],
#confirmed-popup .c-popup-btn {
    background: #003DA5;
    border: none;
}
.c-popup .c-popup-head {
    background: #526AA4 url(/images/rebates/lw-white-logo.png) no-repeat center center / 145px 39px;
    height: 69px;
}
.rebates-top-block .description-box-title {
    color: #BBCCE7;
}
@media screen and (max-width: 767px) {
    .rebates-page-wrapper .page-head-img {
        margin-left: calc(-1 * ((100vw - 100%) / 2));
        background: url(/images/rebates/rebates_header_mobile.jpg) no-repeat center / cover;
        min-height: 314px;
        -webkit-transform: none;
        transform: none;
    }
    .rebates-page-wrapper .top-img-description.hidden {
        width: 100vw;
        margin-left: calc(-1 * ((100vw - 100%) / 2));
    }
    .rebates-page-wrapper #searchform .search,
    .rebates-page-wrapper #searchform .bar-green-thick {
        background: transparent;
    }
    .secondary-navigation-bar .bar-title {
        padding: 20px 0;
        font-size: 30px;
        line-height: 35px;
    }
    .rebates-page-wrapper .rebate-top .description {
        font-size: 13px;
    }
    .find-a-rebate h1 {
        font-size: 24px;
        line-height: 24px;
    }
    .rebates-top-block .description-box-title {
        color: #526AA4;
    }
}
/* //Rebates Page */
/* LWP-415 */
.mybill-spendingbreakdown-graph .highcharts-data-labels span {
    left: 5px !important;
}
/* //LWP-415 */

/* LWP-346 */
.w-footer{
    border-top: 1px solid #BABED8;
    background: transparent;
}
#fjord-mybill .w-footer a,
#fjord-saving-plan-widget .w-footer a,
#billhistory-disagg-chart-area .w-footer a,
#fjord-rewards-widget .w-footer a{
    color: #003DA5;
}
/* //LWP-346 */

/* LWP-384 */
.page-top-img{
    display: none;
}
.fjord-rewards-img-wrapper{
    background: url("/images/programs/rewards-page-top-img.png") no-repeat 0 0 / cover;
}
/* /LWP-384 */
/* My Profile */
#content .fjord-content-inner.edit-account{
    max-width: 1284px;
    padding: 0 24px 48px;
}
#content .content-wrapper {
    background: #F5F5F5;
}
.fjord-page-top-img-container.edit-account{
    background-image: url(/images/headers/profile6428c455c14985c3949964d262d6879f.jpg);
    background-position: center top !important;
}
.fjord-content-inner.edit-account .fjord-page-description{
    margin: 32px 0 16px;
    font-size: 16px;
    line-height: 24px;
}
.fjord-content-inner.edit-account .form-box.account-details{
    margin-top: 19px;
    border-radius: 4px;
}
.fjord-content-inner.edit-account .form-box.account-details ~ .form-box.account-details{
    margin-top: 24px;
}
.fjord-content-inner.edit-account .common-items{
    margin-top: 16px;
    border-radius: 4px 4px 0 0;
}
.fjord-content-inner.edit-account .common-items .form-item-email{
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}
.fjord-content-inner.edit-account .form-item{
    padding: 14px 16px;
    height: 64px;
    line-height: normal;
    border-top: 1px solid #E4E4E4;
    color: #3A3A3A;
}
.fjord-content-inner.edit-account .property-item{
    border: none;
    color: #333333;
}
.fjord-content-inner.edit-account .form-element label,
.fjord-content-inner.edit-account .form-item > .property-item > span,
.fjord-content-inner.edit-account .form-element .text-label{
    font-size: 14px;
    line-height: 36px;
    font-weight: 600;
    max-width: 230px;
    width: 100%;
    color: #3A3A3A;
}
#content .fjord-content-inner.edit-account .form-element select,
#content .fjord-content-inner.edit-account .form-element input{
    width: 100%;
    max-width: calc(100% - 230px);
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #3A3A3A;
    opacity: 1;
}
#content .fjord-content-inner.edit-account .form-element input[disabled="true"],
#content .fjord-content-inner.edit-account .form-element select[disabled="true"] {
    background: #efefef;
}
#content .fjord-content-inner.edit-account .fjord-popup .form-element select,
#content .fjord-content-inner.edit-account .fjord-popup .form-element input,
#content .fjord-content-inner.edit-account .fjord-popup #form-element-state #state {
    width: 100%;
    max-width: 100%;
}
.fjord-content-inner.edit-account .form-item > .property-item {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    padding: 0;
    color: #3A3A3A;
}
.fjord-content-inner.edit-account .form-item {
    font-size: 14px;
}
@media only screen and (max-width: 1024px) {
    #content .fjord-content-inner.edit-account{
        max-width: 616px;
    }
    #content .fjord-content-inner.edit-account .form-element label{
        float: left !important;
    }
}
@media (max-width: 767px) {
    #content .fjord-content-inner{
        padding: 0 24px 48px;
    }
    .fjord-content-inner.edit-account .form-item{
        padding: 8px 16px;
    }
    #content .fjord-content-inner.edit-account .form-element select,
    #content .fjord-content-inner.edit-account .form-element input {
        max-width: none;
        width: 100% !important;
    }
    .fjord-content-inner.edit-account .form-item > .property-item {
        font-size: 14px;
        line-height: 36px;
    }
    .fjord-content-inner.edit-account .form-item > .property-item > span{
        font-size: 14px;
        line-height: 24px;
    }
}
/* //My Profile */
/* LWP-458 */
.dashboard #content {
    width: 100% !important;
}
/* end LWP-458 */
/* Energy Tips page */
.fjord-page-wrapper-energy-tips .fjord-page-header {
    display: none;
}
.fjord-page-wrapper-energy-tips .fjord-content-inner .fjord-page-description {
    margin-top: 32px;
    font-size: 16px;
}
.fjord-page-top-img-container {
    background-image: url(/images/headers/energytips48626b43e29b9b8f27d41adc2e04036d.jpg);
}
.fjord-page-wrapper-energy-tips .fjord-tip {
    border-top: 8px solid #376B9E;
    border-radius: 4px;
    margin: 16px 0 0 0;
}
.fjord-page-wrapper-energy-tips .search-results-section > .col-md-6 {
    margin: 0;
}
.fjord-page-wrapper-energy-tips .tip-action-btn-label {
    text-transform: none;
    font-size: 16px;
    display: inline-block;
    font-weight: normal;
}
.fjord-page-wrapper-energy-tips .tip-buttons {
    justify-content: center !important;
}
.fjord-page-wrapper-energy-tips .search-section .search-section {
    background: transparent;
    border: none;
    max-width: 410px;
    height: 40px;
    padding: 0;
    margin: 0 0 23px 0;
}
.fjord-page-wrapper-energy-tips .row.search-section {
    margin: 20px 0 0 0;
}
.fjord-page-wrapper-energy-tips .fjord-search-button {
    background: #CCCCCC;
    border-radius: 4px;
    height: 100%;
    top: 0;
    min-width: 80px;
}
.fjord-page-wrapper-energy-tips .fjord-search-button .icon-search-icon {
    line-height: 40px !important;
}
.fjord-page-wrapper-energy-tips .fjord-search-button .icon-search-icon::before {
    color: #2B2B2B;
    font-size: 22px;
}
.fjord-page-wrapper-energy-tips #search-rebates {
    color: #000;
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 4px 0px 0px 4px;
    margin-right: 95px;
    height: 40px;
}
.fjord-page-wrapper-energy-tips .fjord-top-title::after {
    display: none;
}
.fjord-page-wrapper-energy-tips #search-rebates-form {
    margin-top: 0;
}
.fjord-page-wrapper-energy-tips .search-border {
    padding: 0 !important;
}
.fjord-page-wrapper-energy-tips .search-results-section {
    margin-top: 0;
}
#search-rebates-form .results-count {
    margin-top: 24px;
    margin-bottom: 8px;
}
.fjord-page-wrapper-energy-tips .load-more-button {
    display: block;
    border-radius: 4px;
    text-transform: capitalize;
    width: 182px;
    font-size: 16px;
    line-height: 24px;
    padding: 8px;
    height: 100%;
}
.fjord-page-wrapper-energy-tips #pagination {
    display: none;
}
.fjord-action-plan .to-do-list {
    margin-top: 0;
}
.fjord-page-wrapper-energy-tips .fjord-filter-colum-name {
    text-transform: capitalize;
}
.fjord-page-wrapper-energy-tips .fjord-contractors-filter-toggle {
    margin-bottom: 0;
}
#search-filter .cost-filter-column {
    order: 3;
}
.search-results-section-wrapper .tip-headline span {
    width: 70%;
}
.fjord-tip .tip-action-btn {
    display: flex;
    color: #003DA5;
}
.fjord-tip .tip-action-btn.selected {
    color: #666666;
}
.fjord-tip .tip-action-btn:before {
    font-size: 16px;
    padding: 8px 4px 8px 0;
}
.fjord-tip .tip-image{
    margin: 23px auto;
}
.tip-buttons.row.no-gutters.justify-content-around {
    margin-bottom: 8px;
}
.fjord-tip-footer {
    font-size: 16px;
    line-height: 24px;
    padding: 6px 10px;
}
.fjord-tip-footer a {
    color: #003DA5;
}
.tip-headline {
    min-height: 64px;
}
.tip-headline .take-action-trigger {
    color: #003DA5;
}
.fjord-page-wrapper-energy-tips .row-show-more {
    margin-bottom: 48px;
}
.fjord-page-wrapper-energy-tips .contractors-filters-wrapper {
    width: 50%;
}
.fjord-page-wrapper-energy-tips div.selection.for-filter .css-label.none-before {
    color: #003DA5;
    display: contents;
}
.fjord-page-wrapper-energy-tips .contractors-filters input[type="checkbox"]:checked + label.css-label {
    color: #388023;
}
@media screen and (max-width: 1024px) {
    .fjord-page-wrapper-energy-tips .search-results-section > .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fjord-page-wrapper-energy-tips .fjord-page-top-img-container {
        height: 100%;
    }
    .fjord-page-wrapper-energy-tips .contractors-filters-wrapper {
        width: 75%;
    }
}
@media screen and (max-width: 767px) {
    #content .fjord-page-wrapper-energy-tips .fjord-content-inner {
        width: 100%;
    }
    .fjord-page-wrapper-energy-tips .load-more-button-wrapper,
    .fjord-page-wrapper-energy-tips .load-more-button {
        width: 100%;
    }
    .fjord-page-wrapper-energy-tips .row-show-more {
        margin-bottom: 0;
    }
    .fjord-page-wrapper-energy-tips .contractors-filters-wrapper {
        width: 100%;
    }
    .fjord-page-wrapper-energy-tips .fjord-contractors-filter-container .gray-separator {
        display: none;
    }
    .fjord-page-wrapper-energy-tips .contractors-filters-wrapper {
        margin-top: 0;
    }
    .fjord-page-wrapper-energy-tips .fjord-filter-colum-name {
        margin-top: 0;
    }
}
/* //Energy Tips page */
/* LWP-484 */
.assessment .appliance-wrapper.appliance-wrapper-inner .appliance-add [id^="idha-label"] {
    order: 2;
}

.assessment .appliance-wrapper.appliance-wrapper-inner .appliance-add [id^="delete"] {
    order: 1;
}

.assessment .appliance-wrapper.appliance-wrapper-inner .appliance-add [id^="add-another"] {
    order: 3;
}

.assessment .appliance-wrapper.appliance-wrapper-inner .appliance-add [class^="label-add"] {
    margin-right: 5px;
}
/* end LWP-484 */
/* LWP-479 */
.saving-plan #net-savings-total,
#fjord-rewards-widget .reward-points,
#fjord-saving-plan-widget .total-carbon-lifetime{
    font-weight: 400;
}
/* end LWP-479 */
/*LWP-521*/
.energy-target-chart-block .chart-disclaimer p{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    padding: 0;
}
/*end LWP-521*/
/*LWP-503*/
.my-savings-plan .total-carbon-lifetime{
    font-weight: 400;
}
.my-savings-plan .total-carbon-lifetime:after{
    content: '';
    display: block;
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
    background: #F5F5F5;
    height: 29px;
}
.fjord-myplan-overview .total-carbon-lifetime+p{
    font-weight: 400;
    font-size: 24px;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #E4E4E4;
    width: 120%;
    box-sizing: border-box;
    margin-left: -16px;
    padding-left: 16px;
}
/*end LWP-503*/
/*LWP-619*/
.mybill-history-graph .graph, .mybill-history-graph{
    overflow: visible;
}
/*end LWP-619*/
.fjord-content-inner.edit-account .account-details .fjord-account-address {
    order: 3;
}
.fjord-content-inner.edit-account .account-details .form-item.evaluation-item {
    order: 2;
}
.fjord-content-inner.edit-account .account-details .property-item.address-item {
    order: 1;
}
.fjord-content-inner.edit-account .account-details .form-item.evaluation-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.form-element .text-value{
    word-break: break-all;
}
@media screen and (max-width: 550px) {
    .fjord-content-inner.edit-account .form-item{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: auto;
        min-height: 90px;
    }
    .account-details .text-value, #account-details .text-value{
        padding: 0;
        line-height: 30px;
    }
    label.form-element-label, .form-element-label, .fjord-content-inner.edit-account .form-element .text-label{
        width: 100%;
        line-height: 30px;
        max-width: inherit;
    }
    select, input, .fjord-content-inner select, .fjord-content-inner input{
        width: 100% !important;
        margin: 0;
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .fjord-content-inner.edit-account .account-details .form-item.evaluation-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .fjord-content-inner.edit-account .account-details .property-item.address-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
}
/*Register*/
#custom-register-by-account-1 .design-fields label[for=account] .fjord-info-tooltip-body {
    height: auto;
    width: 500px;
    right: -250px;
}
@media (max-width: 991px) {
    #custom-register-by-account-1 .design-fields label[for=account] .fjord-info-tooltip-body {
        width: 380px;
        right: -190px;
    }
}
@media (max-width: 767px) {
    #custom-register-by-account-1 .design-fields label[for=account] .fjord-info-tooltip-body {
        width: 345px;
        right: -195px;
    }
}
#custom-register-by-account-1 .design-fields label[for=account] .fjord-info-tooltip-body img {
    width: 100%;
}
/*END Register*/


#custom_google_translate_element {
    display: none;
}