.fjord-page-wrapper-energy-tips .fjord-tip {
    border-top: 12px solid #376B9E;
    margin: 20px 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;
}
.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: 0px 0 20px 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;
}
.fjord-page-wrapper-energy-tips #search-rebates {
    color: #ccc;
    background: #666666;
    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: 25px;
}

.fjord-action-plan {
    padding-top: 20px;
}
.fjord-action-plan .tip-buttons {
    display: none;
}
.fjord-action-plan .fjord-tip {
    border-top: 12px solid #376B9E;
}
.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: 15px 0 10px 0;
}
.fjord-action-plan .to-do-list .li-counter:before {
    content: 'Step ';
}
.fjord-action-plan .energy-tips-to-do-list-block .ws-title {
    text-transform: lowercase;
}
.fjord-action-plan .energy-tips-to-do-list-block .ws-title:first-letter {
    text-transform: uppercase;
}
.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;
    margin-top: 15px;
}
.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-top: 25px;
}
.fjord-page-wrapper-energy-tips .load-more-button {
    border-radius: 4px;
    text-transform: capitalize;
    width: 160px;
}
.fjord-page-wrapper-energy-tips .load-more-button {
    display: block;
    margin-bottom: 20px;
}
.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;
}

@media screen and (max-width: 767px) {
    #content .fjord-content-inner {
        width: 95%;
        max-width: 570px;
    }
    .fjord-page-wrapper-energy-tips .load-more-button-wrapper,
    .fjord-page-wrapper-energy-tips .load-more-button {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #content .fjord-content-inner {
        width: 95%;
    }
}
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, #fjord-lessmonths-widget .widget-content-simple-list li,
.fjord-action-plan .ws-list-val, .fjord-action-plan .li-counter, .assessment .fjord-top-title, .assessment .fjord-content-inner .fjord-page-header, .assessment .tiles-parent .tile .goal-cart-title,
.assessment .tiles-parent .tile .goal-card-description, .assessment .fjord-red-btn, .assessment .fieldset-component .component legend, .assessment .audit-additional-info label, .assessment .audit-additional-info input, .d-h-any-check-box-label, .component .label.idha-label, div.select[id*="_yes_no"] .label
.assessment .component select, .audit-form-previous {
    font-family: 'Roboto', sans-serif !important;
}
.fjord-page-header {
    display: none;
}
.fjord-page-description {
    margin-top: 15px;
    font-size: 16px;
}
select#itemsperpage-select, select#calculations-select, select#jumpto-select, select#compare-period-select, .audit-form select:not(.show-hide-tip) {
    background: #fff url(/images/icon_arrow-down-green.png) no-repeat 96% 50%;
    background-size: 7px;
}
/* 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;
}
/* CFC-660 */
#content #topSectionContentBillHistory .form-box-content input {
    min-width: 240px;
    width: 240px;
    margin-left: 0 !important;
}
/* end CFC-660 */
.fjord-assessment .component .billhistory input[type="text"] {
    padding-left: 30px;
}
#content .content-wrapper {
    background: #F5F5F5;
}

.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;
}
.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 #497399;
    border-radius: 4px;
    background: #5082AF;
    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 .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: #376B9E;
    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: #376B9E;
}
.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: #376B9E;
    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: #376B9E;
    border: 1px solid #376B9E;
    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 .component .form-element-label {
    color: #696969;
    padding: 10px 0;
}
.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: 30px;
    font-size: 18px;
    color: #696969;
    margin-bottom: 20px;
}
.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;
}
.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;
}
.assessment .prefix-box-content {
    font-size: 16px;
}
/* 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;
}
.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: #376B9E;
    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 #00789E;
    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: #00789E;
    padding: 6px 0 0 0;
    text-align: left;
}
.fjord-assessment #topSectionContentAppliancesandEquip .component .label.idha-label {
    display: inline-block;
    padding-left: 10px;
}
.fjord-assessment .d-h-any-check-box-label,
.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: #00789E;
}
.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: block;
}
.top-section-body .form-box.box-shadow .form-box-content.half.cbReplace-parent{
    padding: 0;
}
.fjord-assessment .component .form-box-content.half.cbReplace-parent:not(.as_checkbox) .cbReplace {
    height: auto;
    width: auto;
    justify-content: inherit;
}
.fjord-assessment .component .form-box-content.half.cbReplace-parent:not(.as_checkbox) .cbReplace .form-element-label::before {
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block;
    content: "\f096";
    color: #333333;
    position: relative;
    right: 8px;
}
.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 #376B9E !important;
}
.audit-form .form-box-content.half.cbReplace-parent.selected input[type="checkbox"]:checked + .form-element-label::before{
    content: "\f14a";
    color: #376B9E;
}
.component .cbReplace-parent:first-child{
    padding: 10px 0;
}
.cbReplace-parent .cbReplace .checkbox{
    justify-content: center;
}
.component .bar-grey-thick{
    font-size: 24px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #005984;
}
.occupant-right .form-box.box-shadow, .question .form-box.box-shadow{
    display: flex;
    flex-direction: column !important;
}
.fjord-assessment .component #Dryer-wrapper .form-box-content .tool-tip,
.fjord-assessment .component #WaterHeater-wrapper .form-box-content .tool-tip {
    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) {
    .form-item {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #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: block;
    }
    .fjord-assessment .component .form-box.box-shadow .form-box-content.half.cbReplace-parent {
        height: auto;
        width: 255px;
        max-width: 255px;
        margin-right: 0;
        margin-bottom: 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;
    }
    .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 #376B9E;
    }
    .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 8px;
    }
    .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: auto;
        width: 100%;
        max-width: 100%;
        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 #376B9E;
    }
    .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;
    }
}
/* CFC-70 quick form tab 4 */
#quickform .component .bar-grey-thick, #quickform .appliance > .appliance-row-label {
    font-weight: 400;
}
#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;
}

/* Commented because it caused a bug on IP-8226 */
/* #quickform #Washer-wrapper {
    display: flex;
} */

#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 #376B9E;
}
#quickform .c-d-fuel-type a.active span {
    background: #376B9E !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 CFC-70 */
/* end audit/wizard */
/* datepicker */
.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-family: Roboto, sans-serif;
    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%;
}
.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;
}
/* end datepicker */
/*My Bill History*/
.fjord-bill-history .fjord-page-top-img-container{
    height: 240px;
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
}
.fjord-bill-history .fjord-page-top-img-container img {
    display: none;
}
.fjord-bill-history .fjord-page-top-img-container .fjord-top-title::after {
    display: none;
}
.fjord-bill-history .fjord-page-header{
    margin: 0;
}
#content .fjord-bill-history .bill-history-options .fjord-page-description{
    display: block;
}
.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;
}
.fjord-bill-history .download-graph-button-wrapper img {
    display: none;
}
.fjord-bill-history .dropdown-with-options .dropdown-menu-trigger {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    justify-content: center;
    font-size: 16px;
    line-height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #376B9E;
    width: 240px;
    height: 40px;
}
.fjord-bill-history .dropdown-with-options .dropdown-menu-trigger::before {
    content: "\f56e";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    line-height: inherit;
    height: 100%;
    padding-right: 5px;
}
.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 .fjord-tip {
    border-top: 12px solid #376B9E;
}
.tip-buttons.justify-content-around {
    justify-content: center !important;
}
.fjord-tip .tip-action-btn {
    display: flex;
}
.fjord-bill-history .adresses-preview i:before{
    color: #94979C !important;
}
.points-progress-bar-wrapper .button-container #tips-button {
    background: #5082AF;
}
/*My Bill History End*/
/*Login popup*/
#fjord1-login-popup #login-con .red-btn{
    height: auto;
}
/*Login popup*/

/* myplan/overview */
.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;
}
/* CFC-147 */
.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: 20px;
    margin: 40px 0 0 0;
    font-weight: normal;
    background: #FFFFFF;
}
.fjord-myplan-overview .show-tips-category {
    display: flex;
    justify-content: space-between;
    order: 1;
    margin-bottom: 20px;
}
.fjord-myplan-overview .half-tip {
    padding-bottom: 20px;
    width: 47%;
}
.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: 20px;
    background: #FFFFFF;
}
.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;
}
/* end CFC-147 */
#select-container {
    margin-top: 10px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #94979C;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 45px;
    min-width: 200px;
    overflow: hidden;
    padding: 0 0 0 8px;
}
#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;
}
#roi-plan-container .highcharts-axis-labels tspan{
    font-size: 16px;
    fill: #333333 !important;
}
.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-family: Roboto;
    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{
    padding: 19px 20px;
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    border-bottom: 1px solid #E4E4E4;
}
.text-savings-overview{
    padding: 19px 20px;
    margin: 0;
    display: none;
}
.maxroi .text-savings-overview{
    display: block;
}
.my-savings-plan .ws-body{
    border-top: none;
}
.fjord-myplan-overview .fjord-page-header.recomended-header{
    display: block;
}
.fjord-myplan-overview .fjord-page-header.recomended-header .download-button{
    display: none;
}
.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: 10px;
    padding: 0 5px;
}
.my-plan-actions .savings-popup-trigger{
    /* display: none;*/
}
.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: 500;
}
/* CFC-510 */
.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;
}
/* end CFC-510 */
.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-color: #376B9E;
}
.fjord-myplan-overview .tip-headline{
    font-size: 16px;
    font-weight: normal;
    min-height: 63px;
}
.fjord-myplan-overview .tip-info .ws-title{
    font-size: 20px;
    font-weight: normal;
}
.fjord-myplan-overview .tip-info .ws-list{
    font-size: 16px;
}
.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;
}
.more-tips-wrapper .fjord-tip{
    padding-bottom: 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;
}

.btn-to-all-tips{
    color: white;
    background: #5082AF;
    border: 1px solid #497399;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px 15px;
}
.more-tips-wrapper .fjord-page-header{
    display: block;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0;
}
.more-tips-wrapper .fjord-page-description p{
    margin-top: 0;
}
.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;
}

.my-savings-plan .haus-container{
    display: flex;
}
.my-savings-plan #health-info-wrapper .haus{
    margin: 0 8px;
}
.my-savings-plan #health-info-wrapper #fair{
    font-size: 48px;
    color: #376B9E;
}
/*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: 292px;
    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: #CCC;
}
.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;
    height: 64px;
}
.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: 992px) {
    .fjord-myplan-overview .carbon-image-item:after{
        width: 8px;
        height: 8px;
    }
}
@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*/
.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 #376B9E;
    border-radius: 4px;
}
.fjord-stretch-btn{
    background: #5082AF;
    border: 1px solid #497399;
    box-sizing: border-box;
    border-radius: 4px;
    color: white;
    font-weight: normal;
}
.fjord-myplan-overview .fjord-popup-buttons-wrapper {
    max-width: 176px;
}
.fjord-myplan-overview #footer-popup{
    display: block;
}
.savings-info-section-2{
    display: none;
}
.savings-info-section-1 .fjord-popup-headline{
    display: none;
}
.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;
}
.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/my-plan-carbon-blue.png') no-repeat 0 0/contain;
    width: 100%;
    max-width: 824px;
    height: 124px;
    margin: 0 auto;
}
/* CFC-573 */
.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;
}
/* END CFC-573 */
@media screen and (max-width: 1024px) {
    .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/my-plan-tablet-carbon-image-blue.png") no-repeat 0 0/contain;
        width: 100%;
        max-width: 535px;
        height: 124px;
        margin: 0 auto;
    }
    .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 .tip-buttons{
        max-width: none;
    }
    .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;
    }
    .overview-calculations .action-tab-switcher.selected{
        background: #FBFBFB;
    }
    .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{
        flex-direction: column;
        margin-top: -20px;
    }
}
@media screen and (max-width: 767px) {
    .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 .my-savings-plan.carbon .carbon-rectangle{
        background: url("/images/my-plan-mobile-carbon-image-blue.png") no-repeat 0 0/contain;
        max-width: 205px;
        height: 434px;
    }
}
/* //myplan/overview  .fjord-myplan-overview */
/* CFC-419 */
.fjord-myplan-overview #fjord-support-bar{
    display: none;
}
/* end CFC-419 */
.fjord-page-top-img-container.wizard-img-container {
    background-image: url(../images/fjord_images/8-assessment.png);
}
.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 #376B9E;
}
.goal-card.selected .goal-card-body{
    background: #376B9E;
    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-house-money1.png) no-repeat bottom /cover;
    background-position-x: right;
}
.goal-card[data-segment="1"] .goal-img-wrapper {
    background: url(/images/audit/wizard/reduce-carbon-footprint.png) no-repeat bottom /cover;
    background-position-x: right;
}
.goal-card[data-segment="3"] .goal-img-wrapper {
    background: url(/images/audit/wizard/health-mommy-and-daddy-little-angel.png) no-repeat bottom /cover;
    background-position-x: right;
}
.fjord-goal-popup.goal-confirm-popup .popup-goal-buttons #btn-no.cancel-new-goal,
.fjord-goal-popup.goal-confirm-popup .popup-goal-buttons #btn-yes.set-new-goal {
    width: 100%;
}
.wizard-container .goal-card-body {
    min-height: 152px;
    height: 152px;
    padding: 10px;
}
.wizard-container .radio-btn {
    position: absolute;
    top: calc(152px/2);
    border: none;
}
.wizard-container .next-btn.fjord-stretch-btn{
    background: #5082AF;
    border: 1px solid #497399;
    box-sizing: border-box;
    border-radius: 4px;
    text-transform: capitalize;
}
.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;
    margin: 16px 0;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    #content .fjord-content-inner.wizard-container {
        max-width: 700px;
    }
    .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(170px/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){
    .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;
    }
    .wizard-container .next-btn.fjord-stretch-btn{
        margin: 25px 0;
    }
}
/* User Dashboard CFC-167 */
#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 {
    font-family: FontAwesome !important;
    padding: 0;
}

.w-item .w-header .fjord-solo-tab::before {
    content: "\f0e7";
    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;
    max-height: 56px;
}

.w-item .w-inner {
    height: calc(100% - 96px) !important;
}

.w-item .top-block {
    height: 168px;
    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 {
    font-size: 16px;
}

/* Cost Breakdown */
#billhistory-disagg-chart-area #hc_mySpending {
    margin: 0 auto;
}

/* Bill History */
#fjord-mybill .column-box {
    max-width: 72px;
    margin: 0 auto;
}
#fjord-mybill .bill-tabs .current-month {
    display: none;
}
#fjord-mybill.w-item {
    overflow: visible;
}
#fjord-mybill.w-item .fjord-info-tooltip {
    display: block;
    margin-right: 10px;
    line-height: normal;
}
#fjord-mybill .fjord-info-tooltip-body {
    max-width: 230px;
}
#fjord-mybill.w-item .w-header-icons {
    flex-direction: row-reverse;
}
#fjord-mybill .fjord-info-tooltip > i {
    display: block;
    font-size: 16px;
    color: #333;
}
@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%;
    }
}
@media (max-width: 767px) {
    #fjord-mybill .fjord-info-tooltip-body {
        max-width: 200px;
    }
}
@media  (max-width: 360px) {
    #fjord-mybill .w-header-icons i {
        font-size: 14px;
    }
    #fjord-mybill .fjord-widget-tab-controls .icon-i {
        padding: 3px 8px;
    }
    #fjord-mybill.w-item .fjord-info-tooltip {
        margin-right: 5px;
    }
}
/* 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;
}

#fjord-has-nothing-my-plan-widget .seasonishere-footer .widget-btn {
    position: relative;
    top: 10px;
}

#fjord-saving-plan-widget .comfort-title {
    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 .total-carbon-lifetime,
#fjord-saving-plan-widget #net-savings-total {
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}

/* Home Energy Report */
#fjord-hurs-widget-ouc .w-inner {
    display: flex;
    justify-content: center;
}

#fjord-hurs-widget-ouc .w-inner img {
    width: auto;
    height: 250px;
    margin-top: 0;
}

#fjord-hurs-widget-ouc .w-footer {
    display: block !important;
    border: none;
}

#fjord-hurs-widget-ouc .w-footer a {
    position: relative;
    bottom: 15px;
}

/* Find Contractor */
#fjord-find-contractors h4.title {
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}

#fjord-find-contractors .w-body {
    padding: 0;
    height: calc(100% - 185px);
    align-content: space-between;
}
#fjord-find-contractors .w-footer {
    width: 100%;
}

#fjord-find-contractors p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 15px;
}

#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: 5px;
    left: 0;
}

#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;
}
#fjord-seasonishere-widget .slick-prev,
#fjord-seasonishere-widget .slick-next {
    z-index: 10;
    bottom: 0;
    margin: 17px;
    top: auto;
}
#fjord-seasonishere-widget .slick-prev:before,
#fjord-seasonishere-widget .slick-next:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    opacity: 1;
}
#fjord-seasonishere-widget .slick-prev {
    left: 0;
}
#fjord-seasonishere-widget .slick-next {
    right: 0;
}
#fjord-seasonishere-widget .slick-prev:before {
    content: "\f053";
    left: 0;
}
#fjord-seasonishere-widget .slick-next:before {
    content: "\f054";
    right: 0;
}
#fjord-seasonishere-widget .slick-slider {
    position: static;
}

/* Rewards */
#fjord-rewards-widget .reward-description,
#fjord-rewards-widget .reward-points-label {
    font-size: 16px;
    line-height: 24px;
}

#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;
    font-weight: normal;
}

/* Goal */
#fjord-my-goal-widget .my-goal-boby-title,
#fjord-my-goal-widget .my-goal-body-subtitle br {
    display: none;
}
/* CFC-685 */
#targetPage .energy-target-chart-block, #targetPage .my-goal-chart-new-legend {
    padding: 0 16px;
}
/* end CFC-685 */
/* CFC-268 fixed reward-popup */
.reward-popup .not-enough-points.disable-redeem {
    background: #CCCCCC;
    color: #797D83;
    border: 1px solid #CCCCCC;
}
/* end CFC-268 */
/* CFC-678 */
.fjord-header-account-info.account-info .user-account-val {
    margin-left: 4px;
}
/* end CFC-678 */
.fjord-header-account-info {
    background: #599FCF;
    padding: 10px 30px 10px 0 !important;
    align-items: flex-end;
    justify-content: flex-end;
}
.user-account-id, .user-account-address {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.edit-account .fjord-page-description{
    margin-top: 32px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
.edit-account .form-box{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.top-img-container.fjord-alerts-img-wrapper {
    height: 240px;
    background: rgba(0, 0, 0, 0.5);
}
.fjord-page-top-img-container.edit-account img,
.top-img-container.fjord-alerts-img-wrapper img {
    display: none;
}
.fjord-page-top-img-container.edit-account .fjord-top-title:after,
.top-img-container.fjord-alerts-img-wrapper .top-title::after {
    display: none;
}

/* CFC-4 */
.alert-settings-page .p-headline, .alert-settings-page .big-button.collapse-all-button, .alert-settings-page .top-alert, .all-alerts-switcher-wrapper.section {
    display: none !important;
}
.content-wrapper, #alert-settings-form, body .alert-settings-page {
    background-color: #F5F5F5;
}
body .alert-settings-page {
    max-width: 1238px;
}
#alert-settings-form .section-title, #alert-settings-form .section-subtitle, #alert-settings-form .switcher-body, #alert-settings-form .alert-headline,
#alert-settings-form .alert-subtitle, .notification-type-label, .p-sl, .confirm-btn.save-alerts {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
}
#alert-settings-form .section {
    margin: 0 0 27px 0;
}
#alert-settings-form .section-title {
    font-size: 24px;
}
#alert-settings-form .notification-type-label .icon-i {
    font-size: 18px;
}
#alert-settings-form .notification-type-label i:before {
    color: #3A3A3A;
}
#alert-settings-form .notification-type-label {
    text-transform: none;
}
#alert-settings-form .switcher-body {
    text-transform: uppercase;
    background-color: #666666;
}
input[type=checkbox]:checked + .switcher-body {
    background-color: #5CBA63 !important;
}
#alert-settings-form .switcher-off {
    color: #FFFFFF;
}
#alert-settings-form .switcher {
    width: 64px;
    height: 40px;
    border-radius: 6px;
}
#alert-settings-form .switcher-track:after, #alert-settings-form .switcher.alert-checkbox .switcher-track::after {
    border-radius: 6px;
    width: 50%;
}
#alert-settings-form .switcher.alert-checkbox input[type="checkbox"]:checked + .switcher-body .switcher-track::after {
    transform: translateX(100%);
}
#alert-settings-form input[type=checkbox] + .custom-checkbox-inner {
    background: #666666;
}
#alert-settings-form input[type=checkbox]:checked + .custom-checkbox-inner:before {
    background-color: #376B9E;
    border: 1px solid #376B9E;
    color: #FFFFFF;
}
input[type=checkbox]:checked + .switcher-body .switcher-track:after {
    color: #5CBA63;
}
#alert-settings-form .alert-headline {
    box-shadow: none;
}
#alert-settings-form .gray-li,
#alert-settings-form .alert-subtitle {
    background: #E9EEF3;
    padding: 20px;
}
.confirm-btn.save-alerts {
    width: auto;
    min-width: 176px;
    box-sizing: border-box;
    background: #5082AF;
    border: 1px solid #497399;
    border-radius: 4px;
    text-transform: none;
    color: #FFFFFF;
    padding: 0 15px;
    line-height: 40px;
}
/* end CFC-4 */
/* CFC-233 */
@media (min-width: 768px) and (max-width: 1024px) {
    .alert-settings-page .alert-item .item-text.EntergyGoalWeekly,
    .alert-settings-page .alert-item .alert-title.EntergyGoalWeekly {
        max-width: 75%;
    }
}
/* end CFC-233 */

.fjord-page-wrapper-energy-tips .fjord-page-top-img-container {
    background-image: url(../images/fjord_images/tips.png);
}
.fjord-page-wrapper-energy-tips .fjord-tip {
    border-top: 12px solid #376B9E;
    margin: 20px 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;
    padding: 0;
}
.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: 0px 0 20px 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;
}
.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: 25px;
}

.fjord-action-plan {
    padding-top: 20px;
}
.fjord-action-plan .tip-buttons {
    display: none;
}
.fjord-action-plan .fjord-tip {
    border-top: 12px solid #376B9E;
}
.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: 15px 0 10px 0;
}
.fjord-action-plan .to-do-list .li-counter:before {
    content: 'Step ';
}
.fjord-action-plan .energy-tips-to-do-list-block .ws-title {
    text-transform: lowercase;
}
.fjord-action-plan .energy-tips-to-do-list-block .ws-title:first-letter {
    text-transform: uppercase;
}
.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;
    margin-top: 15px;
}
.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-top: 25px;
}
.fjord-action-plan .tip-img{
    width: auto;
    max-width: 90%;
}
.fjord-page-wrapper-energy-tips .load-more-button {
    border-radius: 4px;
    text-transform: capitalize;
    width: 160px;
}
.fjord-page-wrapper-energy-tips .load-more-button {
    display: block;
    margin-bottom: 20px;
}
.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;
}

@media only screen and (max-width: 1024px) {
    .fjord-header-account-info.account-info,
    .fjord-page-top-img-container.edit-account img {
        display: none;
    }
    .fjord-header-account-info.account-info,
    .fjord-page-top-img-container.edit-account img {
        display: none;
    }
    .edit-account #form-element-zip label{
        float: left !important;
    }
    #content .fjord-content-inner.edit-account,
    .container-fluid.alert-settings-page {
        max-width: 568px;
    }
    .fjord-content-inner.edit-account .form-box select,
    .fjord-content-inner.edit-account .form-box input,
    .edit-account #form-element-unit_type .select select{
        max-width: 380px;
    }
}

@media screen and (max-width: 991px) {
    #content .fjord-content-inner {
        width: 95%;
    }
}

@media screen and (max-width: 767px) {
    #content .fjord-content-inner.edit-account {
        max-width: 328px;
    }
    .edit-account .fjord-page-description,
    .edit-account .form-box {
        margin-top: 10px;
    }
    #alert-settings-form .section-title {
        font-size: 21px;
    }
    #content .fjord-content-inner {
        width: 95%;
        max-width: 570px;
    }
    .fjord-page-wrapper-energy-tips .load-more-button-wrapper,
    .fjord-page-wrapper-energy-tips .load-more-button {
        width: 100%;
    }
}
.fjord-page-top-img-container.edit-account,
#fjord-page-inner-timeline .fjord-page-top-img-container,
.top-img-container.fjord-alerts-img-wrapper {
    height: 240px;
    background: rgba(0, 0, 0, 0.5);
}
#fjord-page-inner-timeline .fjord-page-top-img-container img,
.fjord-page-top-img-container.edit-account img,
.top-img-container.fjord-alerts-img-wrapper img {
    display: none;
}
.top-img-container.fjord-alerts-img-wrapper .top-title::after,
#fjord-page-inner-timeline .fjord-top-title::after,
.fjord-page-top-img-container.edit-account .fjord-top-title:after {
    display: none;
}
.fjord-page-wrapper-energy-tips .fjord-search-button,
#fjord-page-inner-timeline .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,
#fjord-page-inner-timeline .fjord-search-button .icon-search-icon {
    line-height: 40px !important;
}
.fjord-page-wrapper-energy-tips .fjord-search-button .icon-search-icon::before,
#fjord-page-inner-timeline .fjord-search-button .icon-search-icon::before {
    color: #2B2B2B;
}
/* CFC-147 */
#fjord-page-inner-timeline .fjord-page-description p {
    margin: 25px 0;
}
#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 {
    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 {
    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 {
    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: #333333;
    opacity: 1;
    font-weight: 300;
}
#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;
}
/* datepicker */
.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-family: Roboto, sans-serif;
    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%;
}
.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;
}
/* end datepicker */
#fjord-page-inner-timeline .timeline-period-block {
    margin-top: -8px;
}
#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 #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;
}

#fjord-my-goal-widget .my-goal-icon-pig {
    height: 152px;
}
@media (min-width: 1025px) {
    #fjord-page-inner-timeline .timeline-period-block .col-md-4 {
        flex: 0 0 240px;
    }
}

#fjord-my-goal-widget .my-goal-body-subtitle {
    font-size: 16px;
    line-height: 24px;
}

#fjord-my-goal-widget .w-footer a {
    position: relative;
    bottom: 15px;
}

#fjord-my-goal-widget .w-footer {
    border: none;
}

/* Find Rebates */
#fjord-findrebateshalf-widget .title-widget p {
    font-weight: normal;
    font-size: 24px;
}

#fjord-findrebateshalf-widget .description-text-widget p {
    font-size: 16px;
    line-height: 24px;
}

#fjord-findrebateshalf-widget .description-text-widget {
    min-height: 85px;
    display: flex;
    align-items: center;
}
#fjord-findrebateshalf-widget .widget-button {
    border: 0;
}

/* Widget Button */
.widget-button {
    background: transparent;
    border-radius: 32px;
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 20px;
    text-align: center;
}

#fjord-hurs-widget-ouc .w-footer a,
#fjord-my-goal-widget .w-footer a,
.widget-button a,
a.widget-btn,
#fjord-find-contractors .w-btn {
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    text-transform: none;
    background-color: #5082AF;
    padding: 0 15px;
    min-width: 176px;
    border: 1px solid #5082AF;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#fjord-hurs-widget-ouc .hidden.w-footer a:hover,
#fjord-my-goal-widget .w-footer a:hover,
.widget-button a:hover,
a.widget-btn:hover,
#fjord-find-contractors .w-btn:hover {
    color: #5082AF !important;
    background-color: transparent;
}
#crosspromotionmarketing #slide-epichomes img {
    object-position: right;
}
#crosspromotionmarketing .slide-head img {
    border-radius: 4px 4px 0 0;
}
@media (max-width: 1024px) {
     #content #dashboard .fjord-content-inner {
        max-width: 100%;
    }
}
/* End Dashboard */
@media (max-width: 1024px) {
    #content .fjord-content-inner {
        max-width: 568px;
    }
    #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) {
    #content .fjord-content-inner {
        padding: 0 8px;
    }
    #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 CFC-147 */
/* CFC-281 */
.fjord-page-top-img-container.edit-account {
    background-image: url(../images/fjord_images/my_profile.png);
}
#fjord-page-inner-timeline .fjord-page-top-img-container {
    background-image: url(../images/fjord_images/timeline.jpg);
}
.fjord-page-top-img-container.usage-history {
    background-image: url(../images/fjord_images/usage_cost.png);
}
.fjord-page-top-img-container.bill-projection-multi-img-container{
    background-image: url(../images/fjord_images/bill_projection.png);
}
.fjord-page-top-img-container.overview-img-container {
    background-image: url(../images/fjord_images/action_plan.png);
}
.fjord-page-top-img-container .myplan-overview {
    display: none;
}
.fjord-bill-history .fjord-page-top-img-container {
    background-image: url(../images/fjord_images/my_bill_history.png);
}
.top-img-container.fjord-alerts-img-wrapper {
    background-image: url(../images/fjord_images/alert-settings.png);
}
.fjord-page-top-img-container.fjord-dashboard-img-wrapper {
    background-image: url(../images/fjord_images/dashboard-top-img.png);
}
.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: 1284px;
    margin: 0 auto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 72px;
    padding: 0 24px;
}
.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);
}
@media (max-width: 1024px) {
    .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;
    }
    #content .fjord-page-top-img-container,
    #content .fjord-alerts-img-wrapper{
        background: #376B9E;
        height: 64px;
    }
}
.fjord-page-top-img-container .fjord-top-title::after {
    display: none;
}
/* end CFC-281 */
/* CFC-521 */
#alert-settings-form .popup-overlay{
    background: rgba(0, 0, 0, 0.35);
}
#alert-settings-form .popup-form{
    max-width: 480px;
    border-top: 8px solid #376B9E;
    border-radius: 4px 4px 0 0;
    padding: 32px 52px 40px 52px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
}
#alert-settings-form .popup-form .form-popup-body{
    max-width: none;
    margin: 0;
    padding: 0;
}
#alert-settings-form .popup-form .close-popup,
#alert-settings-form .popup-form .close-item-form{
    display: none;
}
#alert-settings-form .popup-form .form-popup-title{
    font-family: Roboto;
    font-weight: normal;
    font-size: 24px;
    color: #333333;
}
#alert-settings-form .popup-form .popup-error-message{
    height: 20px;
    margin-bottom: 22px;
}
#alert-settings-form .popup-form .custom-input-wrapper .label-bottom{
    color: #333333;
    font-size: 12px;
    top: 0;
    transform: translateY(-100%);
    text-transform: lowercase;
}
#alert-settings-form .popup-form .custom-input-wrapper .label-bottom:first-letter{
    text-transform: uppercase;
}
#alert-settings-form .popup-form .item-form-buttons{
    align-items: center;
}
#alert-settings-form .popup-form .item-form-buttons .item-form-btn-wrapper{
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#alert-settings-form .popup-form .item-form-buttons .cancel-btn,
#alert-settings-form .popup-form .item-form-buttons .confirm-btn{
    width: 176px;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    padding: 7px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: Roboto;
}
#alert-settings-form .popup-form .item-form-buttons .confirm-btn{
    margin: 24px auto 8px;
    color: #FFFFFF;
    background: #376B9E;
    border: 1px solid #234467;
}
#alert-settings-form .popup-form .item-form-buttons .confirm-btn:disabled{
    margin: 24px auto 8px;
    color: #FFFFFF;
    background: #CCCCCC;
    border: 1px solid #CCCCCC;
}
#alert-settings-form .popup-form .item-form-buttons .cancel-btn{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #376B9E;
}
#alert-settings-form .popup-form input[name='phone_code']{
    width: 120px;
    text-align: left;
}
#alert-settings-form .popup-form input[name='phone_number']{
    width: 240px;
    text-align: left;
}
#alert-settings-form .popup-form input[name='email']{
    width: 240px;
    text-align: left;
}
#alert-settings-form .popup-form .input-separator{
    margin: 0;
    width: 16px;
    border: none;
}
#alert-settings-form .popup-form .custom-input{
    font-size: 16px;
    box-sizing: border-box;
    height: 40px;
    line-height: 24px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin: 0;
    padding: 7px 11px;
    color: #333333;
    font-family: Roboto;
}
#alert-settings-form .delete-item-form input[name='phone_code']{
    background: #CCCCCC;
}
#alert-settings-form .delete-item-form input[name='phone_number']{
    background: #CCCCCC;
}
#alert-settings-form .item-edit .popup-form .form-popup-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#alert-settings-form .delete-item-popup .custom-phone-input{
    margin: 0;
}
#alert-settings-form .delete-item-popup .form-popup-title{
    margin-bottom: 42px;
}
@media (max-width: 767px){
    #alert-settings-form .popup-form{
        max-width: 345px;
        padding: 32px 18px 40px 18px;
    }
    #alert-settings-form .popup-form input[name='phone_code']{
        width: 92px;
    }
    #alert-settings-form .popup-form input[name='phone_number']{
        width: 200px;
    }
}
/* END CFC-521 */
/* CFC-374 */
#dashboard .fjord-page-top-img-container .fjord-top-title span{
    text-transform: capitalize;
}
/* end CFC-374 */
/*CFC-166 Usage and Cost page*/
.points-progress-bar-wrapper .button-container #tips-button{
    background: #5082AF;
    border: 1px solid #497399;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
    align-items: center;
    padding: 0;
    text-align: center;
    color: #FFFFFF;
    text-transform: capitalize;
    padding: 0 auto;
    display: inline-block;
}
#mybillhist{
    display: none;
}
.billhistory_description:first-child{
    margin-top: 32px;
}
#fjord-chart-block{
    background: none;
}
.download-chart-section-wrapper, .usage-history-chart-wrapper{
    background: #ffffff;
}
.fueltype_select .fjord-info-tooltip{
    display: none;
}
.compare-horiz-wrapper .selectdiv .label-h3{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #333333;
}
.compare-horiz-wrapper .fueltype_select select#fuelType{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    width: 240px;
}
.fueltype_select.selectdiv:after{
    left: 213px;
    right: auto;
    top: 29px;
    content: '\f0d7';
    text-align: center;
    border: 0;
    background: none;
}
#fjord-chart-block .header{
    display: none;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker{
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin: 16px 16px 16px 0 !important;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div{
    display: inline-block;
    float: left;
    width: 240px;
    flex: none;
    padding: 0;
    margin-left: 24px;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>.time-period>.col-12,
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div.show-weather {
    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;
    height: 40px;
    padding-left: 7px;
    margin-top: 5px;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>.time-period>.col-12:after, #fjord-chart-block .selectors-group.fjord-calendar-datepicker>div.show-weather:after{
    content: '\f0d7';
    text-align: center;
    border: 0;
    background: none;
    font-family: FontAwesome;
    position: absolute;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>.time-period>.col-12:after {
    top: 2px;
    right: 0;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div.show-weather:after {
    top: 14px;
    right: 15px;
}
#fjord-chart-block{
    margin: 0 0 40px 0;
}
.graph_header{
    font-family: Roboto;
    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 0px 0px;
    padding: 18px 0 18px 16px;
    border-bottom: 1px solid #E4E4E4;
    margin-top: 8px;
}
.toogler_graph_type{
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    width: 240px;
    height: 40px;
    line-height: 40px;
    margin: 16px 0 16px 16px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    display: block;
    float: left;
    align-items: center;
    text-align: center;
    color: #376B9E;
    justify-content: center;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker>div.date-pickers{
    display: none;
}
#fjord-chart-block .selectors-group.fjord-calendar-datepicker .date-selecte-icon{
    max-width: 100%;
    width: auto;
    padding: 0;
}
.background_color_wrapper{
    background: #fff;
    float: left;
    width: 100%;
}
#graph-block-datepicker{
    max-width: 328px;
    width: 328px;
}
.dp-highlight-first .ui-state-default, .dp-highlight-last .ui-state-default {
    background-color: #234467 !important;
    border-radius: 50%;
    margin: 0;
    width: 36px;
    height: 36px;
    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;
}
.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.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: #376B9E;
    width: 240px;
    height: 40px;
}
.download-graph-button-wrapper.cfc_download_button i{
    padding-right: 5px;
}
.fjord-content-inner .content-inner{
    overflow: visible;
}
.content-inner.up.billhistory-spending-widget-wrapper .fjord-block{
    margin: 24px 0 0 0;
}

.disag-fueltype.disagfuel-switch{
    display: none;
}
.billhistory-spending-widget-wrapper .spending-breakdown .fjord-block-title{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #333333;
    flex: 0 0 100%;
    max-width: 100%;
}
.fjord-content-inner #mybill-history-wrapper #fuelTypeOption p{
    font-family: 'Roboto',FontAwesome, sans-serif !important;
    padding-left: 10px;
}
#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: #376B9E;
    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;
}
#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;
}
@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: 20px 0 24px 0;
    }
    .download-chart-section-wrapper .download-buttons {
        align-items: flex-end;
        flex-direction: column-reverse;
    }
    .content-act-myenergy-usage-history .green-button-download-wrapper {
        padding-top: 16px;
    }
}
@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
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    #fjord-billhistory-spending-chart-area .content-inner.up{
        width: 568px;
    }
    .content-act-myenergy-usage-history .content-inner.up {
        padding: 0;
    }
    .content-act-myenergy-usage-history .fjord-content-inner {
        padding: 0;
    }
}
@media (max-width: 767px){
    #fjord-chart-block .selectors-group.fjord-calendar-datepicker>div{
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;

    }
    #fjord-chart-block .selectors-group.fjord-calendar-datepicker>div select, #fjord-chart-block .selectors-group.fjord-calendar-datepicker>div>.selectdiv select{
        width: 100%;
    }
    #fjord-chart-block .selectors-group.fjord-calendar-datepicker{
        margin-right: 0!important;
    }
    .compare-horiz-wrapper .fueltype_select select#fuelType{
        width: 100%;
        padding: 0;
    }
    .fueltype_select.selectdiv:after{
        left:auto;
        right: 15px;
    }
    #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:auto;
        right: 0;
    }
    .toogler_graph_type{
        max-width: 100%;
        width: auto;
        float: none;
        margin: 16px 16px;
    }
    #fjord-chart-block .selectors-group.fjord-calendar-datepicker .date-selecte-icon{
        padding: 0;
    }
    #fjord-chart-block .download-chart-section-wrapper{
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }
    #fjord-chart-block .download-chart-section-wrapper>div{
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 8px;
        flex: 0 0 auto;
    }
    #fjord-chart-block .download-chart-section-wrapper>div>*{
        width: 100%;
    }
    .download-graph-button-wrapper.cfc_download_button{
        width: 100%;
    }
    #mybill-history-wrapper .download-chart-section-wrapper .download-buttons {
        padding: 0;
    }
    #content.content-act-myenergy-usage-history .fjord-content-inner {
        max-width: 100%;
        width: auto;
        padding: 0;
    }
    #content.content-act-myenergy-usage-history .content-inner.up {
        padding: 0 25px;
    }
    #fjord-chart-block .selectors-group.fjord-calendar-datepicker .date-selecte-icon {
        margin: 0 16px;
    }
}
/*end CFC-166 Usage and Cost page*/
/* CFC-401 */
@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;
    }
}
/* end CFC-401 */
/* CFC-882 */
#mybill-history-wrapper .mybill-history-graph {
    overflow: visible;
}
#mybill-history-wrapper .mybill-history-graph .graph {
    overflow: visible;
}
/* end CFC-882 */
/* CFC-134 */
.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: 30px 0 15px 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: #5082AF;
}
.fjord-rewards-content-wrapper .disable-redeem {
    background: #CCC;
}
.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: #5082AF;
    color: #fff;
}
.fjord-rewards-content-wrapper .gift-card .fjord-stretch-btn.redeem-almost-there {
    background: #E9EEF3;
    color: #797D83;
    pointer-events: none;
}
.fjord-rewards-content-wrapper .gift-card .card-terms-text {
    color: #376B9E;
}
.reward-popup {
    border-color: #599FCF;
}
.points-progress-bar-wrapper .pb-fill {
    background: #376B9E;
}

@media screen and (max-width: 767px) {
    .fjord-rewards-content-wrapper .gift-card-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media  (min-width: 767px) 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.png);
}
.reward-popup.p-r-popup {
    border-width: 8px;
}
.reward-popup.p-r-popup .reward-p {
    margin-bottom: 25px;
}
.reward-popup.p-r-popup .current-card-buttons .redeem-confirm {
    width: 176px;
    height: 40px;
    margin: auto;
}
.reward-popup.p-r-popup .current-card-description {
    padding: 5%;
}
.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 .points-num {
    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;
}
.fjord-rewards-content-wrapper .card-terms-wrapper {
    text-align: center;
}
.fjord-rewards-content-wrapper .redeem-points-block {
    margin-top: 35px;
}
/* end CFC-134 */
/* CFC-151  Rewards Structure and Tango Gift cards */
.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 {
    text-align: left;
}
@media screen and (max-width: 1024px) {
    .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;
    }
}
/* end CFC-151 */

/*Bill Projection*/
.fjord-page-top-img-container.bill-projection-multi-img-container{
    height: 240px;
    background: rgba(0, 0, 0, 0.5);
}
.fjord-page-top-img-container.bill-projection-multi-img-container img {
    display: none;
}
.fjord-page-top-img-container.bill-projection-multi-img-container .fjord-top-title{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 72px;
    left: 10%;
    top: 87%;
}
.fjord-page-top-img-container.bill-projection-multi-img-container .fjord-top-title::after {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .fjord-page-top-img-container.bill-projection-multi-img-container {
        height: 64px;
        background: #376B9E;
    }
    .fjord-page-top-img-container.bill-projection-multi-img-container .fjord-top-title {
        font-size: 32px;
        font-weight: 400;
        line-height: 64px;
        padding: 0 15px;
        left: 30px;
        top: 50%;
        width: auto;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
.fjord-page-top-img-container.bill-projection-multi-img-container .fjord-top-title {
    display: flex;
    align-items: flex-end;
    position: relative;
    left: auto;
    top: auto;
    transform: initial;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}
#fjord-page-inner-bill-projection .fjord-page-description p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
#fjord-page-inner-bill-projection .ws-header .col-auto .ws-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #333333;
}
#fjord-page-inner-bill-projection .ws-body .ws-message {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
#fjord-page-inner-bill-projection .ws-btn-wrapper .col-auto a.fjord-stretch-btn {
    background: #5082AF;
    border: 1px solid #497399;
    box-sizing: border-box;
    border-radius: 4px;
}
#fjord-page-inner-bill-projection .ws-body .ws-footer {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    color: #333333;
}
#fjord-page-inner-bill-projection .white-section .ws-footer .ws-list-label {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
#fjord-page-inner-bill-projection .recommended-actions-container .fjord-tip {
    border-top-color: #376B9E;
    border-radius: 4px;
}
.col-auto .ws-title .ami-info-tooltip {
    display: none;
}
.bill-period-tab .ws-list .fuel-cost-item {
    display: none;
}
#fjord-page-inner-bill-projection .col-auto .points-num {
    font-size: 30px;
    font-weight: 400;
}
#fjord-page-inner-bill-projection .col-auto .pb-label {
    font-size: 16px;
    color: #333333;
}
/*End Bill Projection*/
/* CFC-646 */
.gift-card-wrapper .gift-card-hl {
    height: 75px;
}
/* end CFC-646 */
/* CFC-144 */
.sessions-bar {
    overflow-x: hidden;
}
.fjord-bill-compare-page .description .action-link {
    display: none;
}
.fjord-bill-compare-page .fjord-page-header {
    display: block;
    font-weight: normal;
    margin-bottom: 11px;
}
.energy-target-page.my-goal-new.fjord-content-inner {
    background: inherit;
    padding: 32px 0;
}
.fjord-bill-compare-page .selectors {
    margin-bottom: 20px;
}
.fjord-bill-compare-page .recommended-actions-container,
.fjord-bill-compare-page .compare-bills-energytips-description,
.fjord-bill-compare-page .recommended-view-more {
    padding-left: 0;
    padding-right: 0;
}
.recommended-actions-container .fjord-tip .fjord-tip-footer {
    padding: 10px 0 0;
    line-height: normal;
}
.fjord-bill-compare-page .description {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 24px;
}
.fjord-page-top-img-container.fjord-compare-bills-img-wrapper .fjord-top-title {
    display: flex;
    align-items: flex-end;
    position: relative;
    left: auto;
    top: auto;
    transform: initial;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 72px;
}
.fjord-page-top-img-container.fjord-compare-bills-img-wrapper {
    background-image: url("../images/fjord_images/bill-compare-page-top-image.png");
}
.fjord-page-top-img-container.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;
    max-width: 240px;
}
.top-meter-selection #meter_selection {
    margin-bottom: 15px;
}
.compare-contractor-wrapper .title {
    font-size: 40px;
    line-height: 1.2em;
    font-weight: normal;
    color: #3A3A3A;
}
.compare-contractor-wrapper > .title:first-child {
    display: none;
}
.compare-contractor-wrapper .description {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 30px;
}
.compare-contractor-wrapper .selectdiv .E_fuel_type {
    background: #FFFFFF;
}
.compare-contractor-wrapper .meter-view-E_fuel_type:before {
    content: "\e91c";
    color: #797D82;
    font-family: 'icomoon', Arial, Helvetica, sans-serif;
    position: absolute;
    top: 38px;
    margin-left: 10px;
}
.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-region-wrapper {
    border-radius: 8px;
    overflow: hidden;
}
.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: #376B9E;
    font-size: 16px;
    border: 1px solid #DDDBDA;
    padding: 10px 30px 10px 50px;
    border-radius: 4px;
    float: left;
}
.compare-contractor-wrapper .table-view-position .switch::before {
    color: #376B9E !important;
}
.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: 'FontAwesome', 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: 'FontAwesome', 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 #CCCCCC;
    border-radius: 4px;
    padding: 0 36px 0 12px;
    background: #FFFFFF;
}
.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;
}
.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-bills-data-wrapper .footer-compare-summary, #compare-bills-data-wrapper .footer-compare-detail {
    display: none;
}
.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-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 15px;
}
.compare-contractor-wrapper .desktop-view .table-body-region .line-row td {
    padding-top: 0;
    padding-bottom: 0;
}
.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;
    font-weight: normal;
}
.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;
}
.fjord-bill-compare-page .recommended-view-more a,
.fjord-bill-compare-page .bottom_link a {
    font-size: 16px;
}
.fjord-bill-compare-page .recommended-tips-header {
    font-size: 24px;
}
.fjord-tip-body .tip-action-btn-label {
    text-transform: none;
}
@media (max-width: 1024px) {
    .fjord-bill-compare-page .mobile-view {
        display: block;
    }
    .fjord-bill-compare-page .desktop-view {
        display: none;
    }
}
@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: 16px;
        margin: 30px 0;
    }
    .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: normal;
    }
    .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;
    }
    .compare-contractor-wrapper .selectdiv {
        max-width: 100%;
    }
}
/* end CFC-144 */
/*CFC-443*/
.fjord-bill-compare-page .compare-contractor-wrapper .table-region-wrapper{
    overflow: visible;
}
/*end CFC-443*/
/*CFC-439*/
#fjord-saving-plan-widget #savings-plan-slider .seasonishere-image{
    width: auto;
    margin: 0 auto;
}
#fjord-saving-plan-widget .tab3 .carbon-title{
    margin-top: 0;
}
#fjord-saving-plan-widget .tab3 .total-carbon-value{
    font-size: 35px;
}
#fjord-saving-plan-widget #savings-plan-slider .slick-dots{
    bottom: -35px;
}
#fjord-saving-plan-widget #savings-plan-slider .slick-slide{
    outline: none;
}
/*end CFC-439*/

/* CFC-511 */
.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%;
    max-width: 480px;
    height: auto;
    box-sizing: border-box;
    margin-top: 0;
    border-radius: 4px;
    border-top: 8px solid #376B9E;
}
.overlay-restriction .restrict-header{
    color: #333;
    padding-bottom: 16px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}
.overlay-restriction .restrict-message{
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    display: block;
    text-align: center;
    margin: 0;
}
.overlay-restriction .restrict-message .button {
    background: transparent;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    height: auto;
    width: auto;
    line-height: inherit;
}
.restrict-message .button a,
.branding-btn{
    font-size: 16px;
    background: #5082AF;
    border: 1px solid #497399;
    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 .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;
    }
}
/* // CFC-511 */
/* CFC-533 */
.mybill-spendingbreakdown-graph .highcharts-data-labels span {
    left: 5px !important;
}
/*end CFC-533*/
/*CFC-446*/
.fjord-bill-compare-page .compare-contractor-wrapper .selectdiv{
    max-width: 275px;
}
/*CFC-513*/
#fjord-download-chart-popup .fjord-download-chart-popup {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
    max-width: 500px;
    background: #FFFFFF;
    border-radius: 4px 4px 0 0;
    border-top: 8px solid #376B9E;
    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: 32px;
}
#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;
    line-height: 150%;
    color: #333333;
    padding-left: 4px;
}
#fjord-download-chart-popup .popup-buttons .popup-download-data-format{
    font-weight: normal;
    font-size: 16px;
    background: #376B9E;
    border: 1px solid #234467;
    box-sizing: border-box;
    border-radius: 4px;
    width: 176px;
    height: 40px;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0 auto;
}
#fjord-download-chart-popup .popup-buttons .cancel-btn a{
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #376B9E;
    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 .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: #376B9E;
    width: 240px;
    height: 40px;
}
.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%;
    }
}
@media (max-width: 767px){
    .download-graph-button-wrapper-changed-for-popup.cfc_download_button {
        width: 100%;
    }
}
/*end CFC-513*/
/*CFC-458*/
.download-buttons>div:first-child {
    order: 1;
}
#fjord-green-button-down-popup .fjord-popup{
    border-radius: 4px;
    border-top: 8px solid #376B9E;
}
#fjord-green-button-down-popup .title-box{
    font-family: Roboto;
    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-family: Roboto;
    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-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding-left: 7px;
}
.fjord-calendar-datepicker .date-selecte-icon::after{
    top: auto;
    bottom: 13px;
    right: 24px;
}
.fjord-download-popup-body .gbp-br{
    padding-bottom: 16px;
}
.fjord-download-popup-body .gbp-br+p{
    font-family: Roboto;
    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-family: Roboto;
    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-family: Roboto;
    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-family: Roboto;
    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-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #376B9E;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .green-button-download-wrapper{
        padding-top: 16px;
    }
    #fjord-green-button-down-popup .date-pickers{
        padding: 0;
    }
    .fjord-download-confirm-section .confirm-text{
        width: max-content;
    }
}
@media (max-width: 767px){
    #fjord-chart-block .row.align-items-center.col-auto.green-button-download-wrapper{
        justify-content: center;
    }
    #fjord-green-button-down-popup .date-pickers>div{
        padding: 0;
    }
    .fjord-calendar-datepicker .date-selecte-icon::after{
        right: 10px;
    }
}
/*end CFC-458*/
/* // CFC-520 */
#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-family: Roboto;
    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-family: Roboto;
    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: #376B9E;
    border: 1px solid #234467;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 24px;
    text-transform: lowercase;
}
#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;
}
/* end CFC-520 */

/*CFC-562*/
#billhistory_form .compare-horiz-wrapper, .bill-history-options .show-block-selects .adresses-preview>div>p:nth-child(2n), .show-block-selects form.billHistoryMeter, .selector-group.meter-selection-block.top-meter-selection{
    display: none;
}
/*end CFC-562*/
/* CFC-594 */
.appliance-wrapper-inner .single-appliance-item .appliance-row-label,
.appliance-wrapper-inner .single-appliance-item .appliance-row-custom-label {
    display: none !important;
}
/* // CFC-594 */
/* CFC-568 */
.disable-scroll {
    overflow: hidden;
    height: 100%;
}
.fjord-header-top {
    z-index: 9998;
}
.fjord-popup-overlay {
    z-index: 1000;
}
.fjord-popup {
    max-height: 95%;
}
.savings-overlay #footer-popup,
.savings-overlay #footer-popup .fjord-close-popup-btn-container {
    display: block !important;
}
/* //CFC-568 */
/*CFC-555*/
.js-nav-system__link:focus:before,.js-nav-system__subnav__link:focus:before{
    border-color: #b1afae;
}
/*end CFC-555*/
/* CFC-616 */
#mybill-history-wrapper #fjord-download-chart-popup .popup-format .radio-format-buttons:first-child {
    display: none;
}
/* // CFC-616 */
/* CFC-599 */
#saving-plan-container,
#saving-plan-container .highcharts-container,
#saving-plan-container .highcharts-container .highcharts-root {
    height: 150px;
}
/* // CFC-599 */
/* CFC-673*/
.fjord-bill-history .timeline-period-block .label-to {
    display: block;
    text-transform: none;
}

.fjord-bill-history .timeline-period-block .label-to::first-child {
    display: block;
    text-transform: none;
}

/* end CFC-673 */
/*CFC-609*/
.tip-headline .take-action-trigger{
    display: none;
}
/*end CFC-609*/
/* CFC-262 */
.fjord-bill-history > .container {
    padding-top: 26px;
    padding-bottom: 26px;
}

.fjord-bill-history .cost-detail {
    border-radius: 4px;
}

.fjord-bill-history .bill-history-options {
    font-size: 16px;
}

.fjord-bill-history .bill-history-options .fjord-page-header {
    font-size: 24px;
    line-height: 1.5;
    font-weight: normal;
    margin: 0;
}

.fjord-bill-history .bill-history-options .fjord-page-description {
    display: none;
}

.fjord-bill-history .icon-i-electric {
    font-family: FontAwesome !important;
}

.fjord-bill-history .icon-i-electric::before {
    content: "\f0e7";
    color: #CCCCCC;
    font-size: 18px;
    margin: 0 11px;
}

.fjord-bill-history .fjord-select {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #94979C;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    max-width: 240px;
    overflow: hidden;
    padding: 0 0 0 8px;
}

.fjord-bill-history .fjord-select: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;
    border: none;
    z-index: 0;
}

.fjord-bill-history .fjord-select select {
    font-size: 16px;
    margin: 0;
    padding-left: 8px;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    color: #333333 !important;
    position: relative;
    z-index: 2;
}

.fjord-bill-history .download-graph-button-wrapper {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    justify-content: center;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    display: flex;
    align-items: center;
    text-align: center;
    color: #376B9E;
    width: 240px !important;
    height: 40px !important;
}

.fjord-bill-history .download-graph-button-wrapper:before {
    content: "\f019";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    line-height: inherit;
    height: 100%;
    padding-right: 5px;
}

.fjord-bill-history .download-graph-button-wrapper .btn-text-format {
    display: block;
}
.fjord-bill-history .download-graph-button-wrapper .btn-text-format span.btn-title {
    text-transform: lowercase;
    letter-spacing: normal;
    font-weight: normal;
    margin-left: 0;
}
.fjord-bill-history .download-graph-button-wrapper .btn-text-format .btn-title::first-letter {
    text-transform: uppercase;
}
.fjord-bill-history .download-graph-button-wrapper span.formats {
    display: none;
}

.fjord-bill-history #all_data_table {
    font-size: 16px;
    font-weight: normal;
}

.fjord-bill-history .cost-details-table :not(.t-head) .tr {
    line-height: 64px;
    border-top: none;
    border-bottom: 1px solid #CCCCCC;
}

.fjord-bill-history .cost-details-table .tr,
.cost-details-table .t-body > .tr:nth-child(2n) {
    background: #FFFFFF;
}

.fjord-bill-history .fjord-bill-history-show-all-rows-button-div {
    border-top: none;
}

.fjord-bill-history .cost-detail {
    margin-bottom: 24px;
}

.fjord-bill-history .recommended-actions .fjord-page-header {
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    margin: 0;
}

.fjord-bill-history .recommended-actions .fjord-page-description {
    display: block;
    margin: 0;
}

.fjord-bill-history .recommended-actions .fjord-page-description .col-12 {
    margin: 8px 0;
}

.fjord-bill-history .bottom_link {
    display: none;
}

.fjord-bill-history #all_data_table i {
    color: #376B9E;
}

.fjord-bill-history #all_data_table i:before {
    margin: 0;
}

.fjord-calendar-datepicker {
    padding: 0;
}

.fjord-bill-history .fa-check:before,
.fjord-bill-history .fa-times:before {
    font-family: FontAwesome;
}

.fjord-bill-history .fjord-calendar-datepicker,
.fjord-bill-history .fjord-calendar-datepicker fieldset {
    padding-left: 0;
    padding-right: 0;
}

.fjord-bill-history .timeline-period-block .label-to {
    max-width: 50px;
}

@media (max-width: 1024px) {
    .fjord-bill-history > .container {
        max-width: 568px;
    }
}

@media (max-width: 767px) {
    .fjord-bill-history .dropdown-with-options,
    .fjord-bill-history .dropdown-menu-trigger,
    .fjord-bill-history .download-graph-box,
    .fjord-bill-history .download-graph-button-wrapper {
        width: 100% !important;
    }

    .fjord-bill-history .download-graph-button-wrapper,
    .fjord-bill-history .dropdown-menu-trigger {
        margin-bottom: 16px;
    }

    .fjord-bill-history .fjord-select {
        max-width: 100%;
    }

    .fjord-bill-history .hc_account_cost_barchart_wrapper-fjord-graph .row {
        width: 100%;
        margin: 0;
    }

    .fjord-bill-history .timeline-period-block [class*="col-"] {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
/* end CFC-262 */
/* CFC-658 */
.fjord-myplan-overview .tips-category-title {
    background-color: inherit;
}
.fjord-myplan-overview .more-tips-item .no-gutters {
    background-color: inherit;
}
/* // CFC-658 */
/*CFC-640*/
#billhistory_form .fjord-calendar-datepicker input.form-text{
    height: 40px;
    border-radius: 4px;
    margin: 0;
    padding-left: 7px;
}
/*end CFC-640*/
/*CFC-654*/
#energy-target-pop-up .overlay-pop-up{
z-index: 10000;
}
/*end CFC-654*/
/* CFC-574 */
.my-goal-procent-red-line .below-goal {
    display: none;
}
/* // CFC-574 */
/* CFC-872 */
.energy-target-page .my-goal-charts-new {
    padding: 0;
}
.energy-target-page .chart-disclaimer,
.energy-target-page .chart-disclaimer div {
    padding: 8px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
.top-section-my-goal .my-goal-charts-new {
    max-width: 390px;
}
/* end CFC-872 */
/* CFC-629 */
#fjord-green-button-down-popup .gbp-br .all-data-label {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
}
.fjord-download-popup-body .date-title {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
#fjord-green-button-down-popup .fjord-download-popup-body p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
#fjord-green-button-down-popup .popup-download-data {
    text-transform: none;
}
#fjord-green-button-down-popup input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 12px;
    width: 11px;
    border: 1px solid #333333;
    border-radius: 2px;
}
#fjord-green-button-down-popup input[type="checkbox"]:after {
    content: '';
    position: relative;
    left: 30%;
    top: 0;
    width: 40%;
    height: 90%;
    border: solid #FFFFFF;
    background: #376B9E;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}
#fjord-green-button-down-popup input[type="checkbox"]:checked {
    background: #376B9E;
    border-color: #376B9E;
}
#fjord-green-button-down-popup input[type="checkbox"]:checked:after {
    font-family: 'Font Awesome 5 Pro';
    display: block;
}
#fjord-green-button-down-popup input[type="checkbox"]:focus {
    outline: 0px;
}
#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: 27px;
}
/* // CFC-629 */
/* CFC-671 */
.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: #376B9E;
}
.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.cbReplace-parent.selected {
    border: none!important;
}
/* end CFC-671 */
/* CFC-664 */
.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: #376B9E;
    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: #376B9E;
}

@media (max-width: 767px) {
    .assessment-bar-block .wrapper-order + span {
        font-size: 11px;
        line-height: 18px;
    }
}
/* end CFC-664 */
/* CFC-775 */
#fjord-chart-block #time-selector{
    margin: 25px 0 !important;
}
#fjord-chart-block #time-selector .selectdiv{
    width: 100%;
    padding: 0;
}
#fjord-chart-block #time-selector .selectdiv #select-time{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    width: 240px;
    float: left;
}
#fjord-chart-block #time-selector .selectdiv:after {
    left: 200px;
    right: auto;
    top: 2px;
    content: '\f0d7';
    text-align: center;
    border: 0;
    background: none;
}
@media (max-width: 767px){
    #fjord-chart-block #time-selector .selectdiv:after {
        left: auto;
        right: 0;
    }
    #fjord-chart-block #time-selector .selectdiv #select-time {
        width: 100%;
    }
}
/* end CFC-775 */
/* CFC-777 */
#fjord-page-inner-timeline .search-timeline .search-section {
    margin-left: auto;
    margin-right: 90px;
}
/* end CFC-777 */
/* CFC-760 */
.fjord-page-top-img-container.bill-projection-multi-img-container{
    background-image: url(../images/fjord_images/bill_projection.png);
}
#fjord-page-inner-bill-projection #greyscaleButtonFjord {
    display: none;
}
#fjord-page-inner-bill-projection .fjord-page-header {
    display: block;
}
/* end CFC-76 */

@media (min-width: 1025px) {
    .fjord-header-account-info{
        align-items: center;
        justify-content: center;
    }
    #content .fjord-content-inner,
    .fjord-bill-history > .container,
    #fjord-billhistory-spending-chart-area .content-inner.up,
    .container-fluid.alert-settings-page,
    #content .fjord-header-account-info .account-info-inner,
    .fjord-header-account-info .account-info-inner{
        max-width: 1284px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .fjord-header-account-info .account-info-inner{
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
    .content-inner.up,
    #fjord-chart-block{
        padding-left: 0;
        padding-right: 0;
    }
    .compare-bills-energytips-description,
    .recommended-disclaimer{
        max-width: 100%;
    }
}

/* CFC-865 */
.search-results-section-wrapper .tip-headline span{
    width: 100%;
}
/* end CFC-865 */
/* CFC-939 */
.top-section-my-goal .my-goal-charts-new svg {
    margin-top: 5px;
    overflow: visible;
}
.my-goal-block .my-goal-title .my-goal-title-span{
    font-family: Roboto, sans-serif;
    font-size: 24px;
}
/* end CFC-939 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
    label.form-element-label, .form-element-label {
        width: 140px;
    }
}
@media screen and (max-width: 550px) {
    .account-details .form-item{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        line-height: 30px;
        height: auto;
        min-height: 90px;
    }
    .account-details .text-value{
        padding: 0;
        line-height: 30px;
    }
    label.form-element-label, .form-element-label, .account-details .form-element-label.text-label{
        width: 100%;
        line-height: 30px;
    }
    select, input, .fjord-content-inner select, .fjord-content-inner input{
        width: 100% !important;
        margin: 0;
        padding: 0;
    }
    .overflow-text-value {
        overflow: clip !important;
    }
}
@media print {
    .show-tips-category, .fjord-tip {
        page-break-inside: avoid;
    }
    .fjord-myplan-overview .tips-by-category .fjord-tips-container {
        display: block;
    }
    .fjord-myplan-overview .tips-by-category .row .more-tips-item {
        width: 100%;
        page-break-inside: avoid;
    }
    .fjord-myplan-overview .my-savings-plan .carbon-image-wrapper {
        flex-direction: row;
    }
    .fjord-myplan-overview .carbon-image-item:last-child,
    .fjord-myplan-overview .carbon-image-item:first-child {
        justify-content: center;
    }
    .fjord-myplan-overview .carbon-image-item:after {
        left: 100%;
        top: 50%;
    }
    #header-user {
        display: none;
    }
    #header #header-global {
        background: #234467;
        display: flex;
        align-items: center;
    }
    .fjord-header-account-info.desktop-account-info {
        display: flex !important;
        width: 980px;
        margin: 0 auto;
    }
    .tips-by-category .row .more-tips-item {
        width: auto;
    }
    .fjord-tip-body .tip-buttons.row .col-auto {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .tip-buttons.row {
        display: flex;
    }
    .fjord-page-header {
        display: flex;
    }
    .fjord-myplan-overview .tips-by-category .fjord-tips-container {
        flex-direction: inherit;
    }
    .fjord-myplan-overview .tip-buttons.row {
        max-width: 80%;
        display: flex;
    }
    .more-tips-wrapper .fjord-tip {
        padding-bottom: 0 !important;
    }
    .fjord-header-account-info .account-info-inner {
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
}

.overflow-text-value{
    overflow: hidden;
}
.account-details .form-element-label, .account-details .form-element-label.text-label,
.account-details .property-item, .account-details .text-value,
.account-details #form-element-phone input {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    color: rgb(51,51,51);
    line-height: normal;
}
.account-details .property-item {
    display: flex;
}
.account-details .property-item-label {
    min-width: 160px;
}
.account-details .property-item-label:after {
    content: ' ';
}
.account-details .col-12.form-item {
    display: flex;
    align-items: center;
}
.account-details .calc-width-text-value, .account-details #form-element-phone input {
    font-weight: 400;
    color: rgb(177,175,174);
    height: auto;
}
@media screen and (max-width: 767px) {
    .account-details .property-item, .account-details .col-12.form-item {
        flex-direction: column;
        align-items: start;
    }
}

/* Bdr-info */
.fjord-content-inner {
    margin: 0 auto;
}
.fjord-programs-bdr-info {
    padding: 40px 0 30px;
}
.fjord-programs-bdr-info b {
    font-weight: 900;
}
.fjord-programs-bdr-info .img-container {
    display: flex;
    margin: 20px auto;
    padding-top: 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;
}
.fjord-programs-bdr-info .fjord-page-header {
    font-size: 24px;
    font-weight: 400;
    line-height: 1 !important;
    color: #333;
    margin: 0 0 8px;
    display: block;
}
.fjord-programs-bdr-info .fjord-page-description {
    color: #333333;
    font-size: 16px;
    padding-bottom: 0;
}
.fjord-programs-bdr-info .fjord-page-description p {
    font-size: 16px;
    line-height: 1.7 !important;
    margin-top: 0;
    margin-bottom: 32px;
    color: #333;
}

@media (min-width: 768px) {
    .fjord-programs-bdr-info .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}

/* //Bdr-info */