#app [ng\:cloak],#app [ng-cloak],#app [data-ng-cloak],#app [x-ng-cloak],#app .ng-cloak,#app .x-ng-cloak,#app .ng-hide:not(.ng-hide-animate) {
    display: block !important
}

body {
    padding: 0;
}

.eco-m .panel-heading {
    padding-left: 0;
    padding-right: 0;
}

.eco-m .eco-c .eco-rebate-filter {
    padding: 15px 0
}

.eco-m .eco-c .eco-rebate-filter,
.eco-m .eco-c .panel-group .eco-fade {
    background-color: transparent;
}

.eco-m .eco-c a.ecr-view-product {
    display: none;
}

.eco-m .eco-c,
.eco-m .eco-c a {
    color: #50c8e8;
    font-size: 1rem;
    outline: none;
}

/* .eco-m .eco-c .eco-product-list .eco-heading h5 { color: #50c8e8; font-size: 1rem; } */

.pi-ecorebates-a .eco-m .eco-c .eco-widget .eco-value .ng-binding {
    color: #5b5b5b;
}

.pi-ecorebates-b .eco-m .eco-c .eco-widget .eco-value .ng-binding {
    color: #fff;
}

.eco-m .eco-c .eco-location-heading label {
    font-size: 1rem;
}

.eco-m .eco-c .btn-primary {
    background-color: #50c8e8;
    border-color: #3eb5d4;
    text-transform: uppercase;
    outline: none;
}

.eco-m .eco-c .btn-default {
    border-color: #50c8e8;
    color: #50c8e8;
}

.eco-m .eco-c .eco-label,
.eco-m .eco-c .eco-details .eco-label {
    font-size: 1rem;
    line-height: 1.2rem;
}

.eco-m .eco-c .eco-program .eco-value,
.eco-m .eco-c .eco-dates .eco-value,
.eco-m .eco-c .eco-more a {
    /* width: 473px; height: 119px; */
    display: block;
    font-size: 1rem;
    line-height: 1.2rem;
    outline: none;
    text-decoration: none;
}

.eco-m .eco-c .eco-details {
    font-size: 1rem;
    line-height: 1rem;
    padding-right: 0;
    margin-left: 0;
}

.eco-m .eco-c .eco-amount .eco-value,
.eco-m .eco-c .eco-terms {
    font-size: 1rem;
}

.eco-m .eco-c .eco-product-list .eco-product > .panel-heading,
.eco-m .eco-c .eco-product-list .eco-rebate-list {
    border-left: 0;
    border-right: 0;
}

.eco-m .eco-c .eco-product-list .eco-product + .eco-product {
    border-width: 1px;
}

.eco-m .eco-c .panel-group .panel-heading {
    border-top: 0;
}

.eco-m .eco-c .eco-details ul {
    margin-left: 0;
    padding-left: 24px;
}

.eco-m .eco-c .eco-dates .eco-date {
    height: 2.6rem;
}

.eco-m .eco-c .eco-dates .eco-label {
    width: 140px;
}

.eco-m .panel-body {
    padding-left: 0;
    padding-right: 0;
}

.eco-m .h4 .small,
.eco-m .h4 small,
.eco-m .h5 .small,
.eco-m .h5 small,
.eco-m .h6 .small,
.eco-m .h6 small,
.eco-m h4 .small,
.eco-m h4 small,
.eco-m h5 .small,
.eco-m h5 small,
.eco-m h6 .small,
.eco-m h6 small {
    font-size: 100%;
}

.eco-btn-default {
    color: #50c8e8 !important;
    background-color: #fff !important;
    border: 1px solid #50c8e8 !important;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px 6px 12px;
    text-decoration: none !important;
}

.eco-btn-default:hover {
    color: black !important;
    border: 1px solid black !important;
}

.eco-btn-primary {
    color: #fff !important;
    background-color: #50c8e8 !important;
    outline: none !important;
    border: 1px solid #50c8e8 !important;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px 6px 12px;
    text-decoration: none !important;
}

.eco-btn-primary:hover {
    color: #fff !important;
    background-color: #50c8e8 !important;
    border: 1px solid black !important;
}

.ecorebates_menu {
    width: auto;
    text-align: center;
}

.wa,
.rc {
    display: inline-block;
    padding: 10px 4px 10px 4px;
    white-space: nowrap;
}

.WAbuttonW,
.RCbuttonR {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.WAbuttonA,
.RCbuttonC {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ecr-heading {
    display: none !important;
}

.ecorebates_head {
    color: #50c8e8;
    font-family: inherit;
    font-weight: inherit;
}

#localsavings #ecorebates1 .ecr-description {
    font-size: 14px;
}

#localsavings #ecorebates1 .eco-m .eco-c h4 {
    font-family: "RheemSansBold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #FFFFFF !important;
    padding: 0;
}

#localsavings #ecorebates1 .ecr-heading {
    display: block !important;
}

#localsavings #ecorebates1 .eco-m .eco-c {
    color: #FFF !important;
}

#localsavings #ecorebates1 .eco-m .eco-c .btn-primary {
    text-transform: none;
    padding: 8px 24px;
    margin-top: 20px;
    color: #FFF;
    font-size: 16px;
}

#localsavings #ecorebates1 .eco-m .eco-c .btn-primary:hover {
    color: #fff;
    background-color: #3eb5d4;
    border-color: #3eb5d4;
    text-decoration: none !important;
}

#localsavings #ecorebates1 .eco-m .eco-c {
    text-align: left;
}

#localsavings #ecorebates1 .eco-m .eco-c .eco-widget {
    line-height: 24px
}

#localsavings #ecorebates1 .eco-m .eco-c .eco-widget .eco-value a:hover {
    text-decoration: none;
}

#localsavings {
    background: #000 url(https://media.ruud.com/site/ruuddotcom/_WP/css/images/bg-block2.png) center;
    background-size: cover;
}

.ribbon-container {
    left: -10px;
    top: 20px;
}

.ribbon-container .ribbon-header {
    left: 9px;
    margin: 0;
}

.ribbon-container .ribbon-header.white {
    background-color: #FFFFFF;
}

.radiusallcorners {
    border: 1px solid #dedede;
    padding: 65px 25px 25px;
    margin-bottom: 30px;
}

.radiusallcorners {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.ribbon-container {
    position: absolute;
    white-space: nowrap;
    height: 60px;
    z-index: 5
}

.ribbon-container .ribbon-header {
    font-size: 12px;
    position: absolute;
    display: inline-block;
    padding: 8px 15px;
    color: #8B0E04 !important;
    border-radius: 0 4px 4px 0;
    z-index: 1;
    line-height: 1.33;
    margin-bottom: 0;
    font-family: RheemSansBold, Helvetica, Arial, sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase
}

.ribbon-container .ribbon-header:after {
    content: "";
    width: 0;
    height: 0;
    right: -12px;
    bottom: 0;
    z-index: 1;
    display: block;
    position: absolute;
    border-right: 12px solid transparent
}

.panel {
    position: relative;
    margin-bottom: 30px;
}

.teal {
    color: #50c8e8;
}

@media only screen and (min-width: 1200px) {
    .panel {
        margin-bottom: 0;
    }
}