body, #content, #content h1, #content h2, #content h3, #content h4, #content a, #content .top-wrapper h3, #content .top-wrapper p,
#content .energy-body h3, #content .card-body a, #content .card-footer a, #content .card-footer a span, #content .fjord-page-header,
#content .goal-cart-title, #content .fjord-contractors-filter-toggle, #content #search-rebates-form .results-count,
#content .tip-headline, #content .tip-headline .take-action-trigger, #content .tip-action-btn-label, #content .fjord-tip-footer,
#content #fjord-support-bar, #content .energy-target-page, #content .table-header-tr, #content tr.c_last_name td,
#content .fjord-contractor-button, #content .table-header .graph-view, #content .ami-info-tooltip-box, #content .fjord-block,
#content .fjord-top-title, #content .content-inner > h1, #content .footer-list, #content .ws-title, #content .action-tab-switcher,
#content .wide-tab, #content .top-title, #content .top-alert-left, #content .section-title, #content .big-button, body .alert-settings-page,
#content .pb-label, #content .ws-list-reward, #content .form-item label, #content .property-item, #content .evaluation-status,
#content .evaluation-title, .js-nav-system, .js-nav-system li a, .js-nav-system__subnav a, .goog-te-gadget, .w-header,
#fjord-mybill .months-box, #fjord-mybill .my-bill-column, #search-rebates, #pagination .label-page,
#rebateType.search-field, .fjord-bill-history .fjord-select select, .empty-data-body .pb-t1, .empty-data-body .pb-t2,
.compare-contractor-wrapper .title, .compare-contractor-wrapper .description, .selectdiv .range-select, .axis-label, .data-label,
.fjord-content-inner #mybill-history-wrapper p, .usage-switch-button, .fjord-calendar-datepicker input.form-text, .highcharts-legend-item tspan,
.hc_billhist1.change-colors, .message_settings_form .confirm-btn.save-alerts, .year-select select, .category-select select,
.timeline-period-block input.form-text, .search-section input#search, .points-num, .group-title, .user-account-id, .user-account-address,
.fjord-header-user-name, .w-inner, .reward-points, .reward-points-label, .highcharts-axis-labels.highcharts-yaxis-labels,
.highcharts-axis-labels.highcharts-xaxis-labels, .dropdown-with-options .dropdown-menu-trigger, .highcharts-axis-labels.highcharts-yaxis-labels text,
.highcharts-axis-labels.highcharts-xaxis-labels text, .notification-type-label, .alert-headline, .fjord-update-industry-popup select,
.fjord-update-industry-popup .select option, .fjord-content-inner .row.no-gutters.form-box .form-item .form-element .select select,
.fjord-content-inner .row.no-gutters.form-box .form-item .form-element input, .fjord-edit-account-details-popup .fjord-popup #edit-account-details input,
.fjord-update-password-popup .fjord-popup #update-password input, .fjord-bill-history-show-all-rows-button, .type-business .category-option .option-label,
#fjord-equipmentmarketplace .equipment-info, #fjord-equipmentmarketplace .equipment-title, .questionWrapper .confirm-button,
.questionWrapper .confirm-button.unconfirmed, #form-next-page, .timeline-item, .form-box select, .form-box input, .more-btn,
.component .bar-grey-thick, .appliance > .appliance-row-label, svg, .fjord-view-bill, .usage-switch-button-dollar, .w-footer,
.fjord-info-tooltip-body, div.selection.for-filter .css-label.none-before, .title-widget p, .description-text-widget p,
.ui-datepicker-month, .ui-datepicker-year, .ui-datepicker-calendar thead, .ui-widget button, #fjord-billhistory-spending-chart-area .header span,
.saving-plan #net-savings-total, #saving-plan-container .highcharts-axis-labels tspan, .account-details .text-value, .account-details .form-element-label.text-label {
    font-family: 'Univers LT Std', sans-serif !important;
}
/* Usage History */
.fjord-page-top-img-container.usage-history {
    height: 150px;
    background: url(/images/headers/usage-history956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 55%;
}
.fjord-page-top-img-container.usage-history img {
    display: none;
}
#mybill-history-wrapper .filters-inner > select,
#mybill-history-wrapper .selectdiv .range-select {
    border: 1px solid #94979C;
    border-radius: 4px;
}
#mybill-history-wrapper .mybill-content-wrapper .filters-inner:last-of-type {
    max-width: 300px;
}
#mybill-history-wrapper .selectdiv::after {
    border-left: 0;
    color: #3D3E40;
    content: '\f0d7';
    font: normal normal normal 20px/1 FontAwesome;
    padding: 10px 10px 10px 15px;
    top: 1px;
}
#mybill-history-wrapper .selectdiv .E_meter_fuel_type {
    background: #ffffff url(/images/fjord_images/electric-gray.png) no-repeat 10px;
}
#mybill-history-wrapper .selectdiv .G_meter_fuel_type {
    background: #ffffff url(/images/fjord_images/gas-gray.png) no-repeat 10px;
}
#mybill-history-wrapper .on-demand-read-widget {
    display: none;
}

.page-widget-wrapper .on-demand-read-widget {
    background: #f6f8fb;
}

.odr-body {
    padding-bottom: 20px;
}

.on-demand-read-widget {
    font-family: 'Univers LT Std', sans-serif !important;
}

.on-demand-read-widget .odr-header {
    border-bottom: 1px solid #D9D9D9;
}

.on-demand-read-widget .odr-body {
    padding-top: 20px;
}

.on-demand-read-widget .odr-header-title {
    font-size: 24px;
    color: #333333;
}

.on-demand-read-widget .odr-get-data {
    padding: 13px 18px;
    border: none;
    width: auto;
    margin-top: 22px;
}

.odr-input-label {
    margin-bottom: 6px;
    color: dimgray;
}

.on-demand-read-widget .odr-hint {
    font-family: 'Univers LT Std', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
}

.on-demand-read-widget .odr-content-center {
    margin: 30px 0px 0px 0px;
    text-align: left;
    max-width: 100%;
}

.on-demand-read-widget button.odr-get-data{
    background: #7595AE;
    color: white;
}

#mybill-history-wrapper .usage-detail-wrapper .ami-info-tooltip {
    display: none;
}
#mybill-history-wrapper .usage-detail-wrapper .button-container .tips-button, .odr-get-data {
    border-radius: 4px;
    text-transform: capitalize;
}
#mybill-history-wrapper .usage-detail-wrapper #empty-data.empty-data-body .pb-t2 {
    display: block;
}
#mybill-history-wrapper .mybill-content-wrapper .compare-horiz-wrapper {
    margin: 30px 10px;
}
#mybill-history-wrapper .selectdiv .range-select,
#mybill-history-wrapper .fjord-calendar-datepicker input.form-text {
    border-radius: 4px;
    border: 1px solid #DDDBDA;
}
#billhistory-spending-chart-area div.body-wrapper span.title:not(.changed-spending-percent),
#billhistory-spending-chart-area div.body-wrapper div.chart-info,
#billhistory-spending-chart-area .justify-content-center.savings-button {
    display: block !important;
}
#mybill-history-wrapper .reverse-container {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}
#mybill-history-wrapper .reverse-container .fjord-calendar-datepicker {
    background: #f6f8fb;
    display: block;
}
#mybill-history-wrapper .time-period,
#mybill-history-wrapper .show-weather {
    display: inline-block;
    padding-left: 0;
    width: auto;
}
#mybill-history-wrapper .time-period select,
#mybill-history-wrapper .show-weather select {
    width: 270px;
    background: #fff;
    border: 1px solid #DDDBDA;
}
#mybill-history-wrapper .time-period .selectdiv {
    display: block;
    max-width: 100% !important;
    display: inline-block;
    padding-left: 0;
}
#mybill-history-wrapper .fuel-options-btn {
    color: #097493;
    width: 100%;
    height: 38px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    text-align: center;
    line-height: 38px;
    background: #fff;
    cursor: pointer;
}
#mybill-history-wrapper  #fuel-options  #fuel_type_button {
    text-transform: capitalize;
}
#mybill-history-wrapper  #fuel-options  #fuel_type_button.no-transform {
    text-transform: none;
}
#billhistory-spending-chart-area .disagfuel-switch {
    display: none;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box #link-go-to-my-savings-plan {
    border-radius: 4px;
    margin: 0 auto;
}
#billhistory-spending-chart-area .mybill-spending-graph-info-box .savings-button {
    text-align: center;
}
#billhistory-spending-chart-area .savings-button .refresh-button {
    font-weight: initial;
    text-transform: initial;
    margin-top: 5px;
    display: inline-block;
}
#billhistory-spending-chart-area .savings-button .refresh-button .part {
    display: none;
}
#billhistory-spending-chart-area .title {
    text-align: left;
    font-size: 20px;
    font-weight: normal;
}
#billhistory-spending-chart-area .title .part {
    display: none;
}
#billhistory-spending-chart-area .title:first-child {
    font-size: 24px;
    font-weight: normal;
}
#billhistory-spending-chart-area .description,
#billhistory-spending-chart-area .mybill-spending-graph-info-box .body-wrapper .chart-info,
#billhistory-spending-chart-area .mybill-spending-graph-info-box .body-wrapper .chart-info a {
    font-size: 16px !important;
    font-weight: normal;
}
#billhistory-spending-chart-area .total-spending {
    font-size: 20px;
    font-weight: normal;
}
#billhistory-spending-chart-area .header span,
#mybill-history-wrapper .usage-detail-wrapper .ws-title {
    font-size: 24px;
    font-weight: normal;
}
#billhistory-spending-chart-area .billhistory-spending-widget-wrapper {
    background: #f6f8fb;
}
#mybill-history-wrapper .content-inner.up {
    overflow: hidden;
}
#billhistory-spending-chart-area .header .col-6.col-md-4 {
    max-width: 75%;
    flex: initial;
}
#mybill-history-wrapper .chart-description-section-wrapper .footer-list {
    list-style: none;
}
#mybill-history-wrapper .row.date-pickers {
    margin-top: auto;
}
#mybill-history-wrapper .download-graph-button-wrapper img {
    display: none;
}
.download-chart-section-wrapper .download-graph-button-wrapper {
    position: relative;
    width: 180px;
    height: 38px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
    min-width: 180px;
    padding: 0 0 0 10px;
}
.download-chart-section-wrapper .download-graph-button-wrapper {
    color: #097493;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.download-chart-section-wrapper .download-interval-button {
    position: relative;
    height: 38px;
    width: 180px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
    color: #097493;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 0 10px;
}
.download-interval-button .fa-download,
.download-chart-section-wrapper .download-graph-button-wrapper .fa-download {
    margin-right: 5px;
    font-weight: 600;
}
#interval-download-popup .popup-download-data, .popup-download-data-format {
    border-radius: 4px;
}
#interval-download-popup .cancel-btn {
    border: 1px solid #097493;
    padding: 10px 0;
    margin-top: 20px;
}
#interval-download-popup .popup-buttons,
#fjord-green-button-down-popup .popup-buttons {
    padding-bottom: 55px;
}
.fjord-download-usage-data-popup .fjord-info-tooltip-body {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
#fjord-green-button-down-popup .gbp-br {
    margin-bottom: 25px;
}
.download-chart-section-wrapper .green-button-download-wrapper .download-icon {
    width: 38px;
    height: 38px;
}
.download-chart-section-wrapper .change-colors {
    width: 180px;
    padding: 0 10px;
    height: 38px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    color: #333;
    font-size: 16px;
    line-height: 38px;
}
.odr-container .change-colors {
    width: 176px;
    padding: 0 10px;
    height: 38px;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    color: #333;
    font-size: 16px;
    line-height: 38px;
}
#mybill-history-wrapper .fjord-calendar-datepicker .date-selecte-icon::after {
    color: #DA1020;
}
#mybill-history-wrapper .filters-below-header .fjord-calendar-datepicker .date-selecte-icon::after {
    right: 10px;
}
#hc_billhist1 .highcharts-title {
    display: none;
}
#mybill-history-wrapper .fjord-calendar-datepicker {
    padding: 0;
}
#mybill-history-wrapper .date-selecte-icon {
    position: relative;
}
#mybill-history-wrapper .show-weather {
    position: relative;
    float: none;
}
#mybill-history-wrapper .selectdiv .range-select {
    float: none;
}
#mybill-history-wrapper .filters-below-header {
    justify-content: space-between;
    padding: 25px 5px;
}
#mybill-history-wrapper .show-weather select {
    padding: 0 50px 0 7px;
}
#mybill-history-wrapper .filters-below-header input,
#mybill-history-wrapper .filters-below-header .range-select {
    margin: 0 0 15px;
}
#mybill-history-wrapper .reverse-container .fjord-calendar-datepicker select {
    margin: 0 0 18px;
}
#mybill-history-wrapper .demand-toggle-div {
    padding-left: 0;
}
#mybill-history-wrapper .header .options {
    justify-content: flex-end;
}
#mybill-history-wrapper .fjord-calendar-datepicker input#select-date-to {
    padding: 0 50px 0 7px;
}
.fjord-download-usage-data-popup .limitations-error,
.fjord-download-usage-data-popup .error {
    width: 100%;
}
#interval-download-popup .popup-download-title {
    font-weight: 400;
    font-size: 18px;
    color: #333;
}
.fjord-block .usage-history-chart-wrapper {
    padding-bottom: 0 !important;
}
#mybill-history-wrapper .change-colors-btn-wrapper {
    align-items: center;
    margin-top: 0;
    display: flex;
}
.download-chart-section-wrapper {
    padding-top: 10px;
}

@media screen and (min-width: 768px) {
    #mybillhist,
    #mybill-history-wrapper .billhistory_description,
    #mybill-history-wrapper .compare-horiz-wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }
    #mybill-history-wrapper .header .col-6.col-md-4 {
        max-width: 75%;
        flex: initial;
    }
    .desktop-hidden {
        display: none;
    }
    #mybill-history-wrapper .date-selecte-icon,
    #mybill-history-wrapper .period-select {
        max-width: 60%;
    }
    .usage-detail-wrapper .period-select.selectdiv:after {
        right: 3px;
    }
    #mybill-history-wrapper .change-colors-btn-wrapper {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    #mybill-history-wrapper .download-buttons {
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        justify-content: space-between !important;
    }
}
@media screen and (min-width: 992px) {
    #mybill-history-wrapper .download-buttons {
        padding-left: 16px;
        align-items: center;
    }
    #mybill-history-wrapper .change-colors-btn-wrapper,
    #mybill-history-wrapper .download-chart-section-wrapper .green-button-download-wrapper {
        padding-right: 0;
    }
    #mybill-history-wrapper .download-chart-section-wrapper .download-graph-button-wrapper,
    #mybill-history-wrapper .download-chart-section-wrapper .download-interval-button {
        margin-right: 0;
    }
}
@media screen and (max-width: 991px) {
    #mybill-history-wrapper .download-chart-section-wrapper {
        flex-direction: column;
    }
    #mybill-history-wrapper .change-colors-btn-wrapper {
        max-width: 100%;
        margin-bottom: 10px;
    }
    #mybill-history-wrapper .download-chart-section-wrapper .col-md-2.col-2 {
        padding-left: 15px;
    }
    #mybill-history-wrapper .download-chart-section-wrapper .change-colors {
        width: 100%;
    }
    #mybill-history-wrapper .download-chart-section-wrapper .download-buttons,
    #mybill-history-wrapper .download-chart-section-wrapper .download-buttons > div,
    #mybill-history-wrapper .download-chart-section-wrapper .download-graph-button-wrapper {
        width: 100% !important;
        max-width: 100%;
        margin-right: 0;
    }
    #mybill-history-wrapper .download-chart-section-wrapper .download-buttons .connect-button,
    #mybill-history-wrapper .download-chart-section-wrapper .download-buttons .green-button-download-wrapper {
        justify-content: center;
        max-width: 50%;
    }
    .download-chart-section-wrapper .download-graph-button-wrapper {
        justify-content: center;
    }
    #mybill-history-wrapper .download-chart-section-wrapper .download-buttons > div {
        margin-bottom: 10px;
    }
    #mybill-history-wrapper .download-buttons {
        flex-basis: auto;
    }
}
@media screen and (max-width: 767px) {
    #mybill-history-wrapper .time-period,
    #mybill-history-wrapper .show-weather {
        width: 100%;
    }
    #mybill-history-wrapper .time-period select,
    #mybill-history-wrapper .show-weather select {
        width: 100%;
    }
    #mybill-history-wrapper .filters-inner:last-of-type {
        max-width: 100%;
        z-index: 5;
    }
    .fjord-content-inner #mybillhist.mybill,
    #mybill-history-wrapper p,
    #mybill-history-wrapper .compare-horiz-wrapper .selectdiv {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #mybill-history-wrapper .compare-horiz-wrapper {
        margin: 30px 0;
    }
    #mybill-history-wrapper .time-period .selectdiv,
    #mybill-history-wrapper .show-weather {
        padding-right: 0;
    }
    .fjord-top-title.usage-history-titl {
        position: static;
        transform: initial;
    }
    .fjord-top-title.usage-history-titl:after {
        margin: 0 auto;
    }
    .fjord-page-top-img-container.usage-history {
        display: flex;
        align-items: center;
        text-align: center;
        padding: 0 12px;
    }
    #mybill-history-wrapper .fjord-calendar-datepicker .date-range {
        padding-left: 0;
        margin-top: 10px;
    }
    #mybill-history-wrapper .fuel-options-btn {
        margin-top: 10px;
    }
    #mybill-history-wrapper #range-selectors .date-select {
        padding-left: 0;
        margin-top: 10px;
    }
    #mybill-history-wrapper .usage-detail-wrapper .row.date-pickers {
        padding-left: 0;
    }
    #mybill-history-wrapper #fjord-chart-block.fjord-block {
        margin-bottom: 0;
    }
    #mybill-history-wrapper .time-selector .selectdiv {
        max-width: 100%;
    }
    .usage-detail-wrapper .time-period .selectdiv:after {
        right: 3px;
    }
    #mybill-history-wrapper .filters-below-header {
        padding-top: 0;
        margin-top: 50px;
        margin-bottom: 25px;
        position: relative;
        padding-bottom: 20px;
    }
    #mybill-history-wrapper .filters-below-header input,
    #mybill-history-wrapper .filters-below-header .range-select {
        margin: 0 auto 10px;
    }
    #mybill-history-wrapper .filters-block-1 {
        position: static;
    }
    #mybill-history-wrapper .demand-toggle-wrapper {
        position: absolute;
        bottom: 0;
    }
}
@media screen and (max-width: 520px) {
    #fjord-chart-block .download-chart-section-wrapper .justify-content-end {
        padding-right: 15px;
    }
}
/* END Usage History */
.edit-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media screen and (min-width: 768px) {
    .form-item .text-value, .form-item .property-item-address{
        width: calc(100% - 230px) !important;
    }
}
#content div.content-wrapper {
    background: #F6F8FB;
}
.fjord-page-top-img-container .page-top-img {
    height: 150px;
}
.fjord-top-title {
    font-size: 40px;
    font-weight: inherit;
}
.fjord-page-header {
    margin-top: 32px;
}
.fjord-rewards-img-wrapper div.page-top-img {
    background: url(/images/headers/rewards956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 12%;
}
.fjord-rewards-content-wrapper .fjord-page-description {
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 30px;
}
.fjord-rewards-content-wrapper .fjord-stretch-btn, .reward-popup .fjord-stretch-btn {
    border-radius: 4px;
    text-transform: inherit;
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 30px;
    white-space: nowrap;
}
.fjord-rewards-content-wrapper .points-progress-bar-wrapper .pb-fill {
    background: #097493;
}
.fjord-rewards-content-wrapper .ws-message, .fjord-rewards-content-wrapper .points-progress-bar-wrapper .pb-label {
    color: #3A3A3A;
}
.fjord-rewards-content-wrapper .points-num {
    color: #097493;
    font-weight: inherit;
}
.fjord-rewards-content-wrapper .ws-footer a {
    color: #097493;
}
.fjord-rewards-content-wrapper .card-terms-text {
    color: #015E9F;
}
.fjord-rewards-content-wrapper .gift-card .card-terms-text {
    color: #0f0f0f;
}
.fjord-rewards-content-wrapper .info-container .ws-title, .fjord-rewards-content-wrapper .ws-header .ws-title,
.fjord-rewards-content-wrapper .group-title {
    font-size: 24px;
    color: #3A3A3A;
}
.fjord-rewards-content-wrapper .info-container .ws-list-label {
    font-size: 16px;
    color: #3A3A3A;
}
.fjord-rewards-content-wrapper .info-container .ws-list-reward {
    color: #3A3A3A;
    font-size: 20px !important;
}
.fjord-rewards-content-wrapper .info-container .ws-footer-list {
    font-size: 16px;
    color: #3A3A3A;
    margin: 0 15px;
}
.fjord-rewards-content-wrapper .ws-footer .ws-footer-list {
    font-size: 14px;
}
.fjord-rewards-content-wrapper .gift-card .card-name {
    font-size: 16px;
}
.reward-popup .current-card-description, .reward-popup .reward-popup-hl {
    color: #3A3A3A;
}
.reward-popup .reward-p-2{
    font-size: 12px;
}
.fjord-rewards-content-wrapper .ws-rewards-title, .fjord-rewards-content-wrapper .ws-rewards-points {
    display: flex;
    justify-content: space-between;
    flex: 0 0 22% !important;
    max-width: 22% !important;
    width: 100% !important;
}
.fjord-rewards-content-wrapper .ws-list-reward {
    white-space: nowrap;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.fjord-rewards-content-wrapper .ws-rewards-title .ws-title.hidden {
    display: block !important;
}
.fjord-rewards-content-wrapper .ws-list-reward div:first-child {
    width: 34%;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .fjord-rewards-img-wrapper .page-top-img {
        background-position: left 12%;
        background-size: 150%;
    }
    .fjord-page-header {
        font-size: 24px;
    }
    .fjord-rewards-content-wrapper .ws-btn-wrapper .col-auto {
        width: 100%;
    }
    .fjord-rewards-content-wrapper .gift-card .card-name {
        font-size: 14px;
    }
    .fjord-rewards-content-wrapper .info-container .ws-list-label {
        font-size: 14px;
    }
    .reward-popup .current-card-description {
        padding: 5% 3%;
    }
    .reward-popup .current-card-buttons {
        width: 94%;
        max-width: inherit;
    }
    .fjord-rewards-content-wrapper .ws-rewards-title {
        display: block;
        text-align: right;
    }
    .fjord-rewards-content-wrapper .ws-rewards-action-title {
        max-width: 60% !important;
    }
    .fjord-rewards-content-wrapper .ws-list-reward {
        display: block;
    }
    .fjord-rewards-content-wrapper .ws-rewards-title, .fjord-rewards-content-wrapper .ws-rewards-points {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
    .fjord-rewards-content-wrapper .ws-list-reward div:first-child {
        width: auto;
        text-align: right;
    }
}
#footer-block {
    background: #000;
    float: left;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 40px;
    box-sizing: border-box;
}
#footer-block a {
    color: #fff;
    font-size: 13px;
}
.footer-right-side {
    text-align: right;
}
.footer-social-section,
.footer-nav-section ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.footer-social-section {
    display: flex;
}
.footer-social-section li {
    display: inline-block;
    margin: 0 12px;
    height: 20px;
}
.footer-social-section li a {
    height: 100%;
    display: block;
}
.footer-nav-section li {
    display: inline-block;
    margin-left: 25px;
}
.footer-social-section .social-icon {
    height: 100%;
}
.footer-copyright-section {
    font-size: 9px;
    margin-top: 5px;
}

@media screen and (max-width: 992px) {
    #footer-block {
        flex-direction: column;
        padding: 12px;
    }
    .footer-right-side,
    .footer-left-side {
        text-align: center;
    }
    .footer-nav-section li {
        margin: 5px;
    }
    .footer-left-side,
    .footer-nav-section {
        margin-bottom: 10px;
    }
}
/*Energy Tips pages*/
.fjord-page-wrapper-energy-tips .search-rebates-page, #search-rebates-form {
    margin-top: 0;
}
.fjord-page-wrapper-energy-tips .search-section {
    margin: 16px 0 16px 0;
}
.fjord-page-wrapper-energy-tips .search-section .search-section {
    border-radius: 4px;
    border: 0;
}
.fjord-page-wrapper-energy-tips .fjord-search-button {
    background: #DA1020;
    border-radius: 0 4px 4px 0;
}
.fjord-page-wrapper-energy-tips .fjord-contractors-filter-toggle {
    font-size: 16px;
    font-weight: normal;
    color: #3A3A3A;
}
.fjord-page-wrapper-energy-tips #search-rebates-form .results-count {
    font-size: 20px;
    font-weight: normal;
    color: #3A3A3A;
}
.tip-headline {
    color: #3A3A3A;
    line-height: 1.2em;
}
.more-tips-wrapper .more-tips-item,
.fjord-tab-content .fjord-tip{
    margin-bottom: 40px;
}
.more-tips-wrapper .more-tips-item .more-tips-link {
    padding: 10px 0;
}
.fjord-tip {
    margin: 0;
    border-radius: 4px;
    border-top: 12px solid #DA1020;
}
.fjord-tip .tip-action-btn {
    display: flex;
    font-size: 16px;
    color: #097493;
}
.fjord-tip .tip-action-btn:before {
    padding: 0.4em;
}
.tip-action-btn-label, .fjord-tip-footer {
    font-size: 16px;
}
.fjord-page-wrapper-energy-tips .fjord-tip-footer {
    margin-bottom: 60px;
    border-top: 1px solid #DDE1E5;
}
.fjord-page-wrapper-energy-tips .fjord-tip-footer a {
    color: #005F83;
}
.tip-action-btn-label {
    font-weight: normal;
    text-transform: capitalize;
}
.fjord-tip.action-plan-tip .tip-buttons.row.no-gutters.justify-content-around {
    margin: 0 0 0 5px;
    justify-content: normal !important;
}
.fjord-page-wrapper-energy-tips .search-results-section .tip-buttons.row.no-gutters.justify-content-around {
    margin: 0 10% 10px 10%;
    padding: 0 5%;
}
.fjord-page-wrapper-energy-tips .fjord-filter-colum-name {
    font-size: 16px;
    color: #3A3A3A;
    border-bottom: 1px solid #E4E4E4;
    text-transform: capitalize;
}
.fjord-page-wrapper-energy-tips .gray-separator {
    border-bottom: 1px solid #E4E4E4;
}
.fjord-page-wrapper-energy-tips .search-rebates-page #pagination {
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    margin: 0 0 20px auto;
}
.fjord-page-wrapper-energy-tips .search-rebates-page .pagination-control .link {
    color: #097493;
}
.tip-headline .take-action-trigger {
    font-size: 16px;
    color: #097493;
}
.tip-headline {
    font-size: 24px;
    justify-content: space-between;
}
.fjord-page-wrapper-energy-tips .tip-headline {
    font-size: 16px;
}
.tip-description {
    font-size: 16px;
    line-height: 1.2em;
}
.tip-img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.energy-tips-to-do-list-block .ws-title {
    font-size: 24px;
}
.energy-tips-to-do-list-block .to-do-list .li-description {
    font-size: 16px;
    line-height: 1.2em
}
.energy-tips-to-do-list-block .li-counter {
    font-size: 24px;
    text-align: left;
    margin: 16px 0;
    color: #005F83;
}
.energy-tips-to-do-list-block .ws-body .to-do-list {
    margin-top: -10px;
}
.energy-tips-to-do-list-block .ws-body {
    border-bottom: none;
}
.energy-tips-to-do-list-block .col-md {
    flex-basis: auto;
}
.energy-tips-faq {
    margin-bottom: 0;
}
.energy-tips-faq .selected .ws-toggle-item {
    box-shadow: none;
}
.fjord-tip.action-plan-tip {
    margin-top: 60px;
}
.fjord-go-back-link {
    display: block;
}
.fjord-go-back-link.action-plan-back {
    display: none;
}
.fjord-page-wrapper-energy-tips .fjord-page-top-img-container {
    height: 150px;
    background: url(/images/headers/energytips956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 50%;
}
.fjord-tip .download-graph-button-wrapper {
    background: #FFFFFF;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    height: 44px;
    width: 165px;
    margin-bottom: -20px;
}
.fjord-tip .download-graph-button-content {
    text-align: center;
    margin-top: 10px;
    color: #097493;
    display: inherit;
}
.fjord-tip .justify-content-priority {
    justify-content: flex-start !important;
    margin-left: 20px;
}
.fjord-page-wrapper-energy-tips .load-more-button {
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 35px;
    width: 351px;
    height: 38px;
    margin-top: -25px;
}
@media screen and (max-width: 767px) {
    .fjord-page-wrapper-energy-tips .fjord-page-description {
        font-size: 16px;
    }
    .fjord-tip .tip-buttons {
        flex-wrap: nowrap;
    }
    .fjord-tip.action-plan-tip .tip-buttons.row.no-gutters.justify-content-around {
        justify-content: space-around !important;
        margin: 0;
    }
    .energy-tips-faq {
        margin-bottom: 20px;
    }
    .fjord-tip.action-plan-tip {
        margin-top: 30px;
    }
    .tip-img {
        width: 90%;
    }
    .fjord-tip .download-graph-button-wrapper {
        width: 90%;
    }
    .fjord-tip .download-graph-box {
        width: 90%;
    }
    .fjord-tip .justify-content-priority {
        justify-content: flex-start !important;
        margin: auto;
    }
    .fjord-page-wrapper-energy-tips .fjord-top-title {
        font-size: 24px;
        top: calc(50% - 30px);
    }
    .fjord-page-wrapper-energy-tips .fjord-tip-footer {
        margin-bottom: 10px;
    }
}
/*END Energy Tips pages*/
/* Timeline and datepicker */
#fjord-page-inner-timeline .timeline-item, #fjord-page-inner-timeline input.form-text,
#fjord-page-inner-timeline .year-select select, #fjord-page-inner-timeline .category-select select, #fjord-page-inner-timeline .timeline-show-first-wrap select{
    color: #3A3A3A !important;
}
#fjord-page-inner-timeline .fjord-page-top-img-container {
    background: url(/images/headers/timeline956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-position: center 59%;
    background-size: cover;
    height: 150px;
}
#fjord-page-inner-timeline div.fjord-page-top-img-container img {
    display: none;
}
#fjord-page-inner-timeline .fjord-page-description {
    font-size: 24px;
    margin-bottom: 30px;
}
#fjord-page-inner-timeline .select-category {
    order: 2;
    width: 100%;
    margin: 30px 0 10px;
}
#fjord-page-inner-timeline .search-timeline {
    order: 1;
}
#fjord-page-inner-timeline .select-category .category-select {
    width: 300px;
}
#fjord-page-inner-timeline .category-select select, #fjord-page-inner-timeline .timeline-show-first-wrap select {
    background: #fff url(/images/icon_arrow-down-green.png) no-repeat 96% 50%;
    filter: grayscale(100%);
}
#fjord-page-inner-timeline select, #fjord-page-inner-timeline .timeline-show-first-wrap,
#fjord-page-inner-timeline .category-select, #fjord-page-inner-timeline input.form-text {
    border-radius: 4px;
    font-size: 16px;
}
#fjord-page-inner-timeline .timeline-show-first-wrap-row {
    font-size: 16px;
}
#fjord-page-inner-timeline .search-section {
    border-radius: 4px;
    height: 34px;
    width: 362px;
}
#fjord-page-inner-timeline .search-section #search{
    height: 34px;
}
#fjord-page-inner-timeline .fjord-search-button {
    border-radius: 0px 4px 4px 0px;
    background: #DA1020;
    height: 100%;
    top: 0;
}
#fjord-page-inner-timeline .timeline-item-inner {
    border-radius: 4px;
    font-size: 16px;
}
#fjord-page-inner-timeline .date-outside-item {
    font-size: 16px;
}
#fjord-page-inner-timeline .more-btn {
    border: 0;
    border-radius: 4px;
    background: #EE1C2E;
    color: #FFFFFF;
    font-size: 16px;
    height: 38px;
    width: 170px;
    padding-top: 8px;
    text-transform: none;
}
#fjord-page-inner-timeline #timeline-from, #fjord-page-inner-timeline #timeline-to {
    height: 35px;
}
#fjord-page-inner-timeline .date-selecte-icon::after {
    content: ' ';
    top: 30px;
    background-image: url(/images/icons/calendar-alt-red.svg);
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
}
@media screen and (max-width: 767px) {
    #fjord-page-inner-timeline .fjord-page-top-img-container {
        background-position: 13% 63%;
        background-size: 260%;
    }
    #fjord-page-inner-timeline .select-category .category-select,
    #fjord-page-inner-timeline .search-section {
        width: 100%;
    }
    #fjord-page-inner-timeline .select-category {
        margin: 0;
    }
    #fjord-page-inner-timeline .block-datepicker {
        top: -58px;
    }
    #fjord-page-inner-timeline .timeline-item-inner {
        font-size: 14px;
    }
    #fjord-page-inner-timeline .more-btn {
        width: 94%;
    }
}
.datepicker.hasDatepicker {
    width: 264px;
    height: 241px;
}
.block-datepicker .ui-datepicker .ui-datepicker-prev {
    left: 0px;
}
.block-datepicker .ui-datepicker .ui-datepicker-next {
    right: 0px;
}
.ui-icon.ui-icon-circle-triangle-w::before {
    content: "\f0d9";
}
.ui-icon.ui-icon-circle-triangle-e::before {
    content: "\f0da";
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-left: -3px;
    margin-top: -9px;
}
.ui-widget-header a {
    color: #DA1020;
}
.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0;
    width: 24px;
    height: 24px;
}
.block-datepicker .dp-highlight-first .ui-state-default,
.block-datepicker .dp-highlight-last .ui-state-default {
    border-radius: 50%;
}
.ui-datepicker-calendar tbody tr td {
    border-bottom: 4px solid transparent !important;
    text-align: -webkit-center;
}
.block-datepicker .dp-highlight-last {
    border-radius: 0 30px 30px 0;
}
.block-datepicker .dp-highlight-first {
    border-radius: 30px 0 0 30px;
}
.ui-datepicker-calendar tbody tr td:last-child {
    border-radius: 0 4px 4px 0;
}
.ui-datepicker-calendar tbody tr td:first-child {
    border-radius: 4px 0 0 4px;
}
.ui-datepicker-calendar thead tr {
    border-bottom: 0;
}
.block-datepicker .ui-datepicker-inline.ui-datepicker {
    padding: 12px;
    border-radius: 4px;
}
.block-datepicker .ui-datepicker-month, .block-datepicker .ui-datepicker-year {
    font-size: 16px;
    color: #242526;
}
.ui-datepicker-calendar thead {
    font-size: 12px;
    color: #242526;
}
.block-datepicker tbody tr td .ui-state-default {
    font-size: 12px;
    line-height: 24px;
    color: #242526;
}
.ui-datepicker-calendar tbody tr td .ui-state-default {
    color: #242526 !important;
}
.dp-highlight {
    background: rgba(218, 16, 32, 0.3) !important;
}
.dp-highlight-first {
    background: linear-gradient(90deg, #fff 50%, rgba(218, 16, 32, 0.3) 50%) !important;
}
.dp-highlight-last {
    background: linear-gradient(90deg, rgba(218, 16, 32, 0.3) 50%, #fff 50%) !important;
}
.block-datepicker .ui-datepicker-buttonpane {
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
}
.block-datepicker .ui-datepicker-buttonpane {
    display: flex;
}
.block-datepicker .ui-datepicker-current {
    font-size: 12px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #DA1020 !important;
}
.ui-datepicker table {
    margin: 0.4em 0 0 0;
}
/* END Timeline */

/* Bill Projection Page */
.bill-projection-multi-img-container {
    background: url(/images/headers/bill-projection-multi956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-position: center 40%;
    background-size: cover;
    height: 150px;
}
.bill-projection-multi-img-container img {
    display: none;
}
#fjord-page-inner-bill-projection .fjord-page-description, #fjord-page-inner-bill-projection .fjord-page-header, #fjord-page-inner-bill-projection .ws-title, #fjord-page-inner-bill-projection .ws-message {
    color: #3A3A3A;
}
#fjord-page-inner-bill-projection .fjord-page-description {
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 50px;
}
#fjord-page-inner-bill-projection .white-section .ws-title, #fjord-page-inner-bill-projection h1.fjord-page-header {
    font-size: 24px;
}
#fjord-page-inner-bill-projection .white-section .pb-t2 {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
}
#fjord-page-inner-bill-projection .white-section .pb-button, #fjord-page-inner-bill-projection .fjord-stretch-btn {
    background-color: #EE1C2E;
    border-radius: 4px;
    width: 235px;
    height: 40px;
    margin: 20px auto 10px;
    align-items: center;
    display: flex;
    font-size: 16px;
    line-height: 19px;
    justify-content: center;
}
#fjord-page-inner-bill-projection .white-section .pb-button a {
    color: #FFF;
}
#fjord-page-inner-bill-projection .ws-body .ws-message {
    font-size: 16px;
}
#fjord-page-inner-bill-projection .ws-body .pb-label-second {
    text-align: right;
}
#fjord-page-inner-bill-projection #greyscaleButtonFjord {
    display: none;
}
#fjord-page-inner-bill-projection .pb-fill {
    background: #097493;
}
#fjord-page-inner-bill-projection .points-num {
    color: #097493;
}
#fjord-page-inner-bill-projection .predicted-description {
    font-size: 16px;
}
#fjord-page-inner-bill-projection .ws-list-reward {
    font-size: 20px;
}
/* End Bill Projection Page */
/*Alerts settings*/
.content-wrapper {
    margin: 0;
}
.alert-settings-page {
    background: inherit !important;
}
.fjord-alerts-img-wrapper.top-img-container img{
    display: none;
}
.fjord-alerts-img-wrapper .top-title {
    font-size: 40px;
    font-weight: inherit;
}
.fjord-alerts-img-wrapper.top-img-container {
    height: 150px;
    background: url(/images/headers/alert-settings956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 30%;
}
.alert-settings-page a {
    color: #2E7AAE;
    margin: 0;
}
.alert-settings-page .p-sl {
    font-size: 24px;
    margin: 20px 0;
}
.alert-settings-page .collapse-all-button {
    display: none;
}
.alert-settings-page .add-new-phone {
    display: none;
}
.alert-settings-page .item-edit-btn{
    display: none;
}
.alert-settings-page .item-remove-btn {
    display: none;
}
.alert-settings-page .gray-li {
    background: #E9EEF3;
}
.alert-settings-page .alert-subtitle {
    background: #E9EEF3;
    color: #3A3A3A;
    font-size: 16px;
    padding: 26px 20px;
}
.alert-settings-page .gray-li .icon-i {
    padding-right: 0;
    font-size: 18px;
    color: #3A3A3A;
}
.alert-settings-page .gray-li .icon-i:before {
    margin-right: 20px;
    color: #3A3A3A;
}
.alert-settings-page .user-info-wrapper .gray-li .icon-i:before {
    margin-right: 0;
}
.alert-settings-page .item-info .item-text {
    background: #C5C8CC;
    color: #3A3A3A;
}
#content .alert-settings-page .confirm-btn {
    text-transform: inherit;
    border: 0;
    border-radius: 4px;
    background: #EE1C2E;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    width: 220px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 60px;
}
.alert-settings-page .section {
    margin-top: 0;
    margin-bottom: 30px;
}
.alert-settings-page .all-alerts-switcher-wrapper {
    padding-bottom: 0;
}
.alert-settings-page .all-alerts-switcher-wrapper .section-title-wrapper {
    align-items: center;
}
.alert-settings-page .switcher-body {
    background: #797D83;
    font-size: 16px;
}
.alert-settings-page .switcher-body i {
    text-transform: uppercase;
    font-size: 16px;
}
.alert-settings-page .switcher-body .switcher-off {
    color: #FFFFFF;
}
.alert-settings-page .switcher, .alert-settings-page .wrap-switch-state {
    border-radius: 4px;
}
.alert-settings-page .switcher-track:after {
    border-radius: 4px;
}
.alert-settings-page .switch-all + .switcher-body .switcher-track:after {
    content: "\e908";
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: white;
    transition: all 300ms;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-family: 'icomoon' !important;
}
.alert-settings-page input.switch-all:checked + .switcher-body .switcher-track:after {
    content: "\e90c";
    transform: translateX(100%);
    color: #388023;
    font-family: 'icomoon';
}
.alert-settings-page .custom-checkbox-inner:before {
    border: 1px solid #097493;
    border-radius: 1px;
}
.alert-settings-page input[type=checkbox]:checked + .custom-checkbox-inner:before {
    background: #097493;
    color: #FFFFFF;
}
.alert-settings-page input[type=checkbox]:checked + .switcher-body {
    background: #13A134;
}
.alert-settings-page .alert-select-inner {
    width: 240px;
    border: 1px solid #94979C;
}
.alert-settings-page .alert-select-inner select{
    width: 240px;
    background: #FFFFFF;
}
.alert-settings-page .alert-input {
    width: 150px;
    border: 1px solid #DDE1E5;
    height: 44px;
}
.alert-settings-page .section-title {
    font-size: 20px;
    color: #3A3A3A;
    font-weight: inherit;
}
.alert-settings-page .section-title i {
    font-size: 16px;
}
.alert-settings-page .section-subtitle, .alert-settings-page .alert-headline {
    font-size: 16px;
    color: #3A3A3A;
}
.alert-settings-page .alert-headline {
    font-weight: 400;
}
.alert-settings-page .user-info-wrapper .section-subtitle {
    margin-left: 2em;
}
.alert-settings-page i.icon-info-fjord {
    font-size: 16px;
    line-height: 24px;
    color: #3A3A3A;
}
.alert-settings-page .alert-item.collapsed .alert-headline {
    box-shadow: inherit;
}
.alert-settings-page .notification-type-label{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    align-items: normal;
}
.alert-settings-page .alert-input-value {
    border-radius: 4px;
}
.alert-settings-page .notification-icon-email:before {
    font-size: 15px;
}
.alert-settings-page .alert-subheader {
    color: #EE1C2E;
    font-size: 18px;
    width: 100%;
}
.alert-settings-page .XcelNaturalGasHighBillThreshold .fjord-info-tooltip-body,
.alert-settings-page .XcelElectricHighBillThreshold .fjord-info-tooltip-body,
.alert-settings-page .XcelElectricHighBill30Percent .fjord-info-tooltip-body,
.alert-settings-page .XcelGasHighBill30Percent .fjord-info-tooltip-body {
    bottom: calc(100% + 16px);
    top: inherit;
    border-top: inherit;
    border-bottom: 6px solid #005F83;
}
.alert-settings-page .XcelNaturalGasHighBillThreshold .fjord-info-tooltip-body:before,
.alert-settings-page .XcelElectricHighBillThreshold .fjord-info-tooltip-body:before,
.alert-settings-page .XcelElectricHighBill30Percent .fjord-info-tooltip-body:before,
.alert-settings-page .XcelGasHighBill30Percent .fjord-info-tooltip-body:before {
    transform: rotate(180deg);
    top: 100%;
}

@media screen and (max-width: 767px) {
    .alert-settings-page .p-headline {
        font-size: 24px;
    }
    .alert-settings-page .p-sl {
        font-size: 18px;
    }
    .alert-settings-page .confirm-wrapper {
        width: 100%;
    }
    #content .alert-settings-page .confirm-btn {
        width: 100%;
        max-width: inherit;
        margin-bottom: 7px;
    }
    .alert-settings-page .inline-select {
        margin: 5px 0;
    }
    .alert-settings-page .item-text i {
        margin-right: 10px;
    }
    .alert-settings-page .alert-subtitle {
        padding: 20px;
    }
}
/*End Alerts settings*/

/* Bill History */
.fjord-bill-history .fjord-page-top-img-container {
    background: url(/images/headers/bill-presentment956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-position: center 59%;
    background-size: cover;
    height: 150px;
}
.fjord-bill-history div.fjord-page-top-img-container img {
    display: none;
}
.billHistoryMeter .fjord-select:before,.fjord-bill-history .adresses-preview i:before{
    color: #797D82 !important;
}
.fjord-bill-history .fjord-select {
    border: 1px solid #94979C;
    border-radius: 4px;
    height: 40px;
    min-width: 240px;
}
#goal-switcher {
    text-transform: capitalize;
}
.fjord-bill-history #no-data-table {
    text-align: center;
    display: block;
}
.fjord-bill-history .date-selecte-icon::after {
    content: ' ';
    top: 11px;
    background-image: url(/images/icons/calendar-alt-red.svg);
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
}
.fjord-bill-history .hasDatepicker {
    width: 264px;
    height: 241px;
}
.fjord-bill-history  .bill-history-icon-box{
    background: url('/images/energy-target/box.png') no-repeat 0 0 /contain;
    height: 122px;
    width: 125px;
    margin: 20px auto;
}
.fjord-bill-history .no-data-body-title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    margin-bottom: 15px;
}
.fjord-bill-history .no-data-body-subtitle{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #333333;
}
.fjord-bill-history .button-container .tips-button{
    background: #EE1C2E;
    border-radius: 4px;
    width: 220px;
    height: 38px;
    font-family: Univers LT Std;
    font-size: 16px;
    line-height: 38px;
    color: #FFFFFF;
    margin: 20px auto 30px;
    text-transform: none;
}
.bill-presentment-view-bill-btn, .fjord-bill-history-show-all-rows-button{
    color: #097493;
}
.fjord-bill-history .download-graph-button-wrapper {
    background: url(/images/fjord_images/bill-history-download.png) no-repeat 20px center;
    height: 38px;
    width: 170px;
    margin-right: 15px;
    cursor: pointer;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #097493;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}
.content-act-myenergy-bill-presentment .download-graph-button-wrapper .btn-text-format {
    display: block;
}
.content-act-myenergy-bill-presentment .download-graph-button-wrapper .btn-text-format span.btn-title {
    text-transform: lowercase;
    letter-spacing: normal;
    font-weight: 900;
    text-align: left;
    color: #097493;
}
.content-act-myenergy-bill-presentment .download-graph-button-wrapper .btn-text-format .btn-title::first-letter {
    text-transform: uppercase;
}
.content-act-myenergy-bill-presentment .download-graph-button-wrapper span.formats {
    display: none;
}
.fjord-bill-history .download-graph-button-wrapper img {
    display: none;
}

.fjord-bill-history .dropdown-with-options .dropdown-menu-trigger {
    background: url(/images/fjord_images/bill-history-export.png) no-repeat 35px center;
    height: 38px;
    width: 170px;
    margin-right: 15px;
    cursor: pointer;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #097493;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}
.my-bill-highlights-graph-fjord-graph .justify-content-end{
    justify-content: flex-start !important;
}
.fjord-bill-history .dropdown-with-options{
    margin: 0;
    order: 2;
}
.fjord-bill-history .download-graph-box{
    order: 1;
}
.fjord-bill-history  .cost-details-table .t-head{
    font-weight: normal;
    color: #3A3A3A;
}
.fjord-bill-history .context-menu{
    left: 0;
}
.fjord-bill-history .bill-history-options .fjord-page-description{
    font-size: 24px;
}
/* END Bill History */

/* Edit account page */
.account-details .form-element-label.square,
.account-details .form-element-label.age,
.account-details .form-element-label.meter,
.account-details .form-element-label.text-label{
    font-size: 24px;
    color: #3A3A3A;
    margin: 0;
    line-height: 70px;
}
.account-details .footage_value,
.account-details .house_age_value,
.account-details .meter_type,
.account-details .text-value{
    width: auto;
    font-size: 16px;
    color: #3A3A3A;
    display: inline-block;
    padding-left: 34px;
}
.calc-width-text-value{
    word-break: break-all;
}
.fjord-page-top-img-container.edit-account img{
    display: none;
}
.fjord-page-top-img-container.edit-account{
    background: url(/images/headers/profile956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 50%;
    height: 150px;
}
.account-details .form-item label{
    font-size: 24px;
    color: #3A3A3A;
}
.fjord-content-inner .form-box select,
.fjord-content-inner .form-box input,
#form-element-unit_type .select select,
#poolheater_fields select {
    font-size: 16px;
    color: #3A3A3A;
    padding-left:  34px;
    padding-right: 20px;
}
.business-assessment-inner .component input[type="text"],
.fjord-assessment .component input[type="text"] {
    padding-left:  34px;
    padding-right: 20px;
}
.fjord-content-inner .form-box .property_type select {
    padding-right: 55px;
}
div.edit-square, div.edit-solar, div.edit-electric-vehicle {
    color: #0269A9;
    cursor: pointer;
}
.edit-square-footage input[type=submit]{
    cursor: pointer;
}
.account-details label.form-element-label, .form-element-label{
    width: 230px;
}
.account-details #form-element-unit_type .select select{
    width: 60%;
}
.account-details .fjord-account-address .select select[disabled="disabled"] {
    opacity: 1;
}
.account-details .fjord-account-address .form-element-label {
    float: none;
    display: inline-block;
}
.account-details select#unit_type,
.account-details select#unit_industry {
    padding-left: 30px;
}
.account-details .property-item{
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #3A3A3A;
    font-weight: normal;
}
.account-details .property-item span{
    font-size: 16px;
}
.account-details .property-item span.property-item-label {
    line-height: 70px;
    width: 230px;
    font-size: 24px;
    color: #3A3A3A;
    display: inline-block;
    font-weight: 500;
}
.account-details .property-item span.property-item-label:after {
    content: '\00a0';
}
.account-details .property-item span.property-item-address {
    padding-left: 34px;
    padding-right: 20px;
}
.account-details .evaluation-item[class*="col-"] {
    padding-right: 15px;
}
@media screen and (max-width: 550px) {
    .account-details .property-item span.property-item-address {
        display: block;
    }
}

.account-details .evaluation-status:before{
    color: #3A3A3A;
}
.account-details #form-element-zip label.form-element-label{
    text-transform: none;
}

.fjord-download-confirm-section .confirm-checkbox {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .account-details .footage_value,
    .account-details .house_age_value,
    .account-details .meter_type,
    .account-details .text-value,
    .account-details .property-item span.property-item-address {
        padding-left: 0;
    }
    .account-details .property-item span.property-item-label {
        line-height: 70px;
    }
    .address-item .property-item {
        align-items: self-start !important;
        flex-direction: column;
    }
    .form-element.text, .col-12.form-item.property-item {
        align-items: self-start;
    }
    .form-item .text-value {
        width: auto !important;
    }
    .fjord-account-address .col-12.form-item .form-element {
        padding-top: 16px;
    }
    .account-details select#unit_type,
    .account-details select#unit_industry,
    .account-details .fjord-content-inner .form-box select,
    .fjord-content-inner .form-box input,
    #form-element-unit_type .select select,
    #poolheater_fields select {
        padding-left: 0;
    }
    .account-details .form-item{
        height: auto;
        min-height: 90px;
    }
    .account-details .fjord-content-inner .form-box select,
    .fjord-content-inner .form-box input,
    #form-element-unit_type .select select,
    #poolheater_fields select {
        line-height: 19px;
    }
    .account-details .evaluation-title{
        font-size: 24px;
    }
    .account-details .evaluation-status{
        font-size: 16px;
    }
    .account-details .evaluation-status:before{
        color: #3A3A3A;
    }
    .edit-square-footage label.form-element-label,
    .edit-square-footage .fjord-content-inner input,
    .edit-square-footage input {
        width: 100% !important;
    }
}
@media screen and (max-width: 550px) {
    .account-details .form-item{
        min-height: 100px;
    }
    .account-details .form-item{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        line-height: 0;
        height: auto;
        min-height: 90px;
    }
    .account-details .evaluation-status{
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .account-details .text-value{
        padding: 0;
        line-height: 30px;
    }
    .account-details .form-element-label.text-label,
    .property-item .property-item-label {
        line-height: 30px !important;
    }
    .account-details .text-value,
    .property-item .property-item-address {
        line-height: 20px !important;
    }
    div.edit-square {
        line-height: 70px;
    }
}
/* End Edit account page */

/* energy-target */
.fjord-page-top-img-container.energy-target-img-container {
    height: 150px;
    background: url(/images/headers/energy-target956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 20%;
}
.fjord-page-top-img-container.energy-target-img-container img {
    display: none;
}
.energy-target-page .top-section #targetPage .header{
    font-size: 40px;
    line-height: 48px;
}
.energy-target-page .top-section #targetPage .plain-text{
    font-size: 24px;
    line-height: 29px;
}
.energy-target-page .top-section .header{
    font-size: 24px;
    line-height: 29px;
}
.energy-target-page .top-section .plain-text{
    font-size: 16px;
    line-height: 19px;
}
.energy-target-page .fjord-goal-popup .fjord-popup-block,
.energy-target-page .top-section-my-goal .my-goal-block,
.energy-target-page .my-goal-button .my-goal-get-started,
.energy-target-page #energy-target-pop-up .pop-up-box,
.energy-target-page #energy-target-pop-up .form-element input,
.energy-target-page #energy-target-pop-up #energygoalform .form-element.select select,
.energy-target-page .pop-up-buttons #save-goal,
.energy-target-page .my-goal-reduce-usage-button,
.energy-target-page .cost-detail {
    border-radius: 4px;
}
.energy-target-page .top-section-my-goal .my-goal-block{
    padding: 0.1px;
}
.energy-target-page .popup-goal-buttons #btn-yes.set-new-goal {
    border-radius: 4px;
    text-transform: initial;
    margin-top: 0;
}
.energy-target-page .popup-goal-buttons #btn-no.cancel-new-goal {
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    font-weight: 500;
    text-transform: initial;
    color: #3A3A3A;
    padding: 10px 0;
    height: 40px;
    margin-top: 10px;
}
.energy-target-page #energy-target-pop-up .pop-up-head {
    border-radius: 4px 4px 0 0;
}
.energy-target-page .pop-up-buttons .cancel-goal {
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    font-weight: 500;
    text-transform: initial;
    color: #3A3A3A;
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
}
.energy-target-page #targetPage .my-goal-group-block > .set-new-goal.exist.set-option {
    display: flex;
    align-items: center;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    padding: 5px;
    width: 126px;
    margin-bottom: 20px;
    color: #097493;
    cursor: pointer;
}
/* end energy-target */

.energy-target-page .cost-detail .button-container .tips-button {
    border-radius: 4px;
    text-transform: none;
}
.energy-target-page .col-auto.top-tips-link {
    width: 100%;
}
.energy-target-page .link_hidden {
    display: block;
    width: 160px;
    color: #005F83;
}
.energy-target-page .bottom-tips-link{
    display: none;
}
.energy-target-page .my-goal-block {
    margin-top: 70px;
}
.energy-target-page .my-goal-boby .set-new-goal.exist {
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    padding: 6px 12px;
    font-family: 'Univers LT Std', sans-serif;
    color: #097493;
    top: -170px;
    right: auto;
}
.energy-target-page .my-goal-boby .set-new-goal.exist .add-goal {
    background-color: #097493;
    height: 20px;
    width: 20px;
}
@media screen and (max-width: 768px) {
    .energy-target-page .top-section-my-goal .my-goal-block {
        margin-top: 70px;
    }
}
/* end energy-target */
/* Assessment */
.fjord-page-top-img-container.wizard-img-container .page-top-img {
    background: url(/images/headers/assessment956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 28%;
}
.overlay-restriction {
    background: rgba(0, 0, 0, 0.5);
    opacity: unset;
}
.overlay-restriction .restriction-message {
    border-top: 5px solid #FF1A58;
    line-height: 24px;
}
.overlay-restriction .restrict-message .button {
    background: #E4002B;
}
/* //Assessment*/
/* myplan/overview */
.fjord-myplan-overview .overview-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background: url(/images/headers/overview956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 95%;
}
.fjord-myplan-overview .overview-img-container .fjord-top-title:after {
    content: '';
    display: block;
    border-top: 5px solid #E4002B;
    width: 105px;
    margin: 16px auto 0;
}
.fjord-myplan-overview .fjord-content-inner {
    max-width: 980px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.fjord-myplan-overview #fjord-support-bar .fjord-support-bar-wrapper > div {
    display: none;
}
.savings-select-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}
.savings-select-wrapper .fjord-select-label {
    font-size: 16px;
}

#select-segment {
    cursor: pointer;
    box-shadow: none!important;
    font-size: 16px;
    font-family: Univers LT Std;
    color: #3D3E40;
    min-width: 240px;
}
#net-savings-over {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
    cursor: pointer;
}
#net-savings-over li {
    width: 160px;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    border: 1px solid #757575;
    padding: 10px 0 10px 0;
    color: #3A3A3A;
}
#net-savings-over li:hover {
    background: #EE1C2E;
    color: #ffffff;
}
.branding-hidden {
    display: none !important;
}
.fjord-tab-controls {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    padding: 20px 0 ;
}
#my-goal-branding {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
}
#my-goal-branding span{
    margin-bottom: 10px;
}
.my-goal-branding {
    border: 1px solid #757575;
    margin-top: 10px;
    padding: 10px 0 10px 0;
    font-size: 18px;
}
.my-savings-plan .ws-body {
    border-top: none;
    padding: 10px 15px 15px 15px;
}
.my-savings-plan .ws-body .reverse {
    display: flex;
    flex-direction: column-reverse;
}
.my-savings-plan .ws-body .reverse .link_update_home {
    color: #0F7A94;
    padding-bottom: 5px;
    border-bottom: 2px solid #FFC82C;
}
.my-savings-plan .ws-body .overview-version-maxroy .title-dollar-savings {
    display: none;
}
.my-savings-plan .ws-body .overview-version-maxroy .accuracy-info {
    font-family: Univers LT Std;
    font-size: 16px;
    line-height: 19px;
    color: #3A3A3A;
    order: 2;
}
.my-savings-plan .ws-body .overview-version-maxroy #roi-plan-container {
    display: flex;
    order: 2;
}
.my-savings-plan .ws-body .roi-plan-container {
    order: 2;
}
.my-savings-plan .ws-body .title-carbon {
    font-size: 16px;
    color: #3A3A3A;
}
.my-savings-plan .ws-body p {
    font-size: 18px;
    color: #333333;
}
.my-savings-plan .ws-body .total-carbon-lifetime {
    font-size: 18px;
    color: #333333;
}
.my-savings-plan .ws-body .total-carbon-value {
    font-size: 60px;
    font-weight: bold;
    color: #005F83;
}
.my-savings-plan .ws-body #health-info-wrapper p {
    display: none;
}
.my-savings-plan .ws-body #health-info-wrapper #fair {
    font-size: 60px;
    font-weight: bold;
    color: #005F83;
}
.savings-overview .title-savings-overview, .recomended-header .title-recomended {
    font-family: Univers LT Std;
    font-size: 24px;
    line-height: 29px;
    font-size: 24px;
    color: #3A3A3A;
    padding: 15px 0 15px 15px;
    border-bottom: 2px solid #E4E4E4;
}
.savings-overview .text-savings-overview, .recomended-description {
    font-size: 16px;
    color: #3A3A3A;
    padding: 15px 0 0 15px;
}
#savings-cost {
    display: none;
}
.my-plan-actions .reverse {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: space-between;
}
.my-plan-actions .overview-calculations {
    align-items: flex-start;
}
.my-plan-actions .reverse .savings-popup-trigger {
    font-size: 16px;
    color: #0F7A94;
    padding-bottom: 5px;
    margin-bottom: 30px;
}
.my-plan-actions .reverse .fjord-tab-switcher {
    width: 100%;
    margin-top: 20px;
}
.my-plan-actions .reverse .fjord-tab-switcher .no-gutters .action-tab-switcher {
    border-bottom: 2px solid #E4E4E4;
    margin: 20px 0 20px 0;
    padding: 0 30px 15px 30px;
    color: #3a3a3a
}
.my-plan-actions .reverse .fjord-tab-switcher .no-gutters .action-tab-switcher.selected {
    font-size: 14px;
    color: #EE1C2E;
    border-bottom: 2px solid #EE1C2E;
    margin: 20px 0 20px 0;
    padding: 0 30px 15px 30px;
}
.my-plan-actions .reverse .fjord-tab-switcher .no-gutters .action-tab-switcher:hover {
    font-size: 14px;
    color: #EE1C2E;
    border-bottom: 2px solid #EE1C2E;
    cursor: pointer;
}
/*Carbon images*/
.savings-overlay .carbon-image-wrapper,
.fjord-myplan-overview .carbon-rectangle{
    display: none;
}
.fjord-myplan-overview .carbon-image-wrapper{
    display: flex;
    flex-direction: row;
    background: white;
}
.fjord-myplan-overview .carbon-image-item{
    width: 316px;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
}
.fjord-myplan-overview .carbon-image-item:after{
    content: '';
    position: absolute;
    transform: translate(-50%, -50%);
    left: 100%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #94979C;
}
.fjord-myplan-overview .carbon-image-item:last-child:after{
    display: none;
}
.fjord-myplan-overview .carbon-image-item img{
    display: flex;
    align-self: center;
    order: 2;
    margin-top: 6px;
}
.fjord-myplan-overview .carbon-image-tip{
    display: flex;
    flex-grow: 1;
    font-size: 16px;
    color: #3A3A3A;
    align-items: center;
    max-width: 205px;
    width: 100%;
    align-self: center;
    justify-content: center;
    position: relative;
    font-style: normal;
    line-height: 1.5;
    text-align: center;
}
@media (max-width: 767px) {
    .fjord-myplan-overview .my-savings-plan .carbon-image-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .fjord-myplan-overview .my-savings-plan .carbon-image-item{
        height: 145px;
        justify-content: center;
    }
    .fjord-myplan-overview .carbon-image-item:first-child{
        justify-content: flex-start;
    }
    .fjord-myplan-overview .carbon-image-item:last-child{
        justify-content: flex-end;
    }
    .fjord-myplan-overview .carbon-image-item .carbon-image-tip{
        flex-grow: 0;
    }
    .fjord-myplan-overview .carbon-image-item:after{
        left: 50%;
        top: 100%;
    }
}
/*End Carbon images*/
.haus-container {
    display: flex;
    justify-content: space-around;
    margin: 20px 0 20px 0;
}
.haus-container .haus img {
    width: 110px;
}
.tip-info .haus-container .haus img {
    width: 16px;
}
.tip-info .icon-info-fjord:before {
    color: #000;
}
.overview-graph {
    display: block !important;
}
.fjord-myplan-overview .fjord-content-inner .fjord-page-description {
    margin-bottom: 20px;
}
.fjord-myplan-overview .fjord-content-inner .fjord-page-header {
    font-size: 36px;
    color: #3A3A3A;
    margin: 40px 0 23px;
}
.my-plan-actions .declined-container .wide-tab.declined-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 16px;
    margin: 40px 0 20px 0;
    background-color: #FFFFFF;
    border-radius: 4px;
}
.my-plan-actions .declined-container .wide-tab.declined-tab:after {
    content: "\271A";
    font: normal normal normal 14px/1 FontAwesome;
    color: #097493;
    font-size: 18px;
    font-weight: 600;
}
.my-plan-actions .declined-container .wide-tab.declined-tab div {
    color:  #3A3A3A;
    font-size: 24px;
}
.my-plan-actions .declined-container .wide-tab.declined-tab.selected:after {
    content: "\f068";
    font: normal normal normal 14px/1 FontAwesome;
    color: #097493;
    font-size: 18px;
    font-weight: 600;
}
.my-plan-actions .declined-container .wide-tab.declined-tab.selected div {
    color:  #3A3A3A;
}
.accuracy-value {
    color: #005F83;
    font-family: Univers LT Std;
    font-size: 20px;
    line-height: 19px;
}
#sel_period_content {
    display: flex;
    align-items: center;
}
.action-tab-switcher .action-tab-title {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}
.action-tab-switcher.selected .action-tab-title {
    font-weight: bold;
}
.action-tab-switcher .tab-mobile-icon {
    display: none;
}
.my-plan-actions .action-tab-subtitle {
    display: block !important;
    text-align: center;
}
.my-plan-actions .action-tab-subtitle-label {
    display: none;
}
.fjord-content-inner a.download-graph-button-wrapper {
    position: absolute;
    background: url(/images/fjord_images/bill-history-download.png) no-repeat 20px center;
    display: block !important;
    width: 160px;
    height: 35px;
    cursor: pointer;
    font-style: normal;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #097493;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
    margin-top: 40px;
}
.my-savings-plan .ws-body .overview-version-maxroy .accuracy-info-title {
    font-size: 18px;
    color: #333333;
    order: 4;
}
.my-savings-plan .ws-body .overview-version-maxroy .accuracy-info-title p {
    font-size: 14px;
}
.my-savings-plan .ws-body .overview-version-maxroy .accuracy-info-title hr {
    color: #DDE1E5;
}
.my-savings-plan .ws-body .overview-version-maxroy .roi-text{
    font-family: Univers LT Std;
    font-size: 16px;
    line-height: 19px;
    order: 1;
}
.fjord-myplan-overview .fjord-content-inner .roi-text a{
    color: #097493;
}
.fjord-myplan-overview .fjord-content-inner .download-graph-button-wrapper {
    font-family: Univers LT Std;
    font-style: normal;
    font-weight: 100;
    font-size: 16px;
    text-align: center;
    color: #097493;
}
.fjord-myplan-overview .tip-headline {
    font-size: 16px;
}
.fjord-myplan-overview .tips-category-title {
    font-size: 20px;
    color: #3a3a3a;
    margin-bottom: 10px;
}
.fjord-myplan-overview .btn-to-all-tips {
    text-transform: inherit;
    border: 0;
    border-radius: 4px;
    background: #EE1C2E;
    color: #FFFFFF;
    font-size: 16px;
    height: 38px;
    width: 210px;
    margin-top: 20px;
    font-weight: 400;
}
.fjord-myplan-overview #fjord-support-bar .fjord-support-box {
    border-radius: 4px;
    border-left: 4px solid #DA1020;
    font-size: 16px;
}
.fjord-myplan-overview #fjord-support-bar .fjord-support-bar-wrapper {
    padding: 48px 0 30px;
}
.fjord-myplan-overview #fjord-support-bar .fjord-support-title {
    display: none;
}
@media screen and (max-width: 767px) {
    .fjord-myplan-overview .overview-img-container {
        background-position: center 50%;
    }
    .fjord-myplan-overview .btn-to-all-tips {
        width: 100%;
        margin: 20px 10px;
    }
    .fjord-myplan-overview #fjord-support-bar .fjord-support-bar-wrapper {
        padding-top: 15px;
    }
    .my-plan-actions .action-tab-switcher-wrapper {
        flex-basis: auto;
    }
}
/*end myplan/overview*/

/*Bill Comparison pages*/
#content {
    background: #F6F8FB;
}
.energy-target-page.my-goal-new.fjord-content-inner {
    background: inherit;
}
.recommended-actions-container .fjord-tip .fjord-tip-footer {
    padding: 10px 0 0;
    line-height: normal;
}
.compare-contractor-wrapper .table-body-tr {
    font-family: Univers LT Std, Arial, Helvetica, sans-serif;
}
.fjord-compare-bills-img-wrapper {
    height: 150px;
    background: url(/images/headers/compare-bills956f8a3a1e6c05797e152fc2b2a0729b.jpg) no-repeat;
    background-size: cover;
    background-position: center 50%;
}
div.fjord-compare-bills-img-wrapper img {
    display: none;
}
.fjord-compare-bills-img-wrapper:after {
    width: 0 !important;
}
.fjord-compare-bills-img-wrapper .fjord-top-title {
    top: calc(50% - 10px);
}
.compare-contractor-wrapper .selectdiv {
    font-size: 16px;
}
.compare-contractor-wrapper .description {
    margin-bottom: 30px;
}
.compare-contractor-wrapper .selectdiv .E_fuel_type {
    background: #FFFFFF;
}
/*Styles for custom dropdown and icon in meters choice*/
#fuelTypeOption p {
    background-color: #ffffff;
    color: #333333;
    transition: background-color 0.3s, color 0.3s;
}
#fuelTypeOption p:hover {
    background-color: #0093ff;
    color: #ffffff;
}
.top-meter-selection #meter_selection {
    font-family: Arial, FontAwesome !important;
}
.select-label-new {
    font-size: 16px;
}
#fuelTypeOption {
    display: none;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: default;
    margin-top: 5px;
}
#fuelTypeOption p[id*='fuel-type-'] {
    font-family: Arial, FontAwesome !important;
    padding-left: 42px;
}
.after_select, .after_select * {
    z-index: 99;
}
.after_select {
    content: '';
    display: block;
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    background: transparent;
}
.compare-contractor-wrapper .meter-view-G_fuel_type:before {
    content: "\e91b";
    color: #797D82;
    font-family: 'icomoon', Arial, Helvetica, sans-serif;
    position: absolute;
    top: 38px;
    margin-left: 10px;
}
.compare-contractor-wrapper .axis-label {
    font-size: 16px;
    font-weight: normal;
}
.compare-contractor-wrapper .highcharts-axis-labels.highcharts-yaxis-labels {
    opacity: .5;
    font-weight: normal;
}
.compare-contractor-wrapper .highcharts-axis {
    display: none;
}
.compare-contractor-wrapper .highcharts-grid {
    opacity: .5;
}
.compare-contractor-wrapper .highcharts-grid path:nth-last-child(1) {
    opacity: .4;
}
.compare-contractor-wrapper .graph-view .switch-settings {
    display: none;
}

.compare-contractor-wrapper .table-view-position {
    display: table-row;
}
.compare-contractor-wrapper .desktop-view .graph-view-title {
    font-weight: normal;
}
.compare-contractor-wrapper .table-view-position .switch {
    position: relative;
    color: #097493;
    font-size: 16px;
    border: 1px solid #DDDBDA;
    padding: 10px 30px 10px 50px;
    border-radius: 4px;
    float: left;
}
.compare-contractor-wrapper .table-view-position .switch img {
    display: none;
}
.compare-contractor-wrapper .table-view-position .switch:before {
    position: absolute;
    left: 30px;
    top: 11px;
    content: "\f0ce";
    color: #097493;
    font-family: 'Font Awesome\ 5 Free', Arial, Helvetica, sans-serif;
    font-weight: 900;
}
.compare-contractor-wrapper .desktop-view .switch-table:before {
    position: absolute;
    left: 30px;
    top: 11px;
    content: "\f080";
    color: #097493;
    font-family: 'Font Awesome\ 5 Free', Arial, Helvetica, sans-serif;
    font-weight: 900;
}
.compare-contractor-wrapper .selectdiv:after {
    font: normal normal normal 10px/1 FontAwesome;
    color: #3D3E40;
    border-left: none;
}
.compare-contractor-wrapper .selectdiv .range-select {
    font-size: 16px;
    border: 1px solid #94979C;
    border-radius: 4px;
    padding: 0 40px 0 45px;
    background: #FFFFFF;
}
.compare-contractor-wrapper .table-header {
    font-size: 24px;
}
.compare-contractor-wrapper #summary-title {
    font-weight: normal;
}
.compare-contractor-wrapper #desktop-detail-title {
    font-weight: normal;
}
.compare-bills-energytips-description {
    font-size: 16px;
}
.recommended-view-more-wrapper .fjord-tip a {
    font-size: 16px;
}
.recommended-view-more-wrapper .tip-buttons {
    justify-content: center !important;
    margin-bottom: 5px;
}
.compare-contractor-wrapper #mobile-summary-title, .compare-contractor-wrapper .mobile-view-summary-title {
    font-weight: normal;
}
.compare-contractor-wrapper #mobile-detail-title, .compare-contractor-wrapper .mobile-view .detail-table .table-header th {
    font-weight: normal;
}
.mobile-view .table-view-position {
    border-bottom: none;
}
.mobile-view .table-view-position .graph-view {
    text-align: center;
    height: 60px;
}
.mobile-view .table-view-position .graph-view .switch {
    float: inherit;
    top: 10px;
}
.compare-contractor-wrapper .mobile-view .switch-settings {
    display: none;
}
.compare-contractor-wrapper .graph-first {
    border-top: none;
}
.compare-contractor-wrapper .desktop-view .table-body-region td {
    font-size: 16px;
    font-weight: 100;
}
.compare-contractor-wrapper .desktop-view .column-names {
    border-top: 0;
}
.compare-contractor-wrapper .table-view-position {
    border-bottom: 0;
}
#compare-bills-data-wrapper .desktop-view .summary-table .green-color {
    color: #006630;
}
#compare-bills-data-wrapper .desktop-view .summary-table .green-color:not(.zeros-impact):before {
    content: '-';
}
#compare-bills-data-wrapper .desktop-view .summary-table .red-color:before {
    content: '+';
}
.compare-contractor-wrapper .negative:before {
    content: '+';
}
.compare-contractor-wrapper .positive:not(.zeros-impact):before {
    content: '-';
}
#compare-bills-data-wrapper .summary-table .green-color,
#compare-bills-data-wrapper .summary-table .red-color,
#compare-bills-data-wrapper .summary-table .impact {
    font-size: 20px !important;
    font-weight: normal;
}
.impact.negative, .impact.positive {
    font-size: 20px !important;
    font-weight: normal;
}
.compare-contractor-wrapper .data-label {
    font-weight: 500;
}
.compare-contractor-wrapper #selected_bill, .compare-contractor-wrapper #compare_period_select {
    padding-left: 10px;
}
.compare-contractor-wrapper span.impact.positive.green-color:before {
    content: '+';
}
.compare-contractor-wrapper span.impact.positive.red-color:before {
    content: '-';
}
.compare-contractor-wrapper .column-names {
    font-size: 16px;
}
.compare-contractor-wrapper #empty-data .cost-detail-header {
    font-size: 24px;
    font-weight: normal;
}
.compare-contractor-wrapper .points-progress-bar-wrapper .pb-t1 {
    font-weight: 600;
}
.compare-contractor-wrapper #empty-data.empty-data-body .pb-t2 {
    display: block;
}
.compare-contractor-wrapper .button-container .tips-button {
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 16px;
}
.fjord-bill-compare-page .recommended-view-more {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 25px;
}
.fjord-bill-compare-page .recommended-view-more a {
    font-size: 16px;
}
.fjord-bill-compare-page .recommended-tips-header {
    font-size: 24px;
}
@media screen and (max-width: 767px) {
    .fjord-compare-bills-img-wrapper .fjord-top-title {
        white-space: nowrap;
    }
    .compare-bills-energytips-link {
        margin-top: 20px;
        margin-bottom: -15px;
    }
    .compare-contractor-wrapper #selected_bill {
        margin-bottom: 30px;
    }
    .compare-contractor-wrapper .description {
        font-size: 22px;
    }
    .compare-contractor-wrapper .table-view-position .switch:before {
        left: 80px;
    }
    .compare-contractor-wrapper .table-view-position .switch {
        padding: 10px 100px 10px 100px;
    }
    .recommended-actions-container .fjord-tip {
        margin-bottom: 30px;
    }
    .compare-contractor-wrapper .column-names {
        font-weight: 100;
    }
    .compare-contractor-wrapper .list-header-box-shadow-top {
        box-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px 0;
    }
    .compare-contractor-wrapper .list-header-box-shadow-bottom {
        box-shadow: rgba(0, 0, 0, 0.25) 0 -4px 4px 0;
    }
    .compare-contractor-wrapper .column-names .shadow-bottom:last-child {
        border-radius: 0 0 8px 8px;
    }
    .compare-contractor-wrapper .column-names .graph-first:first-child {
        border-top: 1px solid gray;
    }
    .compare-contractor-wrapper .axis-label {
        font-size: 12px;
        text-align: right;
    }
    .compare-contractor-wrapper .axis-label i.tooltip-trigger {
        margin-left: 90%;
    }
    .compare-contractor-wrapper .axis-label div {
        margin-bottom: 0;
    }
    .compare-contractor-wrapper .axis-label.mobile-label {
        width: 90px;
        margin-left: -40px;
        display: inline-block;
    }
    .compare-contractor-wrapper .mobile-summary-title .axis-label .mobile-label {
        margin-top: -5px;
    }
    .compare-contractor-wrapper .button-container .tips-button {
        padding: 13px 80px;
    }
    .fjord-bill-compare-page .recommended-tips-header {
        font-size: 20px;
    }
}
/*end Bill Comparison pages*/

/* dashboard */
.dashboard-fjord-popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(102, 102, 102, 1);
    z-index: 1000;
}
.dashboard-fjord-popup {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 420px;
    height: 100%;
    max-width: 420px;
    max-height: 450px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.dashboard-fjord-popup-img {
    width: 150px;
    height: 150px;
}
.dashboard-fjord-popup-title {
    font-size: 20px;
    color: #333333;
}
.dashboard-fjord-popup-description {
    font-size: 18px;
    color: #333333;
}
.dashboard-fjord-popup-button-container {
    background: #E4002B;
    padding: 10px 30px 10px 30px;
    border-radius: 4px;
}
.dashboard-fjord-popup-button {
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
.fjord-myplan-overview .fjord-tab-content .no_items {
    display: none;
}
@media (max-width: 767px) {
    .dashboard-fjord-popup {
        width: 320px;
    }
    .dashboard-fjord-popup-description {
        text-align: center;
    }
}
/* end dashboard */

.get-assistance-wrapper {
    margin-top: 15px;
}
.get-assistance-wrapper .optionBox {
    margin-right: 20px;
    height: 50px;
    width: 100%;
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 4px;
    background-color: transparent;
}
.get-assistance-wrapper .optionBox img,
.get-assistance-wrapper .optionBox h4 {
    display: none;
}
.get-assistance-wrapper .optionBox .form-button-wrapper {
    margin: 0;
}
.get-assistance-wrapper .optionBox .form-button-inner {
    width: 100%;
}
.get-assistance-wrapper .optionBox .form-button {
    width: 100%;
    box-shadow: none;
}
.get-assistance-wrapper .optionBox .get-assistence-button {
    white-space: initial;
    width: 100% !important;
    height: 100%;
    line-height: 50px;
    justify-content: left;
    padding: 0 16px;
    border-left: 6px solid #DA1020;
    background: #fff;
    color: #3A3A3A;
    border-radius: 4px;
    position: relative;
}
.get-assistance-wrapper .optionBox .get-assistence-button:after {
    content: '>';
    position: absolute;
    right: 16px;
    transform: scale(0.7,1.6);
}
.get-assistance-wrapper .optionBox[data-show=my-action-list-equipment-banner],
.get-assistance-wrapper .optionBox[data-show=my-action-list-financing-banner] {
    display: none;
}
.fjord-myplan-overview .fjord-tab-content .no_items .section {
    margin: 25px 0 !important;
    background-color: transparent !important;
    color: #3A3A3A;
    padding: 0 !important;
}
.fjord-myplan-overview .fjord-tab-content .no_items .section h1 {
    color: #005F83;
    font-weight: normal;
    font-size: 24px;
    line-height: initial;
}
.fjord-myplan-overview .fjord-tab-content .no-actions-buttons-wrapper {
    display: none;
}
.fjord-myplan-overview .fjord-tab-content .no_items .title h1 {
    font-weight: normal;
    font-size: 24px;
    text-align: left;
    color: #3a3a3a;
}
.fjord-myplan-overview .completed-wrapper .section h1 {
    display: none;
}

@media screen and (max-width: 767px) {
    .fjord-myplan-overview .fjord-tabs-wrapper {
        max-width: 95%;
        margin: 0 auto;
    }
    .fjord-myplan-overview .get-assistance-wrapper {
        flex-wrap: wrap;
    }
}

/* XCEL-351 */
#contact fieldset#fieldset-submit_cancel {
    display: block;
}
/* XCEL-351 */
/*XCEL-560*/
.fjord-action-plan .fjord-page-header{
    text-align: left;
    margin: 40px 0 23px;
    margin-top: 32px;
}
/*XCEL-560*/
/*XCEL-616*/
@media screen and (max-width: 550px){
    .account-details .footage_value, .account-details .house_age_value, .account-details .meter_type {
        height: 19px;
        width: 100%;
        line-height: 19px;
        padding: 0;
    }
    .account-details .form-element-label.square, .account-details .form-element-label.age, .account-details .form-element-label.meter{
        font-size: 24px;
        line-height: 29px;
    }
    .account-details label.form-element-label, .form-element-label{
        width: 100%;
        font-size: 24px;
        line-height: 29px;
    }
    .fjord-content-inner .form-box select,
    .fjord-content-inner .form-box input,
    #form-element-unit_type .select select,
    #poolheater_fields select {
        padding: 0;
    }
}
/*end XCEL-616*/
/*XCEL-736*/
#dashboard .fjord-page-header{
    text-transform: capitalize;
}
/*end XCEL-736*/
/*XCEL-748*/
.wizard-img-container + .fjord-content-inner .goal-card[data-segment="3"] .goal-img-wrapper {
    background: url(/images/audit/wizard/health-mommy-and-daddy-little-angel.png) no-repeat bottom /cover;
}
/*end XCEL-748*/
/* XCEL-588 */
#fjord-chart-block .download-graph-button-wrapper::after {
    position: absolute;
    content: '\f0d7';
    font: normal normal normal 20px/1 FontAwesome;
    right: 15px;
    color: #097493;
}
#fjord-chart-block #context-menu {
    width: 170px;
}
/*end XCEL-588*/
/* IP-7275 */
.appliance-wrapper-inner .single-appliance-item .appliance-row-label,
.appliance-wrapper-inner .single-appliance-item .appliance-row-custom-label {
    display: none !important;
}
/* // IP-7275 */
#fjord-find-contractors .w-body {
    padding: 0;
}
#fjord-find-contractors .description {
    margin: 15px;
}
#fjord-find-contractors .w-footer {
    width: 100%;
}
/* XCEL-1101 */
#mybill-history-wrapper #fjord-chart-block.usage-detail-wrapper .show-weather:after,
#time-selector .selectdiv:after {
    position: absolute;
    height: 38px;
    width: 40px;
    right: 3px;
    top: 1px;
    padding: 10px 10px 10px 15px;
    color: #3D3E40;
    content: '\f0d7';
    font: normal normal normal 20px/1 FontAwesome;
    pointer-events: none;
    text-align: left;
}
/* end XCEL-1101 */
/* XCEL-1188 */
#billhistory-spending-chart-area #fjord-billhistory-spending-chart-area .billhistory-spending-widget-wrapper .total-spending {
    font-family: 'Univers LT Std', sans-serif !important;
}
/* end XCEL-1188 */
/* XCEL-1234 */
.ui-widget.ui-widget-content.ajaxError-dialog{
    border-top: 8px solid #DA1020;
}
.ui-dialog.ajaxError-dialog .ui-dialog-title {
    font-family: Univers LT,Arial,Helvetica,sans-serif;
    line-height: 31px;
    color: #3A3A3A;
}
.ui-dialog.ajaxError-dialog .ui-dialog-content {
    font-family: Univers LT,Arial,Helvetica,sans-serif;
    color: #3A3A3A;
}
.ui-dialog.ajaxError-dialog .ui-dialog-buttonpane button {
    height: 38px;
    width: 170px;
    min-width: 170px;
    background: #EE1C2E;
    border-color: #EE1C2E;
    border-radius: 4px;
}
/* end XCEL-1234 */
/*XCEL-2479*/
.odr-btn-wrapper .odr-get-data.register {
    text-transform: none;
}
/*end XCEL-2479*/
.alert-settings-page .message_settings_form.without_hurs fieldset:last-of-type .fjord-info-tooltip-body {
    bottom: calc(100% + 16px);
    top: auto;
    border-top: none;
    border-bottom: 6px solid #005F83;
}
.message_settings_form.without_hurs fieldset:last-of-type .fjord-info-tooltip-body:before {
    display: none;
}
.message_settings_form.without_hurs fieldset:last-of-type .fjord-info-tooltip-body:after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 18px 18px;
    border-color: transparent transparent #015E9F transparent;
    transform: rotate(180deg);
}
.alert-settings-page .message_settings_form.without_hurs fieldset:last-of-type .fjord-info-tooltip-body:after {
    border-bottom-color: #005F83;
    left: calc(50% - 18px);
    bottom: -20px;
}
.alert-settings-page .message_settings_form.with_hurs fieldset:nth-last-of-type(2) .fjord-info-tooltip-body {
    bottom: calc(100% + 16px);
    top: auto;
    border-top: none;
    border-bottom: 6px solid #005F83;
}
.message_settings_form.with_hurs fieldset:nth-last-of-type(2) .fjord-info-tooltip-body:before {
    display: none;
}
.message_settings_form.with_hurs fieldset:nth-last-of-type(2) .fjord-info-tooltip-body:after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 18px 18px;
    border-color: transparent transparent #015E9F transparent;
    transform: rotate(180deg);
}
.alert-settings-page .message_settings_form.with_hurs fieldset:nth-last-of-type(2) .fjord-info-tooltip-body:after {
    border-bottom-color: #005F83;
    left: calc(50% - 18px);
    bottom: -20px;
}
.translated-ltr[lang="es"] .fjord-myplan-overview .page-total-title,
.translated-ltr[lang="es"] .fjord-myplan-overview .top-title-text,
.translated-ltr[lang="es"] .nav_li_1 a[href="/myplan/overview"] {
    visibility: hidden;
}
.translated-ltr[lang="es"] .fjord-myplan-overview .top-title-text {
    position: relative;
}
.translated-ltr[lang="es"] .fjord-myplan-overview .page-total-title:before,
.translated-ltr[lang="es"] .fjord-myplan-overview .top-title-text:before,
.translated-ltr[lang="es"] .nav_li_1 a[href="/myplan/overview"]:after {
    content: 'Plan de Acción';
    position: absolute;
    visibility: visible;
}
.translated-ltr[lang="es"] .fjord-myplan-overview .top-title-text:before {
    left: 20px;
}
.translated-ltr[lang="es"] .nav_li_1 a[href="/myplan/overview"]:after {
    left: 0;
}
.translated-ltr[lang="es"] .js-nav-system__subnav li:hover a[href="/myplan/overview"]:before {
    visibility: visible;
}
#content .fjord-page-header,
#content .content-inner > h1,
#content .fjord-get-starting-landing-46 h1,
#content .landing-page-wrapper h1,
#content .compare-contractor-wrapper .title,
#content .alert-settings-page .p-headline {
    font-size: 40px;
    font-weight: 400;
    line-height: 52px !important;
    color: #333;
}
#content .fjord-page-description,
#content .fjord-page-description p,
#content #mybill-history-wrapper .billhistory_description,
#content .compare-contractor-wrapper .description,
#content .alert-settings-page .p-sl,
#content .page-description,
#content .landing-description,
#content .assessment-description {
    font-size: 24px;
    font-weight: 400;
    line-height: 31px !important;
    color: #333;

}
@media (max-width: 768px) {
    .translated-ltr[lang="es"] .nav_li_1 a[href="/myplan/overview"]:after {
        left: 40px;
    }
}
@media (max-width: 767px) {
    .message_settings_form fieldset:last-of-type .fjord-info-tooltip-body:after {
      left: auto !important;
      right: 12px;
    }
    .message_settings_form.with_hurs fieldset:nth-last-of-type(2) .fjord-info-tooltip-body:after {
        left: auto !important;
        right: 12px;
    }
    #content .fjord-page-header,
    #content .content-inner > h1,
    #content .fjord-get-starting-landing-46 h1,
    #content .landing-page-wrapper h1,
    #content .compare-contractor-wrapper .title,
    #content .alert-settings-page .p-headline {
        font-size: 24px;
        font-weight: 400;
        line-height: 31px !important;
        color: #333;
    }
    #content .fjord-page-description,
    #content .fjord-page-description p,
    #content #mybill-history-wrapper .billhistory_description,
    #content .compare-contractor-wrapper .description,
    #content .alert-settings-page .p-sl,
    #content .page-description,
    #content .landing-description,
    #content .assessment-description {
        font-size: 20px;
        font-weight: 400;
        line-height: 26px !important;
        color: #333;

    }
}

#custom_google_translate_element {
    right: 8px;
    top: 8px;
}


/* Bdr-info */
.fjord-programs-bdr-info .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.fjord-programs-bdr-info .img-container {
    display: flex;
    margin: 40px auto 20px;
    justify-content: center;
    align-items: flex-end;
}
.fjord-programs-bdr-info .bdr-info-img {
    padding-left: 8px;
    padding-right: 8px;
}
.fjord-programs-bdr-info .bdr-info-img > img {
    width: 100%;
    max-width: 120px;
}
#content .fjord-programs-bdr-info .fjord-page-header {
    font-size: 24px;
    font-weight: 500;
    line-height: 1 !important;
}
#content .fjord-programs-bdr-info .fjord-page-description p {
    font-size: 16px;
    font-weight: 100!important;
    line-height: 1.5 !important;
}

/* //Bdr-info */