.rect {
    float: left;
    height: 100px;
    width: 125px
}

.enbridgeYellow {
    background-color: #FFB81C;
    color: #ffffa4
}

.bodyCopyBlack {
    background-color: #1A1A1A;
    color: #a2a2a2
}

.charcoalGrey {
    background-color: #353535;
    color: #bdbdbd
}

.enbridgeGrey {
    background-color: #555;
    color: #ddd
}

.steel {
    background-color: #D0D0CE;
    color: black
}

.lightGrey {
    background-color: #d0d0ce;
    color: black
}

.softYellow {
    background-color: #FFF6E3;
    color: black
}

.cherryAlertRed {
    background-color: #C8102E;
    color: #ff98b6
}

@font-face {
    font-family: 'FoundationBlack';
    src: url("../../fonts/Foundation/fs-black/FoundationSans-Black-webFont.eot");
    src: url("../../fonts/Foundation/fs-black/FoundationSans-Black-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-black/FoundationSans-Black-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-black/FoundationSans-Black-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-black/FoundationSans-Black-webFont.svg#webfont") format("svg")
}

@font-face {
    font-family: 'FoundationBlackItalic';
    src: url("../../fonts/Foundation/fs-blackitalic/FoundationSans-BlackItalic-webFont.eot");
    src: url("../../fonts/Foundation/fs-blackitalic/FoundationSans-BlackItalic-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-blackitalic/FoundationSans-BlackItalic-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-blackitalic/FoundationSans-BlackItalic-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-blackitalic/FoundationSans-BlackItalic-webFont.svg#webfont") format("svg")
}

@font-face {
    font-family: 'FoundationBold';
    src: url("../../fonts/Foundation/fs-bold/FoundationSans-Bold-webFont.eot");
    src: url("../../fonts/Foundation/fs-bold/FoundationSans-Bold-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-bold/FoundationSans-Bold-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-bold/FoundationSans-Bold-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-bold/FoundationSans-Bold-webFont.svg#webfont") format("svg")
}

@font-face {
    font-family: 'FoundationLight';
    src: url("../../fonts/Foundation/fs-light/FoundationSans-Light-webFont.eot");
    src: url("../../fonts/Foundation/fs-light/FoundationSans-Light-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-light/FoundationSans-Light-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-light/FoundationSans-Light-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-light/FoundationSans-Light-webFont.svg#webfont") format("svg")
}

@font-face {
    font-family: 'FoundationRoman';
    src: url("../../fonts/Foundation/fs-roman/FoundationSans-Roman-webFont.eot");
    src: url("../../fonts/Foundation/fs-roman/FoundationSans-Roman-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-roman/FoundationSans-Roman-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-roman/FoundationSans-Roman-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-roman/FoundationSans-Roman-webFont.svg#webfont") format("svg")
}

@font-face {
    font-family: 'FoundationBoldItalic';
    src: url("../../fonts/Foundation/fs-bolditalic/FoundationSans-BoldItalic-webFont.eot");
    src: url("../../fonts/Foundation/fs-bolditalic/FoundationSans-BoldItalic-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-bolditalic/FoundationSans-BoldItalic-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-bolditalic/FoundationSans-BoldItalic-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-bolditalic/FoundationSans-BoldItalic-webFont.svg#webfont") format("svg")
}

@font-face {
    font-family: 'FoundationItalic';
    src: url("../../fonts/Foundation/fs-italic/FoundationSans-Italic-webFont.eot");
    src: url("../../fonts/Foundation/fs-italic/FoundationSans-Italic-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-italic/FoundationSans-Italic-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-italic/FoundationSans-Italic-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-italic/FoundationSans-Italic-webFont.svg#webfont") format("svg")
}

@font-face {
    font-family: 'FoundationLightItalic';
    src: url("../../fonts/Foundation/fs-lightitalic/FoundationSans-LightItalic-webFont.eot");
    src: url("../../fonts/Foundation/fs-lightitalic/FoundationSans-LightItalic-webFont.eot?#iefix") format("embedded-opentype"),url("../../fonts/Foundation/fs-lightitalic/FoundationSans-LightItalic-webFont.woff") format("woff"),url("../../fonts/Foundation/fs-lightitalic/FoundationSans-LightItalic-webFont.ttf") format("truetype"),url("../../fonts/Foundation/fs-lightitalic/FoundationSans-LightItalic-webFont.svg#webfont") format("svg")
}

html, body {
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 100%;
    line-height: 1.4em
}

.font-light {
    font-family: "FoundationLight",Arial,sans-serif
}

.font_lightItalic {
    font-family: "FoundationLightItalic",Arial,sans-serif
}

.font-roman {
    font-family: "FoundationRoman",Arial,sans-serif
}

.font-italic {
    font-family: "FoundationItalic",Arial,sans-serif
}

.font-medium {
    font-family: "FoundationBold",Arial,sans-serif
}

.font-mediumItalic {
    font-family: "FoundationItalic",Arial,sans-serif
}

.font-bold, .next-results {
    font-family: "FoundationBold",Arial,sans-serif
}

.font-boldItalic {
    font-family: "FoundationBoldItalic",Arial,sans-serif
}

.font-black {
    font-family: "FoundationBlack","Arial Black",sans-serif
}

.font-blackItalic {
    font-family: "FoundationBlackItalic","Arial Black",sans-serif
}

@media only screen and (min-width: 1201px) and (max-width: 1399px) {
    .container {
        width: 1170px
    }
}

@media only screen and (min-width: 1400px) {
    .container {
        width: 1378px
    }
}

.d-block {
    display: block
}

.m-top {
    margin-top: 1.33333333rem
}

body {
    font-family: "FoundationRoman",Helvetica,Arial,sans-serif;
    font-size: 1rem;
    color: #000
}

input[type='text'], textarea {
    font-size: 1.06666667rem
}

.green-circle-status, .red-circle-status {
    width: 10px;
    border-radius: 50%;
    background: #4a773c;
    height: 10px;
    padding: 6px;
    margin-top: 6px;
    display: inline-block
}

.red-circle-status {
    background: red
}

.tooltiptxt {
    position: relative
}


.okta-form-title {
    font-size: 28px !important;
}

a.tooltip-bg {
    background: url("/images/Question_icon_Blue_RGB_18px.png") !important;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat !important;
    top: 5px;
    left: 0rem;
    display: inline-block;
    background-size: 15px 15px !important
}

.fi_tooltip .popover.fade.top.in {
    width: 298px
}

.fitn_tooltip .popover.fade.top.in {
    width: 298px
}

.fian_tooltip .popover.fade.top.in {
    width: 298px !important
}

.tooltiptxt:not(:focus) .custom-font-tooltip {
    color: #bcbcbc !important
}

@media only screen and (max-width: 991px) {
    .maps-image {
        width: 100%
    }
}

hr {
    margin: 24px 0;
    border-top: 1px solid #B4B4B4
}

.hr-thin {
    height: 1px;
    background-color: #B4B4B4
}

.hr-thin-dark {
    height: 1px;
    background-color: #585858
}

.hr-medium {
    height: 3px;
    background-color: #585858
}

.hr-thick {
    height: 6px;
    background-color: #FCB61C
}

a:focus {
    color: #337ab7
}

.cta, .cta-text, .cta-text-on-yellow, .cta-text-with-borders, .cta-text-with-borders-white, .footer-link, .footer-link-yellow, .dropdown .dropdown-content, .dropdown-dark .dropdown-content, .dropdown-grey .dropdown-content, .dropdown-yellow-whitetxt .dropdown-content, .dropdown-yellow-darktxt .dropdown-content, .dropdown-white .dropdown-content, .cta-button, .btn-dark, .btn-dark-widget, .btn-content-open-dark, .btn-content-open-dark-noborder, .dropdown .dropdown-btn, .dropdown-dark .dropdown-btn, .dropdown-grey .dropdown-btn, .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-darktxt .dropdown-btn, .dropdown-white .dropdown-btn, .btn-disabled, .btn-grey, .btn-grey-widget, .btn-content-open-grey, .btn-content-open-grey-noborder, .btn-yellow-darktxt, .btn-yellow-widget-darktxt, .btn-content-open-yellow-darktxt, .btn-yellow-whitetxt, .btn-yellow-widget-whitetxt, .btn-content-open-yellow-whitetxt, .btn-content, .btn-content-closed-grey, .btn-content-closed-white, .btn-content-closed-white-noborder, .next-results {
    color: #353535;
    font-size: 1.0rem;
    letter-spacing: 0.067rem;
    text-transform: capitalize;
    line-height: 1.4rem;
    display: inline-block
}

    .cta:hover, .cta-text:hover, .cta-text-on-yellow:hover, .cta-text-with-borders:hover, .cta-text-with-borders-white:hover, .footer-link:hover, .footer-link-yellow:hover, .dropdown .dropdown-content:hover, .dropdown-dark .dropdown-content:hover, .dropdown-grey .dropdown-content:hover, .dropdown-yellow-whitetxt .dropdown-content:hover, .dropdown-yellow-darktxt .dropdown-content:hover, .dropdown-white .dropdown-content:hover, .cta-button:hover, .btn-dark:hover, .btn-dark-widget:hover, .btn-content-open-dark:hover, .btn-content-open-dark-noborder:hover, .dropdown .dropdown-btn:hover, .dropdown-dark .dropdown-btn:hover, .dropdown-grey .dropdown-btn:hover, .dropdown-yellow-whitetxt .dropdown-btn:hover, .dropdown-yellow-darktxt .dropdown-btn:hover, .dropdown-white .dropdown-btn:hover, .btn-disabled:hover, .btn-grey:hover, .btn-grey-widget:hover, .btn-content-open-grey:hover, .btn-content-open-grey-noborder:hover, .btn-yellow-darktxt:hover, .btn-yellow-widget-darktxt:hover, .btn-content-open-yellow-darktxt:hover, .btn-yellow-whitetxt:hover, .btn-yellow-widget-whitetxt:hover, .btn-content-open-yellow-whitetxt:hover, .btn-content:hover, .btn-content-closed-grey:hover, .btn-content-closed-white:hover, .btn-content-closed-white-noborder:hover, .next-results:hover {
        color: #FFB81C;
        text-decoration: none
    }

.cta-text, .cta-text-on-yellow, .cta-text-with-borders, .cta-text-with-borders-white, .footer-link, .footer-link-yellow, .dropdown .dropdown-content, .dropdown-dark .dropdown-content, .dropdown-grey .dropdown-content, .dropdown-yellow-whitetxt .dropdown-content, .dropdown-yellow-darktxt .dropdown-content, .dropdown-white .dropdown-content {
    font-family: "FoundationBold",Arial,sans-serif;
    padding: 0.8rem 0
}

    .text-on-yellow:hover, .cta-text-on-yellow:hover, .footer-link-yellow:hover {
        color: white
    }

.text-on-yellow-dark:hover {
    color: #353535
}

.cta-text-with-borders, .cta-text-with-borders-white {
    border-top: #B4B4B4 1px solid;
    border-bottom: #B4B4B4 1px solid;
    background-size: 202% 100%;
    background-color: transparent;
    -webkit-transition: background-position 0.3s;
    transition: background-position 0.3s;
    background-image: -webkit-gradient(linear, left top, right top, from(#FFB81C), color-stop(50%, #FFB81C), color-stop(50%, transparent));
    background-image: linear-gradient(to right, #FFB81C 0%, #FFB81C 50%, transparent 50%);
    background-position: 99% 0
}

    .cta-text-with-borders:hover, .cta-text-with-borders-white:hover {
        background-position: 0 0;
        color: black
    }

.cta-text-with-borders-white {
    border-top: white 1px solid;
    border-bottom: white 1px solid;
    background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, white), color-stop(50%, transparent));
    background-image: linear-gradient(to right, white 0%, white 50%, transparent 50%)
}

.footer-link, .footer-link-yellow {
    color: white;
    padding: 1rem;
    display: block
}

.footer-link-yellow {
    color: #FFB81C;
    font-size: 1.2rem
}

footer {
    background-color: #353535;
    text-align: right
}

.cta-button, .btn-dark, .btn-dark-widget, .btn-content-open-dark, .btn-content-open-dark-noborder, .dropdown .dropdown-btn, .dropdown-dark .dropdown-btn, .dropdown-grey .dropdown-btn, .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-darktxt .dropdown-btn, .dropdown-white .dropdown-btn, .btn-disabled, .btn-grey, .btn-grey-widget, .btn-content-open-grey, .btn-content-open-grey-noborder, .btn-yellow-darktxt, .btn-yellow-widget-darktxt, .btn-content-open-yellow-darktxt, .btn-yellow-whitetxt, .btn-yellow-widget-whitetxt, .btn-content-open-yellow-whitetxt, .btn-content, .btn-content-closed-grey, .btn-content-closed-white, .btn-content-closed-white-noborder {
    text-decoration: none;
    font-family: "FoundationBold",Arial,sans-serif;
    border-radius: 0;
    text-align: center;
    padding: 0.633rem 1rem;
    display: inline-block;
    border: none
}

button:focus {
    outline: 1px solid #B4B4B4
}

.btn-dark, .btn-dark-widget, .btn-content-open-dark, .btn-content-open-dark-noborder, .dropdown .dropdown-btn, .dropdown-dark .dropdown-btn, .dropdown-grey .dropdown-btn, .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-darktxt .dropdown-btn, .dropdown-white .dropdown-btn {
    background-color: #353535;
    color: #fff;
    min-height: 1.13333333rem;
    min-width: 10rem
}

    .btn-dark:hover, .btn-dark-widget:hover, .btn-content-open-dark:hover, .btn-content-open-dark-noborder:hover, .dropdown .dropdown-btn:hover, .dropdown-dark .dropdown-btn:hover, .dropdown-grey .dropdown-btn:hover, .dropdown-yellow-whitetxt .dropdown-btn:hover, .dropdown-yellow-darktxt .dropdown-btn:hover, .dropdown-white .dropdown-btn:hover {
        background-color: #666;
        color: #fff
    }

    .btn-dark:focus, .btn-dark-widget:focus, .btn-content-open-dark:focus, .btn-content-open-dark-noborder:focus, .dropdown .dropdown-btn:focus, .dropdown-dark .dropdown-btn:focus, .dropdown-grey .dropdown-btn:focus, .dropdown-yellow-whitetxt .dropdown-btn:focus, .dropdown-yellow-darktxt .dropdown-btn:focus, .dropdown-white .dropdown-btn:focus {
        background-color: #fff;
        color: #353535
    }

.btn-disabled {
    background-color: #9B9B9B;
    cursor: not-allowed;
    pointer-events: none;
    color: #fff;
    margin-bottom: 1.2rem
}

.btn-grey, .btn-grey-widget, .btn-content-open-grey, .btn-content-open-grey-noborder, .dropdown-grey .dropdown-btn {
    background-color: #555;
    color: white
}

    .btn-grey:hover, .btn-grey-widget:hover, .btn-content-open-grey:hover, .btn-content-open-grey-noborder:hover, .dropdown-grey .dropdown-btn:hover {
        background-color: #FFB81C;
        color: #353535
    }

.btn-yellow-darktxt, .btn-yellow-widget-darktxt, .btn-content-open-yellow-darktxt, .dropdown-yellow-darktxt .dropdown-btn {
    background-color: #FFB81C;
    color: #000000
}

    .btn-yellow-darktxt:hover, .btn-yellow-widget-darktxt:hover, .btn-content-open-yellow-darktxt:hover, .dropdown-yellow-darktxt .dropdown-btn:hover {
        color: white;
        background-color: #353535
    }

.btn-yellow-whitetxt, .btn-yellow-widget-whitetxt, .btn-content-open-yellow-whitetxt, .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-white .dropdown-btn {
    background-color: #FFB81C;
    color: white
}

    .btn-yellow-whitetxt:hover, .btn-yellow-widget-whitetxt:hover, .btn-content-open-yellow-whitetxt:hover, .dropdown-yellow-whitetxt .dropdown-btn:hover, .dropdown-white .dropdown-btn:hover {
        color: #353535;
        background-color: #fff
    }

.widget, .btn-dark-widget, .btn-grey-widget, .btn-yellow-widget-whitetxt, .btn-yellow-widget-darktxt {
    padding: 0.667rem 1rem;
    max-height: 2.35rem
}

.block-and-bold, .btn-content, .btn-content-closed-grey, .btn-content-closed-white, .btn-content-open-yellow-whitetxt, .btn-content-open-yellow-darktxt, .btn-content-open-grey, .btn-content-open-dark, .btn-content-closed-white-noborder, .btn-content-open-grey-noborder, .btn-content-open-dark-noborder {
    font-family: "FoundationBold",Arial,sans-serif;
    display: block
}

.btn-content, .btn-content-closed-grey, .btn-content-closed-white, .btn-content-open-yellow-whitetxt, .btn-content-open-yellow-darktxt, .btn-content-open-grey, .btn-content-open-dark {
    border: #B4B4B4 1px solid
}

.btn-content-closed-grey {
    background-color: #d0d0ce
}

.btn-content-closed-white {
    background-color: white
}

.btn-content-closed-white-noborder {
    background-color: white
}

.dropdown, .dropdown-dark, .dropdown-grey, .dropdown-yellow-whitetxt, .dropdown-yellow-darktxt, .dropdown-white {
    position: relative;
    display: inline-block;
    width: auto
}

    .dropdown .caret-custom:after, .dropdown-dark .caret-custom:after, .dropdown-grey .caret-custom:after, .dropdown-yellow-whitetxt .caret-custom:after, .dropdown-yellow-darktxt .caret-custom:after, .dropdown-white .caret-custom:after {
        color: #FFB81C;
        content: "▼"
    }

    .dropdown:hover .caret-custom:after, .dropdown-dark:hover .caret-custom:after, .dropdown-grey:hover .caret-custom:after, .dropdown-yellow-whitetxt:hover .caret-custom:after, .dropdown-yellow-darktxt:hover .caret-custom:after, .dropdown-white:hover .caret-custom:after {
        content: '▲'
    }

    .dropdown .dropdown-btn, .dropdown-dark .dropdown-btn, .dropdown-grey .dropdown-btn, .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-darktxt .dropdown-btn, .dropdown-white .dropdown-btn {
        padding: 2rem 28px;
        margin: 0
    }

    .dropdown .dropdown-content, .dropdown-dark .dropdown-content, .dropdown-grey .dropdown-content, .dropdown-yellow-whitetxt .dropdown-content, .dropdown-yellow-darktxt .dropdown-content, .dropdown-white .dropdown-content {
        display: none;
        position: absolute;
        padding: 0;
        background-color: #d0d0ce;
        z-index: 1;
        min-width: 100%
    }

        .dropdown .dropdown-content a, .dropdown-dark .dropdown-content a, .dropdown-grey .dropdown-content a, .dropdown-yellow-whitetxt .dropdown-content a, .dropdown-yellow-darktxt .dropdown-content a, .dropdown-white .dropdown-content a {
            color: black;
            padding: 2rem;
            text-decoration: none;
            display: block;
            line-height: 1rem
        }

            .dropdown .dropdown-content a:hover, .dropdown-dark .dropdown-content a:hover, .dropdown-grey .dropdown-content a:hover, .dropdown-yellow-whitetxt .dropdown-content a:hover, .dropdown-yellow-darktxt .dropdown-content a:hover, .dropdown-white .dropdown-content a:hover {
                background-color: #FFB81C
            }

    .dropdown:hover .dropdown-content, .dropdown-dark:hover .dropdown-content, .dropdown-grey:hover .dropdown-content, .dropdown-yellow-whitetxt:hover .dropdown-content, .dropdown-yellow-darktxt:hover .dropdown-content, .dropdown-white:hover .dropdown-content {
        display: block
    }

    .dropdown-yellow-whitetxt .caret-custom:after {
        color: white
    }

    .dropdown-yellow-darktxt .caret-custom:after {
        color: #353535
    }

    .dropdown-white .dropdown-btn {
        color: #353535;
        background-color: white
    }

        .dropdown-white .dropdown-btn:hover {
            color: #FFB81C
        }

.btn-nextline {
    display: block;
    margin-bottom: 20px
}

.gas-reconnect-common-button a {
    border: none;
    border-radius: .26666667rem;
    font-size: 1.06666667rem;
    margin: 1.33333333rem 0 0;
    max-width: 16rem;
    padding: 1.06666667rem;
    text-transform: none;
    width: 100%
}

    .gas-reconnect-common-button a:hover {
        background-color: #000;
        color: #FFC649
    }

.gas-reconnect-common-button .btn-content-open-grey {
    background-color: #353535
}

    .gas-reconnect-common-button .btn-content-open-grey:hover {
        background-color: #666;
        color: #fff
    }

.back-to-sign-in {
    margin: auto;
    width: 250px;
    height: 60px
}

.card-button {
    text-align: center
}

    .card-button a {
        border-radius: 4px;
        border: 3px solid #0488E4;
        font-size: 1.06666667rem;
        padding: .86666667rem;
        margin: 0 auto;
        max-width: 240px;
        display: block
    }

        .card-button a:hover {
            text-decoration: none;
            background-color: #0488E4;
            color: #fff
        }

@media screen and (max-width: 991px) {
    .gas-reconnect-common-button a {
        font-size: 1.33333333rem;
        max-width: 320px
    }
}

.enbridgeGold-btn {
    color: #353535 !important;
    background-color: #FFB81C !important
}

    .enbridgeGold-btn:hover {
        color: white !important;
        background-color: #353535 !important
    }

.black-text-clr {
    color: #000000 !important
}

.image-copy, .image-copy-horizontal, .image-copy-vertical {
    padding: 2.33em;
    background-color: rgba(0,0,0,0.65);
    -webkit-transition: background-position .5s;
    transition: background-position .5s
}

    .image-copy h1, .image-copy-horizontal h1, .image-copy-vertical h1, .image-copy h2, .image-copy-horizontal h2, .image-copy-vertical h2, .image-copy p, .image-copy-horizontal p, .image-copy-vertical p, .image-copy .p, .image-copy-horizontal .p, .image-copy-vertical .p, .image-copy .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .image-copy p, .image-copy-horizontal .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .image-copy-horizontal p, .image-copy-vertical .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .image-copy-vertical p {
        color: white
    }

    .image-copy h2, .image-copy-horizontal h2, .image-copy-vertical h2, .image-copy p, .image-copy-horizontal p, .image-copy-vertical p, .image-copy .p, .image-copy-horizontal .p, .image-copy-vertical .p, .image-copy .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .image-copy p, .image-copy-horizontal .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .image-copy-horizontal p, .image-copy-vertical .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .image-copy-vertical p {
        text-align: center
    }

.image-copy-horizontal {
    background-size: 200% 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.3)), color-stop(50%, rgba(255,255,255,0.3)), color-stop(50%, #353535));
    background-image: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0.3) 50%, #353535 50%)
}

    .image-copy-horizontal:hover {
        background-position: 100% 0
    }

.image-copy-vertical {
    background-size: 100% 200%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), color-stop(50%, rgba(255,255,255,0.3)), color-stop(50%, #353535));
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0.3) 50%, #353535 50%)
}

    .image-copy-vertical:hover {
        background-position: 0 100%
    }

label {
    font-family: "FoundationBold",Arial,sans-serif
}

input {
    font-family: "FoundationRoman",Arial,sans-serif
}

ul.parsley-errors-list:not(.filled) {
    display: none
}

.form-control {
    border-radius: 0;
    -webkit-box-shadow: inset 1px 1px 0px 1px #d0d0ce;
    -ms-box-shadow: inset 1px 1px 0px 1px #d0d0ce;
    box-shadow: inset 1px 1px 0px 1px #d0d0ce;
    border-color: #353535;
    border-color: #555;
    height: 37px
}

    .form-control:focus {
        border-color: #555;
        -webkit-box-shadow: inset 0 0.5px 0.5px rgba(0,0,0,0.075),0 0 4px rgba(50,50,50,0.6);
        -ms-box-shadow: inset 0 0.5px 0.5px rgba(0,0,0,0.075),0 0 4px rgba(50,50,50,0.6);
        box-shadow: inset 0 0.5px 0.5px rgba(0,0,0,0.075),0 0 4px rgba(50,50,50,0.6)
    }

a.click-here:focus {
    color: #337ab7 !important
}

input.parsley-error, textarea.parsley-error, select.parsley-error {
    border: 2px solid #C8102E
}

.error-box, .bubble-invalid, .parsley-errors-list, .bubble-valid, .bubble-right, .error-box-noparsley {
    position: relative;
    padding: 1.5rem;
    margin: 1rem 0 3rem;
    background: #FAE7E9;
    border: #C8102E 1px solid
}

.bubble-invalid, .parsley-errors-list {
    background-color: #FAE7E9;
    border-color: #C8102E
}

    .bubble-invalid:before, .parsley-errors-list:before, .bubble-invalid:after, .parsley-errors-list:after {
        border-style: solid;
        content: "";
        display: block;
        position: absolute;
        width: 0
    }

    .bubble-invalid:before, .parsley-errors-list:before {
        border-width: 0 9px 11px;
        border-color: #C8102E transparent;
        left: auto;
        top: -11px;
        left: 20px
    }

    .bubble-invalid:after, .parsley-errors-list:after {
        border-color: #FAE7E9 transparent;
        border-width: 0 7px 9.5px;
        top: -9px;
        left: 22px
    }

.bubble-valid {
    background-color: #f0fff0;
    border-color: green
}

    .bubble-valid:before, .bubble-valid:after {
        border-style: solid;
        content: "";
        display: block;
        position: absolute;
        width: 0
    }

    .bubble-valid:before {
        border-width: 0 9px 11px;
        border-color: green transparent;
        left: auto;
        top: -11px;
        left: 20px
    }

    .bubble-valid:after {
        border-color: #f0fff0 transparent;
        border-width: 0 7px 9.5px;
        top: -9px;
        left: 22px
    }

.bubble-right {
    background-color: #fff;
    border-color: #FFB81C
}

    .bubble-right:before, .bubble-right:after {
        border-style: solid;
        content: "";
        display: block;
        position: absolute;
        width: 0
    }

    .bubble-right:before {
        border-width: 0 9px 11px;
        border-color: #FFB81C transparent;
        left: auto;
        top: -11px;
        right: 20px
    }

    .bubble-right:after {
        border-color: #fff transparent;
        border-width: 0 7px 9.5px;
        top: -9px;
        right: 22px
    }

.custom-radio-button.parsley-success + ul, .parsley-success.individual-category + ul {
    display: none
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent !important
}

.parsley-errors-list {
    opacity: 0;
    padding: 0;
    margin: 0
}

    .parsley-errors-list.filled {
        opacity: 1;
        margin: 1em 0;
        list-style: none;
        padding: 1rem
    }

        .parsley-errors-list.filled li :before {
            margin-left: 0
        }

    .parsley-errors-list.reduce-padding {
        padding: .66666667rem .3rem !important
    }

.parsley-type:before, .parsley-equalto:before, .parsley-pattern:before, .parsley-custom-error-message:before, .parsley-required:before {
    content: "";
    display: inline-block;
    background: url("../images/icon-info-red.svg") no-repeat;
    width: 1.33333333rem;
    height: 1.33333333rem;
    margin-right: .66666667rem;
    margin-left: 0 !important;
    position: inherit;
    transform: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
    -ms-transform: inherit
}

#preAuthorizedPaymentForm .custom-font-tooltip {
    font-size: 1.06666667rem !important;
    color: #bcbcbc;
    cursor: pointer;
    padding-left: 4px
}

    #preAuthorizedPaymentForm .custom-font-tooltip:hover {
        color: #0488E4 !important
    }

#preAuthorizedPaymentForm .single-line-text {
    font-size: 1.06666667rem;
    color: #333333;
    letter-spacing: 0.2px;
    line-height: 32px;
    padding: 3px 16px
}

#preAuthorizedPaymentForm .popover {
    max-width: 298px !important;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    padding: 16px 24px
}

    #preAuthorizedPaymentForm .popover .popover-title {
        padding: 0
    }

    #preAuthorizedPaymentForm .popover .popover-content {
        padding: 0
    }

    #preAuthorizedPaymentForm .popover img {
        width: 248px;
        height: 132px
    }

    #preAuthorizedPaymentForm .popover img, #preAuthorizedPaymentForm .popover span {
        display: block
    }

.modal-dialog .modal-content .modal-body .content-area button.cancel {
    padding: 0;
    margin: 0 auto;
    background-color: rgba(0,0,0,0);
    border: 0
}

h1, h2, h3 {
    margin: 0;
    letter-spacing: .04rem
}

h1 {
    color: #353535;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.8rem;
    padding-bottom: 1.2rem
}

h2 {
    color: #353535;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1.267rem;
    line-height: 1.533rem;
    padding-bottom: .667rem
}

h3 {
    color: #FFB81C;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1.267rem
}

h4 {
    color: #555
}

.h4 {
    color: #555
}

h5 {
    color: #C8102E
}

.bread-crumb-mice-type, .bread-crumb-mice-type-current, .bread-crumb-mice-type-path {
    font-size: 0.692rem;
    letter-spacing: 0.025rem;
    line-height: 1rem;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.bread-crumb-mice-type-current {
    color: #353535;
    font-family: "FoundationBold",Arial,sans-serif
}

.bread-crumb-mice-type-path {
    color: #555;
    font-family: "FoundationRoman",Arial,sans-serif
}

ol li {
    margin-bottom: 1em;
    margin-left: 1em
}

    ol li::before {
        background-color: #FFB81C;
        font-family: "FoundationBold",Arial,sans-serif;
        width: 2em;
        height: 2em;
        position: absolute;
        margin-top: -.333em;
        border-radius: 50%;
        padding-top: 0.33em;
        text-align: center;
        left: 2em
    }

    ol li ul {
        margin: 0;
        padding: 0
    }

ul {
    position: relative
}

    ul li {
        margin: 0
    }

        ul li::before {
            text-align: inherit;
            padding: 0;
            color: #FFB81C;
            content: "•";
            position: absolute;
            font-size: 160%;
            margin-right: .625em;
            line-height: .625em;
            background-color: transparent;
            vertical-align: middle;
            left: 0;
            transform: translate(0, 20%);
            -webkit-transform: translate(0, 20%);
            -moz-transform: translate(0, 20%);
            -ms-transform: translate(0, 20%);
            -o-transform: translate(0, 20%)
        }

p, .p, .rebate-cta .rebate-cta-desc p {
    color: #1A1A1A;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.266rem;
    padding-bottom: 1em;
    letter-spacing: .04rem
}

th {
    background-color: #FFB81C;
    font-family: "FoundationBlack","Arial Black",sans-serif;
    color: white;
    border-right: 1px solid white
}

td {
    background-color: #d0d0ce;
    border-bottom: 1px solid #D0D0CE;
    border-right: 1px solid #D0D0CE;
    line-height: 1.267em
}

th, td {
    padding: 0.867em 1.5em 1.5em 0.867em
}

    th:last-child, td:last-child {
        border-right: 0
    }

.Remember-my-username input[type="checkbox"]:focus + label:before {
    outline: 1px solid;
    left: 5px !important
}

.Remember-my-username.custom-checkbox input[type="checkbox"] + label:before {
    left: 5px !important
}

.Remember-my-username.custom-checkbox input[type="checkbox"] + label:after {
    left: 6px !important
}

input[type="checkbox"]:focus + label:before {
    outline: 1px solid;
    left: 1px !important
}

input[type="checkbox"]:focus + label:after {
    left: 2px !important
}

input[type="radio"]:focus + label:before {
    outline: 1px solid;
    left: 1px !important
}

input[type="radio"]:focus + label:after {
    left: 5px !important
}

.custom-radio-button, .individual-category {
    padding: .53333333rem 1rem;
    margin-bottom: .66666667rem;
    position: relative;
    overflow: hidden
}

    .custom-radio-button + ul.parsley-errors-list, .individual-category + ul.parsley-errors-list {
        margin-top: 0
    }

.individual-category {
    background-color: #f2f3f3
}

input[type="radio"] {
    vertical-align: top;
    position: absolute;
    top: -rem(-1000);
    opacity: 0
}

.help-category .individual-category {
    padding: .53333333rem 1rem;
    background-color: #f2f3f3;
    margin-bottom: .66666667rem;
    position: relative;
    overflow: hidden
}

    .help-category .individual-category input[type="radio"] + label {
        margin-left: 1.33333333rem
    }

        .help-category .individual-category input[type="radio"] + label:before {
            left: 1rem !important
        }

        .help-category .individual-category input[type="radio"] + label:after {
            left: 1.26666667rem !important
        }

input[type="radio"] + label {
    margin-left: .26666667rem;
    margin-bottom: 0;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #353535;
    letter-spacing: .04rem;
    max-width: 89%
}

    input[type="radio"] + label:before {
        content: "";
        width: .8rem;
        height: .8rem;
        border-radius: 100%;
        background: #fff;
        border: .06666667rem solid #555;
        display: inline-block;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        top: 50%;
        left: 0
    }

input[type="radio"]:checked + label:after {
    content: "";
    width: .26666667rem;
    height: .26666667rem;
    border-radius: 100%;
    background: #353535;
    display: inline-block;
    position: absolute;
    left: .26666667rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.custom-checkbox {
    padding: .53333333rem 1rem;
    margin-bottom: .66666667rem;
    position: relative;
    overflow: hidden
}

    .custom-checkbox input[type="checkbox"] {
        vertical-align: top;
        position: absolute;
        top: 0rem;
        opacity: 0
    }

        .custom-checkbox input[type="checkbox"] + label {
            margin-left: .66666667rem;
            margin-bottom: 0;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 1rem;
            line-height: 1.4rem;
            color: #353535;
            letter-spacing: .04rem;
            max-width: 89%;
            font-weight: normal
        }

            .custom-checkbox input[type="checkbox"] + label:before {
                content: "";
                width: .8rem;
                height: .8rem;
                line-height: 100%;
                background: #ffffff;
                border: 0.06666667rem solid #555555;
                display: inline-block;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                position: absolute;
                top: 50%;
                left: 0
            }

        .custom-checkbox input[type="checkbox"]:checked + label:after {
            content: "\f00c";
            width: .26666667rem;
            border-radius: 100%;
            display: inline-block;
            position: absolute;
            left: .06666667rem;
            top: 50%;
            font: normal normal normal 10px/1 FontAwesome;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }

.datepicker.dropdown-menu {
    padding: 0
}

.table-condensed > tfoot > tr > td {
    padding: .4rem
}

th.datepicker-switch {
    color: #353535;
    font-size: 1rem;
    text-align: center;
    border: 0;
    font-family: "FoundationBold",Arial,sans-serif;
    padding-top: .66666667rem !important
}

th.prev, th.next {
    color: #353535;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    width: 30px
}

    th.prev:before {
        position: absolute;
        content: "\f053";
        text-indent: 0;
        top: .86666667rem;
        left: .66666667rem
    }

    th.next:before {
        position: absolute;
        content: "\f054";
        text-indent: 0;
        top: .86666667rem;
        left: .4rem
    }

th.dow {
    border: 0;
    color: #353535;
    font-size: .66666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    text-align: center;
    text-transform: uppercase
}

td.day {
    font-size: .86666667rem;
    text-align: center;
    border: 0;
    font-family: "FoundationBold",Arial,sans-serif;
    background: #d8d8d8
}

    td.day:hover {
        background: #fff
    }

td.old.day {
    background: #d8d8d8;
    border: 0;
    text-align: center;
    color: rgba(0,0,0,0.3);
    padding: .46666667rem
}

td.new.day {
    text-align: center;
    background: #d8d8d8;
    border: 0;
    color: rgba(0,0,0,0.3)
}

td.disabled.day {
    color: rgba(0,0,0,0.3)
}

.datepicker td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td, .datepicker table tr th {
    height: 30px;
    border: none
}

.datepicker table tr td {
    text-align: center;
    padding: 7px
}

.datepicker .table-condensed {
    width: 202px;
    height: 247px;
    background: #FFB81C
}

.date-latest .datepicker.datepicker-inline {
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0px -2px 12px rgba(0,0,0,0.175);
    box-shadow: 0px -2px 12px rgba(0,0,0,0.175);
    width: 312px;
    position: absolute;
    right: 0;
    z-index: 999999999;
    top: 69px;
    border-radius: 5px
}

.date-latest .datepicker .table-condensed {
    width: 100%;
    height: 100%;
    background: #FFF;
    border-spacing: 0px;
    border-collapse: inherit
}

.date-latest .datepicker table tr td, .date-latest .datepicker table tr th {
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-color: #fff;
    font-size: 14px
}

    .date-latest .datepicker table tr th.datepicker-switch {
        color: #000;
        font-size: 16px
    }

    .date-latest .datepicker table tr th.dow, .date-latest .datepicker table tr th.prev, .date-latest .datepicker table tr th.next {
        color: #333;
        font-size: 12px
    }

    .date-latest .datepicker table tr td.day, .date-latest .datepicker table tr td.new.day, .date-latest .datepicker table tr td.old.day {
        color: #333;
        cursor: pointer
    }

        .date-latest .datepicker table tr td.day:hover {
            background-color: #E5F3FC;
            color: #0488E4;
            border-radius: 5px;
            border: 1px solid #0488E4
        }

    .date-latest .datepicker table tr td.active.day {
        background-color: #E5F3FC;
        color: #0488E4;
        border-radius: 5px;
        border: 1px solid #0488E4;
        cursor: pointer
    }

    .date-latest .datepicker table tr td.disabled.day, .date-latest .datepicker table tr td.new.disabled.day, .date-latest .datepicker table tr td.old.disabled.day {
        color: rgba(0,0,0,0.3);
        cursor: default
    }

    .date-latest .datepicker table tr td.disabled:hover {
        border-radius: 0px;
        border: none;
        color: rgba(0,0,0,0.3);
        background-color: transparent;
        cursor: default
    }

.phase2-main h1 {
    color: #000;
    font-size: 2.33333333rem;
    font-family: "FoundationBold",Arial,sans-serif;
    line-height: 2.73333333rem;
    letter-spacing: -0.3px
}

.phase2-main h2 {
    color: #000;
    font-size: 1.86666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    line-height: 2.66666667rem;
    letter-spacing: -0.1px
}

.phase2-main h3 {
    color: #000;
    font-size: 1.53333333rem;
    font-family: "FoundationBold",Arial,sans-serif;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem
}

.phase2-main .hp-h1 {
    color: #000;
    font-size: 2.33333333rem;
    font-family: "FoundationBold",Arial,sans-serif;
    line-height: 2.73333333rem;
    letter-spacing: -0.3px
}

.phase2-main .hp-h2 {
    color: #000;
    font-size: 1.86666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    line-height: 2.66666667rem;
    letter-spacing: -0.1px
}

.phase2-main .hp-h3 {
    color: #000;
    font-size: 1.53333333rem;
    font-family: "FoundationBold",Arial,sans-serif;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem
}

.phase2-main p, .phase2-main .p, .phase2-main .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .phase2-main p {
    font-size: 1.2rem
}

.phase2-main .hp-p {
    font-size: 1.2rem
}

.phase2-main .form-group {
    margin-bottom: 2.66666667rem
}

    .phase2-main .form-group input {
        border: none;
        border-bottom: 1px solid #d0d0ce;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: unset;
        outline: 0;
        padding-left: 10px;
        color: #333;
        font-size: 1.2rem
    }

    .phase2-main .form-group label {
        color: #0488E4;
        font-size: .86666667rem;
        letter-spacing: 0.22px;
        line-height: 24px;
        font-weight: normal
    }

        .phase2-main .form-group label.normal-font {
            color: #353535;
            font-size: 20px;
            font-family: "FoundationBold",Arial,sans-serif
        }

        .phase2-main .form-group label.disabled {
            color: #9B9B9B
        }

    .phase2-main .form-group textarea {
        border: 1px solid #D0D0CE;
        border-radius: 4px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        color: #333;
        font-size: 1.2rem
    }

.phase2-main :-ms-input-placeholder.form-control {
    color: #999 !important
}

.bbp-common-buttons .btn-content-open-grey.disabled {
    opacity: 0.3;
    cursor: default !important;
    background-color: #353535;
    color: #fff !important
}

    .bbp-common-buttons .btn-content-open-grey.disableda:hover, .bbp-common-buttons .btn-content-open-grey.disabled:hover {
        background-color: #353535;
        opacity: 0.3;
        cursor: default !important;
        color: #fff !important
    }

p, .p, .rebate-cta .rebate-cta-desc p, span, div, ul li, li, h5, label, a, pre, button {
    letter-spacing: .01333333rem !important
}

.icon-grid .grey-blocks .col-lg-4.grid-tip ul li a {
    letter-spacing: 0 !important
}

.accordion-root .panel-group {
    padding: 0
}

    .accordion-root .panel-group .panel .panel-heading .panel-title, .accordion-root .panel-group .panel.panel-default .panel-heading .panel-title {
        position: relative;
        padding-right: 15px
    }

        .accordion-root .panel-group .panel .panel-heading .panel-title a, .accordion-root .panel-group .panel.panel-default .panel-heading .panel-title a {
            display: block
        }

            .accordion-root .panel-group .panel .panel-heading .panel-title a::after, .accordion-root .panel-group .panel.panel-default .panel-heading .panel-title a::after {
                content: "" !important
            }

        .accordion-root .panel-group .panel .panel-heading .panel-title span, .accordion-root .panel-group .panel.panel-default .panel-heading .panel-title span {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0
        }

    .accordion-root .panel-group .panel .panel-body, .accordion-root .panel-group .panel.panel-default .panel-body {
        padding: 25px 0 0
    }

@media screen and (min-width: 991px) {
    .accordion-root .panel-group {
        padding: 0
    }

        .accordion-root .panel-group .panel, .accordion-root .panel-group .panel.panel-default {
            padding: 1.33333333rem
        }

            .accordion-root .panel-group .panel .panel-heading, .accordion-root .panel-group .panel.panel-default .panel-heading {
                padding: 0
            }
}

.egd-padding-20 {
    padding: 20px
}

.egd-padding-0 {
    padding: 0
}

.edg-margint-60 {
    margin-top: 60px
}

@media (max-width: 991px) {
    .mob-egd-padding-25 {
        padding: 25px
    }

    .edg-dd-position {
        min-width: 100% !important
    }

    .egd-mob-padding-0 {
        padding: 0 !important
    }

    .pad-mob-right-0 {
        padding-right: 0
    }
}

.selectdiv {
    position: relative
}

.new-dropdown-phase2 {
    display: block;
    border: none;
    border-bottom: 1px solid #d0d0ce;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: unset;
    outline: 0;
    padding-left: 0;
    color: #333333;
    font-size: 1.2rem;
    width: 100%;
    padding: 8px 0;
    background: #fff
}

.selectdiv:after {
    content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    color: #353535;
    right: 15px;
    top: 16px;
    padding: 30px 0px 0px 8px;
    position: absolute;
    pointer-events: none
}

.new-dropdown-phase2.edg-dropdwn-bxshadow {
    padding: 16px 30px 16px 20px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    border-radius: 4px;
    max-width: 320px
}

@media (max-width: 991px) {
    .new-dropdown-phase2.edg-dropdwn-bxshadow {
        max-width: 100% !important
    }
}

.edg-ddbxshadow-main {
    width: 320px
}

.cust-margin-auto {
    margin: auto
}

.selectdiv.edg-top-align::after {
    top: 40px !important;
    right: 20px
}

.edg-marginb-30 {
    margin-bottom: 30px !important
}

.edg-marginb-20 {
    margin-bottom: 20px !important
}

.edg-marginb-10 {
    margin-bottom: 10px !important
}

.margin-t25 {
    margin-top: 25px
}

.margint-100 {
    margin-top: 100px
}

.marginb-50 {
    margin-bottom: 50px
}

.edg-margint-40 {
    margin-top: 2.66666667rem
}

.edg-margint-10 {
    margin-top: .66666667rem
}

.edg-margint-32 {
    margin-top: 2.13333333rem
}

.edg-paddr-32 {
    padding-right: 2.13333333rem
}

.edg-normal-font {
    font-family: "FoundationRoman",Arial,sans-serif;
    color: #333 !important;
    font-size: 28px !important;
    letter-spacing: 0.35px !important;
    line-height: 33px !important
}

.padding-45-25 {
    padding: 45px 25px
}

@media (max-width: 991px) {
    .padding-45-25 {
        padding: 20px 25px
    }
}

@media (max-width: 991px) {
    .popoup-close-mobile {
        line-height: 1.86666667rem;
        color: #353535;
        opacity: 1;
        margin-top: 19px
    }

    .mob-margintb-50 {
        margin: 50px 0
    }
}

.pad-right-0 {
    padding-right: 0
}

.pad-left-0 {
    padding-left: 0
}

.grey-color-text {
    color: #9B9B9B !important
}

.edg-dd-position {
    display: inline-block;
    min-width: 320px
}

.paddingb-20 {
    padding-bottom: 20px !important
}

.edg-custom-selectbox {
    position: relative;
    max-width: 345px
}

    .edg-custom-selectbox select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 100%;
        line-height: 1.75;
        -ms-word-break: normal;
        word-break: normal
    }

    .edg-custom-selectbox .edg-downArrow {
        position: absolute;
        top: 35%;
        right: 6%;
        pointer-events: none
    }

        .edg-custom-selectbox .edg-downArrow i {
            font-size: 1.2rem;
            font-weight: bold
        }

.margin-0 {
    margin: 0 !important
}

.edg-custom-radio-check label {
    font-size: 18px !important;
    color: #333 !important;
    margin-left: 23.5px !important
}

.edg-custom-radio-check input[type="radio"] + label:before {
    width: 20px;
    height: 20px;
    border: 0.06666667rem solid #0488E4;
    outline: none;
    left: 0 !important
}

.edg-custom-radio-check input[type="radio"] + label:after {
    width: 10px;
    height: 10px;
    background: #0488E4;
    left: 5px
}

@media only screen and (min-device-width: 564px) and (max-device-width: 1024px) {
    .edg-custom-radio-check.pull-right {
        float: none !important;
        margin-left: 50px
    }
}

.phase2-input-error {
    border-bottom: 1px solid red
}

@media (max-width: 991px) {
    .topspacing-mobile {
        margin-top: 60px
    }
}

.edg-terms-condition {
    text-align: center
}

    .edg-terms-condition label {
        margin: 15px
    }

    .edg-terms-condition .textarea {
        border: 1px solid #D0D0CE;
        border-radius: 4px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        color: #333;
        padding: 6px 12px;
        line-height: 23px;
        min-height: 20px;
        font-size: 1.06666667rem;
        height: auto;
        max-height: 250px;
        overflow-y: auto;
        text-align: left
    }

.fontsize12 {
    font-size: 12px !important
}

.dis-inline-block {
    display: inline
}

.one-column-content.authbg-white, .two-column-container.authbg-white {
    background: #fff
}

.no-boxshadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.new-insights-section {
    padding: 30px 30px 30px;
    border: 1px solid #D0D0CE;
    border-radius: 4px 4px 0 0;
    background-color: #FFFFFF;
    border-bottom: 0;
    margin: 50px auto 0 !important
}

@media (max-width: 991px) {
    .new-insights-section {
        margin: 30px 0 !important;
        padding: 0;
        border: 0
    }
}

.new-insights-section .insights-two {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 15px !important
}

.right-15 {
    right: 15px
}

.under-line-anchor a {
    text-decoration: underline;
    text-underline-position: under
}

.egd-grey-bg {
    background-color: #f2f3f3
}

.bannerYellow {
    background-color: #FFB81C;
    color: black
}

    .bannerYellow .serviceAlert, .bannerYellow > .serviceAlert > .fa, .bannerYellow > .serviceAlert > .service-alert-label, .bannerYellow > .serviceAlert > .alert-detail, .bannerYellow > .serviceAlert > .alert-detail a {
        color: black
    }

.serviceAlert > .fa-star:before {
    margin-right: 13px
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bannerYellow > .serviceAlert {
        max-width: 1150px
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .bannerYellow > .serviceAlert {
        max-width: 950px
    }
}

@media screen and (min-width: 1025px) {
    #cozContent {
        white-space: nowrap
    }
}

.my-account-tab-container h3 {
    color: #353535
}

.well.well-lg.well-info {
    color: #31708f;
    background-color: #d9edf7
}

.well.well-lg.well-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

.well.well-lg.well-success {
    color: #3c763d;
    background-color: #dff0d8
}

.well.well-lg.well-danger {
    color: #a94442;
    background-color: #f2dede
}

.acquire-launcher-wrapper {
    display: none
}

.body-loading {
    background-color: #fff;
    position: relative;
    height: 100%
}

.flexColSet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.center-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    min-height: 96vh;
    height: 100%
}

.egdLoadingLogo {
    width: 36%;
    max-width: 450px;
    min-width: 300px;
    margin: 25px 0px
}

.loadingContent {
    margin-left: 30px;
    color: #000000;
    font-size: 18px;
    text-align: center;
    font-family: Arial, sans-serif
}

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    92% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    92% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@media only screen and (max-width: 768px) {
    .loadingContent {
        margin-left: 0px
    }
}

.black-color {
    color: #000000
}

.padding-0 {
    padding: 0 !important;
    text-align: center !important
}

.padding-top-20px {
    padding-top: 20px
}

.h1, .h2, .h3 {
    margin: 0 !important;
    letter-spacing: .04rem !important
}

.paddingb-0 {
    padding-bottom: 0px !important
}

.h2 {
    color: #353535;
    font-size: 1.26666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    line-height: 1.53333333rem;
    font-weight: 500;
    padding-bottom: .66666667rem
}

.p {
    margin: 0 0 10px;
    font-weight: 500;
    display: block
}

.h3 {
    font-size: 1.26666667rem
}

.visHide {
    visibility: hidden
}

.margin-0 {
    margin: 0
}

.cust-label {
    font-size: 18px;
    padding-bottom: 1em;
    margin: 0 0 10px
}

.bg-amber {
    background-color: #FFF6E3 !important;
    border-color: #FFB81C !important
}

    .bg-amber::before {
        border-color: #FFB81C transparent !important
    }

    .bg-amber::after {
        border-color: #FFF6E3 transparent !important
    }

.mega-dropdown {
    position: static !important
}

.dropdown-menu {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    background: transparent;
    border: 0;
    top: 80%
}

.mega-dropdown-menu {
    color: black;
    min-height: 350px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin-top: -3rem
}

    .mega-dropdown-menu .mega-menu-header {
        padding: 2.26666667rem 2.66666667rem .86666667rem 2.66666667rem !important
    }

        .mega-dropdown-menu .mega-menu-header h1 {
            padding-bottom: 0
        }

        .mega-dropdown-menu .mega-menu-header hr.hr-thin {
            margin: 17px 0
        }

    .mega-dropdown-menu:before {
        height: 100%;
        background: #fff;
        content: "";
        display: inline-block;
        position: absolute;
        left: 0rem;
        right: 0rem
    }

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                clear: both;
                line-height: 1.46666667rem;
                color: #1A1A1A;
                max-height: 3rem
            }

                .mega-dropdown-menu > li > ul > li > a::after {
                    background: none
                }

                .mega-dropdown-menu > li > ul > li > a:hover, .mega-dropdown-menu > li > ul > li > a:active {
                    text-decoration: none;
                    background-color: white;
                    color: black
                }

    .mega-dropdown-menu > .mega-menu-left {
        padding-left: 2.66666667rem !important
    }

    .mega-dropdown-menu > .mega-menu-right {
        padding-right: 2.66666667rem !important
    }

    .mega-dropdown-menu .mega-menu-img img {
        height: 13.13333333rem;
        margin-bottom: 1.2rem;
        max-height: 8.4rem !important;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden
    }

.header-bottom .navbar-nav li > .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0
}

.header-bottom .navbar-nav li > ul > li {
    padding: 0
}

    .header-bottom .navbar-nav li > ul > li > a {
        color: black;
        font-size: 1rem;
        font-family: "FoundationBold",Arial,sans-serif;
        letter-spacing: 0.6px;
        padding: .73333333rem 1.66666667rem;
        margin: 0 1.33333333rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .header-bottom .navbar-nav li > ul > li > a::after {
            background: none;
            width: 0
        }

        .header-bottom .navbar-nav li > ul > li > a:hover {
            background-color: #FFB81C !important
        }

.item {
    padding: 0 1.2rem 0 0rem;
    line-height: 1.26666667rem
}

.nav .open > a {
    background-color: white !important;
    color: black !important
}

    .nav .open > a::after {
        width: 0;
        background: none
    }

.nav > li > a:focus {
    background-color: transparent
}

.mega-menu-column {
    border-right: .13333333rem solid #B4B4B4;
    height: 12.33333333rem
}

.exit-button-grey {
    background-color: #555;
    padding: .53333333rem .6rem;
    margin-top: -.53333333rem
}

.cta-mega-menu-large {
    margin-bottom: 2.8rem;
    height: 13.13333333rem;
    padding: 0;
    background: #555
}

    .cta-mega-menu-large > img {
        max-width: 13.13333333rem;
        padding: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .cta-mega-menu-large > .content {
        height: 100%;
        padding: 1.33333333rem 1.33333333rem 1.6rem 1.33333333rem
    }

        .cta-mega-menu-large > .content p, .cta-mega-menu-large > .content .p, .rebate-cta .rebate-cta-desc .cta-mega-menu-large > .content p, .cta-mega-menu-large > .content h3 {
            color: white
        }

        .cta-mega-menu-large > .content p, .cta-mega-menu-large > .content .p, .rebate-cta .rebate-cta-desc .cta-mega-menu-large > .content p {
            margin-top: .53333333rem;
            margin-bottom: .93333333rem
        }

@media only screen and (max-width: 1022px) {
    .dropdown-menu {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        left: 0
    }

    .mega-dropdown-menu {
        min-height: 0
    }

    .header-bottom .navbar-nav li > ul > li {
        background: #D0D0CE !important
    }

        .header-bottom .navbar-nav li > ul > li a {
            margin: 0
        }

    .mega-menu-column {
        border-right: none;
        height: auto
    }
}

.mega-menu-left .item p, .mega-menu-left .item .p {
    color: #353535
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .mega-dropdown-menu {
        width: 940px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .mega-dropdown-menu {
        width: 1140px
    }
}

@media only screen and (min-width: 1400px) {
    .mega-dropdown-menu {
        width: 1348px
    }
}

@media only screen and (max-width: 991px) {
    .header-bottom .navbar-nav li > .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0
    }

    .header-bottom .navbar-nav li > ul > li {
        padding: 0
    }

        .header-bottom .navbar-nav li > ul > li > a {
            padding: .73333333rem 4.53333333rem
        }
}

.header-bottom .navbar-nav li .text-anchor-menu img {
    margin-bottom: 18px;
    max-height: 8.4rem !important;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.header-bottom .navbar-nav li .text-anchor-menu a {
    padding: 0 !important;
    cursor: pointer;
    color: #353535;
    text-decoration: underline;
    font-size: 1rem;
    font-family: "FoundationRoman",Arial,sans-serif
}

    .header-bottom .navbar-nav li .text-anchor-menu a:hover {
        color: #0488E4
    }

.header-top {
    background-color: #555;
    color: #fff
}

    .header-top .customer-query {
        padding: 1.66666667rem 1rem;
        float: left;
        font-family: "FoundationBold",Arial,sans-serif
    }

        .header-top .customer-query a {
            text-decoration: none;
            display: inline-block
        }

        .header-top .customer-query .smellgas {
            font-size: 1.26666667rem;
            line-height: 1.86666667rem;
            text-align: left;
            color: #fff
        }

            .header-top .customer-query .smellgas:after {
                background: url("../images/down arrow.svg") no-repeat center;
                content: "";
                width: .66666667rem;
                height: .66666667rem;
                display: inline-block;
                margin-left: .4rem;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg)
            }

        .header-top .customer-query .customer-care-number {
            font-size: 1.23533333rem;
            padding-left: .66666667rem;
            color: #fff
        }

        .header-top .customer-query .right-arrow-display {
            padding-left: .46666667rem
        }

@media only screen and (max-width: 991px) {
    .header-top .customer-query {
        text-align: center;
        width: 100%;
        padding: 1.13333333rem 1rem
    }
}

.searchbar, .search-results .searchbar {
    float: right;
    line-height: 2.33333333rem;
    font-size: 1.13333333rem;
    padding: 1.4rem 1rem
}

    .searchbar .search-icon, .search-results .searchbar .search-icon {
        float: right;
        margin: 0;
        background-image: url("../images/icon-search.svg");
        background-position: .66666667rem;
        background-repeat: no-repeat;
        background-size: 1.46666667rem;
        padding: 0 .93333333rem 0 2.33333333rem;
        letter-spacing: .08rem;
        line-height: 2.46666667rem
    }

    .searchbar .btn-dark:hover, .searchbar .btn-dark-widget:hover, .searchbar .btn-content-open-dark:hover, .searchbar .btn-content-open-dark-noborder:hover, .searchbar .dropdown .dropdown-btn:hover, .dropdown .searchbar .dropdown-btn:hover, .searchbar .dropdown-dark .dropdown-btn:hover, .dropdown-dark .searchbar .dropdown-btn:hover, .searchbar .dropdown-grey .dropdown-btn:hover, .dropdown-grey .searchbar .dropdown-btn:hover, .searchbar .dropdown-yellow-whitetxt .dropdown-btn:hover, .dropdown-yellow-whitetxt .searchbar .dropdown-btn:hover, .searchbar .dropdown-yellow-darktxt .dropdown-btn:hover, .dropdown-yellow-darktxt .searchbar .dropdown-btn:hover, .searchbar .dropdown-white .dropdown-btn:hover, .dropdown-white .searchbar .dropdown-btn:hover {
        min-height: 2.33333333rem;
        height: 2.33333333rem;
        margin-top: .06666667rem
    }

.custom-text-box {
    height: 2.46666667rem;
    color: #1A1A1A;
    width: 17.33333333rem;
    border: 1px solid #353535;
    box-shadow: inset 3px 3px 0 0 #D0D0CE;
    -webkit-box-shadow: inset 3px 3px 0 0 #D0D0CE;
    -moz-box-shadow: inset 3px 3px 0 0 #D0D0CE;
    -o-box-shadow: inset 3px 3px 0 0 #D0D0CE;
    -ms-box-shadow: inset 3px 3px 0 0 #D0D0CE
}

    .custom-text-box:focus {
        outline: none
    }

.visible-md-class {
    display: none
}

.header-bottom .navbar-nav li a.btn-grey, .header-bottom .navbar-nav li a.btn-grey-widget, .header-bottom .navbar-nav li a.btn-content-open-grey, .header-bottom .navbar-nav li a.btn-content-open-grey-noborder, .header-bottom .navbar-nav li .dropdown-grey a.dropdown-btn, .dropdown-grey .header-bottom .navbar-nav li a.dropdown-btn {
    padding: 10px 15px
}

.header-bottom {
    background-color: #353535
}

    .header-bottom .navbar {
        margin-bottom: 0;
        border-radius: 0
    }

        .header-bottom .navbar .searchbarContainer:before {
            content: none
        }

@media only screen and (min-width: 992px) {
    .header-bottom .navbar .searchbarContainer {
        top: unset;
        z-index: 1
    }
}

.header-bottom .navbar-inverse {
    background-color: transparent;
    border-color: transparent
}

.header-bottom .navbar-header img {
    float: left
}

.header-bottom .navbar-header .navbar-brand {
    padding: 0 1rem
}

.header-bottom .navbar-header .navbar-toggle {
    float: left;
    width: 27%;
    margin: 0;
    padding: .46666667rem 0 0 0
}

.header-bottom .navbar-header .icon-bar {
    margin-left: .33333333rem;
    margin-top: .2rem
}

.header-bottom .navbar-header .myaccount-signin {
    float: right;
    color: #fff
}

.header-bottom .nav-container {
    padding: 1.93333333rem 1rem 1.46666667rem 1rem
}

.header-bottom .nav-clear-link {
    padding: 0
}

.header-bottom .navbar-nav {
    float: right;
    position: inherit
}

    .header-bottom .navbar-nav .submit-signout:after {
        background: none;
        margin-left: 0;
        width: auto;
        height: auto
    }

    .header-bottom .navbar-nav li.sign-in-box {
        position: relative;
        margin-top: .33333333rem
    }

        .header-bottom .navbar-nav li.sign-in-box a:after {
            display: none
        }

        .header-bottom .navbar-nav li.sign-in-box li.sign-in-box.active:hover {
            background-color: #FFB81C
        }

        .header-bottom .navbar-nav li.sign-in-box:hover > a {
            color: #000
        }

            .header-bottom .navbar-nav li.sign-in-box:hover > a::after {
                background: url("../images/down-arrow-white.svg") no-repeat center
            }

        .header-bottom .navbar-nav li.sign-in-box li.active {
            background-color: #FFB81C
        }

            .header-bottom .navbar-nav li.sign-in-box li.active a {
                color: #555
            }

            .header-bottom .navbar-nav li.sign-in-box li.active .sign-in-container a {
                color: #555
            }

        .header-bottom .navbar-nav li.sign-in-box a {
            font-size: 1rem;
            padding: 0
        }

        .header-bottom .navbar-nav li.sign-in-box .sign-in-container {
            display: none;
            position: absolute;
            right: 0;
            top: 2.66666667rem;
            z-index: 999;
            width: 394px
        }

            .header-bottom .navbar-nav li.sign-in-box .sign-in-container.open-signin {
                display: block
            }

        .header-bottom .navbar-nav li.sign-in-box.active:hover {
            background-color: #FFB81C !important
        }

        .header-bottom .navbar-nav li.sign-in-box.active a:after {
            display: none
        }

    .header-bottom .navbar-nav .mega-dropdown:hover a::after {
        background: none
    }

    .header-bottom .navbar-nav li {
        padding-left: 1.86666667rem
    }

        .header-bottom .navbar-nav li::before {
            display: none
        }

        .header-bottom .navbar-nav li .cta-middle a::after, .header-bottom .navbar-nav li .grey a::after, .header-bottom .navbar-nav li .faq-middle a::after, .header-bottom .navbar-nav li .search-results a::after, .header-bottom .navbar-nav li .signin a::after {
            display: none
        }

        .header-bottom .navbar-nav li a {
            position: relative;
            color: #fff;
            font-size: 1.26666667rem;
            padding: 1rem 1rem 1.53333333rem 1rem;
            font-family: "FoundationBold",Arial,sans-serif
        }

            .header-bottom .navbar-nav li a::after {
                background: url("../images/down arrow.svg") no-repeat center;
                content: "";
                width: .66666667rem;
                height: .66666667rem;
                display: inline-block;
                margin-left: .6rem
            }

            .header-bottom .navbar-nav li a:hover {
                background-color: transparent
            }

            .header-bottom .navbar-nav li a img {
                padding-left: .33333333rem
            }

    .header-bottom .navbar-nav .sign-in-box {
        background-color: #FFB81C;
        margin-left: 1.86666667rem;
        padding-right: 1rem;
        padding-left: 1rem
    }

        .header-bottom .navbar-nav .sign-in-box:hover {
            background-color: #fff !important
        }

        .header-bottom .navbar-nav .sign-in-box a {
            color: #000
        }

.header-bottom .nav-container .header-nav {
    padding: 0 1rem
}

    .header-bottom .nav-container .header-nav .mobile-navigator {
        float: left
    }

.header-search {
    background: #555 url("../images/icon-search.png") no-repeat 95% center;
    height: 2.93333333rem;
    line-height: 2.93333333rem;
    color: #d0d0ce;
    border: 1px solid #555;
    width: 100%;
    font-family: "FoundationBold",Arial,sans-serif;
    padding: .93333333rem 2.66666667rem .93333333rem .8rem
}

.header-searchbox {
    padding: 1.46666667rem 1.2rem
}

@media only screen and (min-width: 1201px) {
    .navbar-nav > li > .dropdown-menu {
        top: 79%
    }

    .header-bottom .navbar-nav .mega-dropdown:hover a {
        padding-right: 1.66666667rem;
        padding-left: 1.66666667rem
    }

        .header-bottom .navbar-nav .mega-dropdown:hover a::after {
            display: none
        }
}

@media only screen and (min-width: 992px) {
    .navbar-nav > li > .dropdown-menu {
        top: 79%
    }

    .header-bottom .navbar-nav .mega-dropdown:hover a::after {
        display: none
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-nav > li > .dropdown-menu {
        top: 79%
    }

    .header-bottom .navbar-nav .mega-dropdown:hover a {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

        .header-bottom .navbar-nav .mega-dropdown:hover a::after {
            display: none
        }

    .header-bottom .navbar-nav li {
        padding-left: .33333333rem
    }

        .header-bottom .navbar-nav li a {
            font-size: 1rem;
            padding: 1.06666667rem .66666667rem
        }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .navbar-nav > li > .dropdown-menu {
        top: 79%
    }

    .header-bottom .navbar-nav li {
        padding-left: 1.2rem
    }

        .header-bottom .navbar-nav li a {
            font-size: 1rem
        }
}

@media only screen and (max-width: 991px) {
    .visible-md-class {
        display: block
    }

    .header-bottom {
        height: auto;
        margin-bottom: 0;
        min-height: 5rem
    }

        .header-bottom .container {
            width: 100%
        }

        .header-bottom .navbar-toggle {
            float: left
        }

        .header-bottom .navbar {
            border: 0
        }

        .header-bottom .header-nav {
            position: relative;
            padding: 0 5rem;
            float: left;
            width: 100%
        }

            .header-bottom .header-nav .header-img, .header-bottom .header-nav .header-img-right {
                position: absolute;
                top: 0;
                left: 1.26666667rem;
                min-height: 2.06666667rem
            }

                .header-bottom .header-nav .header-img .small-signIn-container, .header-bottom .header-nav .header-img-right .small-signIn-container {
                    display: none;
                    position: absolute;
                    right: 0;
                    top: 4.6rem;
                    z-index: 999;
                    width: 21.33333333rem
                }

                    .header-bottom .header-nav .header-img .small-signIn-container.open-signin, .header-bottom .header-nav .header-img-right .small-signIn-container.open-signin {
                        display: block !important
                    }

                .header-bottom .header-nav .header-img img, .header-bottom .header-nav .header-img-right img {
                    height: 2.06666667rem;
                    width: 2.06666667rem;
                    -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                    position: absolute;
                    top: 0;
                    left: 50%
                }

            .header-bottom .header-nav .header-img-right {
                right: 1rem;
                left: initial
            }

                .header-bottom .header-nav .header-img-right.yellow-bg {
                    background-color: #FFB81C;
                    right: 0;
                    padding: 0 1rem 1.1rem 1rem
                }

                    .header-bottom .header-nav .header-img-right.yellow-bg:before {
                        position: absolute;
                        content: "";
                        top: -1rem;
                        height: 1rem;
                        width: 100%;
                        background-color: #FFB81C;
                        left: 0
                    }

                    .header-bottom .header-nav .header-img-right.yellow-bg .menu-class {
                        color: #353535;
                        font-family: "FoundationBold",Arial,sans-serif;
                        padding-top: 2.4rem
                    }

        .header-bottom .nav-container {
            padding: 1rem;
            position: relative
        }

            .header-bottom .nav-container .navbar-collapse {
                position: absolute;
                top: 131.46px;
                z-index: 99;
                background: #353535;
                width: 100%;
                border-top: none
            }

                .header-bottom .nav-container .navbar-collapse.collapse {
                    display: none !important
                }

                    .header-bottom .nav-container .navbar-collapse.collapse.in {
                        display: block !important
                    }

                .header-bottom .nav-container .navbar-collapse .searchbar {
                    line-height: 2.33333333rem;
                    font-size: 1rem;
                    margin: 1.33333333rem 1rem;
                    height: 2.93333333rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    border: none;
                    font-family: "FoundationBold",Arial,sans-serif;
                    letter-spacing: .02666667rem;
                    color: #d8d8d8
                }

                    .header-bottom .nav-container .navbar-collapse .searchbar input[type="text"]::-webkit-input-placeholder {
                        color: inherit
                    }

                    .header-bottom .nav-container .navbar-collapse .searchbar .search-icon {
                        float: right;
                        width: 3.66666667rem;
                        height: 100%;
                        background-image: url("../images/icon-search.svg");
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: 1.2rem;
                        letter-spacing: .08rem;
                        line-height: 2.46666667rem
                    }

                    .header-bottom .nav-container .navbar-collapse .searchbar .btn-grey:hover, .header-bottom .nav-container .navbar-collapse .searchbar .btn-grey-widget:hover, .header-bottom .nav-container .navbar-collapse .searchbar .btn-content-open-grey:hover, .header-bottom .nav-container .navbar-collapse .searchbar .btn-content-open-grey-noborder:hover, .header-bottom .nav-container .navbar-collapse .searchbar .dropdown-grey .dropdown-btn:hover, .dropdown-grey .header-bottom .nav-container .navbar-collapse .searchbar .dropdown-btn:hover {
                        background-color: white
                    }

                    .header-bottom .nav-container .navbar-collapse .searchbar .search-text-box {
                        float: left;
                        height: 100%;
                        width: 100%;
                        color: white;
                        border: none;
                        padding: .93333333rem 0 .8rem .8rem;
                        background: #555;
                        border-radius: 0;
                        font-family: inherit;
                        letter-spacing: .02666667rem
                    }

                        .header-bottom .nav-container .navbar-collapse .searchbar .search-text-box:focus {
                            outline: none
                        }

            .header-bottom .nav-container .menu-class {
                color: #fff;
                font-weight: bold;
                padding-top: 2.06666667rem;
                display: inline-block
            }

            .header-bottom .nav-container .header-nav {
                text-align: center
            }

                .header-bottom .nav-container .header-nav .customer-query {
                    min-height: 30px
                }

                    .header-bottom .nav-container .header-nav .customer-query a {
                        color: #fff;
                        font-size: 19px;
                        font-family: "FoundationRoman",Arial,sans-serif;
                        text-decoration: none;
                        padding: 0
                    }

                    .header-bottom .nav-container .header-nav .customer-query .fa {
                        color: #FFB81C;
                        font-size: 18px
                    }

                .header-bottom .nav-container .header-nav .mobile-navigator {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    float: none
                }

                    .header-bottom .nav-container .header-nav .mobile-navigator .menu-items {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        width: 50px;
                        height: 50px
                    }

                        .header-bottom .nav-container .header-nav .mobile-navigator .menu-items .search-link {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            width: 100%;
                            height: 100%
                        }

                            .header-bottom .nav-container .header-nav .mobile-navigator .menu-items .search-link:hover {
                                text-decoration: none
                            }

                    .header-bottom .nav-container .header-nav .mobile-navigator .navbar-header {
                        text-align: center;
                        float: none
                    }

                        .header-bottom .nav-container .header-nav .mobile-navigator .navbar-header .navbar-brand {
                            float: none;
                            display: inline-block;
                            margin: 0px 10px
                        }

                        .header-bottom .nav-container .header-nav .mobile-navigator .navbar-header .myaccount-signin {
                            padding-top: 1.2rem
                        }

        .header-bottom .navbar-nav {
            padding-left: 0;
            float: none;
            margin: 0
        }

            .header-bottom .navbar-nav .open .dropdown-menu {
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0
            }

            .header-bottom .navbar-nav > li {
                padding: 0;
                float: none
            }

                .header-bottom .navbar-nav > li > a {
                    color: #353535;
                    font-size: 1rem
                }

                    .header-bottom .navbar-nav > li > a::after {
                        content: '\2b';
                        float: right;
                        display: inline-block;
                        font-style: normal;
                        font-weight: 600;
                        font-size: 1.63333333rem;
                        -webkit-font-smoothing: antialiased;
                        background: transparent
                    }

        .header-bottom .nav-container .navbar-collapse {
            padding-left: 0;
            padding-right: 0
        }

        .header-bottom .navbar-nav li {
            background: #f2f3f3
        }

            .header-bottom .navbar-nav li > a {
                background: transparent !important;
                padding: .86666667rem 1.46666667rem .86666667rem 2.8rem
            }
}

@media only screen and (min-width: 768px) {
    .sign-in-box {
        background-color: #555;
        margin-left: 1.86666667rem;
        padding-right: 1.86666667rem
    }
}

@media only screen and (max-width: 480px) {
    .header-bottom .navbar-nav li > a {
        background: transparent !important;
        padding: .86666667rem 3.13333333rem .86666667rem 3.06666667rem
    }
}

.mega-dropdown .open-div {
    display: block
}

.yellow-bg {
    background-color: #FFB81C
}

.padding0 {
    padding: 0px
}

.imageStyle {
    left: 36px;
    top: -6px;
    width: 195px;
    height: 51px
}

.hero-image-cta p, .hero-image-cta .p, .hero-image-cta .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .hero-image-cta p {
    padding-bottom: 0;
    margin: 0
}

.hero-image-cta .hero-content {
    position: relative
}

    .hero-image-cta .hero-content .hero-content-image {
        position: absolute;
        left: 15px;
        right: 15px;
        top: 0;
        bottom: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover
    }

.hero-image-cta .program-content {
    position: inherit;
    top: 0;
    padding: 2.73333333rem
}

    .hero-image-cta .program-content.cta-transparent {
        background-color: transparent
    }

    .hero-image-cta .program-content.cta-black {
        background-color: #353535
    }

    .hero-image-cta .program-content.cta-grey {
        background-color: rgba(0,0,0,0.75);
        min-height: 400px
    }

    .hero-image-cta .program-content .program-header {
        border-bottom: 0.06666667rem solid #ffffff
    }

        .hero-image-cta .program-content .program-header h2 {
            font-size: 1.86666667rem;
            line-height: 2.2rem;
            color: #fff;
            padding-bottom: 5px;
            font-family: "FoundationBold",Arial,sans-serif;
            text-align: center
        }

.hero-image-cta .program-main-content {
    padding: 1rem 0
}

    .hero-image-cta .program-main-content .home-logo {
        text-align: center
    }

        .hero-image-cta .program-main-content .home-logo img {
            display: inline-block;
            width: 50px;
            height: 50px
        }

    .hero-image-cta .program-main-content .use-less-do-more {
        text-align: center;
        padding: 1rem 0
    }

        .hero-image-cta .program-main-content .use-less-do-more span {
            font-size: 1.26666667rem;
            line-height: 1.86666667rem;
            font-weight: bold;
            color: #fff;
            font-family: "FoundationBold",Arial,sans-serif
        }

    .hero-image-cta .program-main-content .product-desc {
        padding: 1rem 0
    }

        .hero-image-cta .program-main-content .product-desc P {
            font-size: 1.46666667rem;
            line-height: 1.66666667rem;
            letter-spacing: -0.66px;
            text-align: center;
            color: #fff;
            font-family: "FoundationRoman",Arial,sans-serif;
            overflow: hidden;
            height: 98px
        }

    .hero-image-cta .program-main-content .btn-yellow-darktxt, .hero-image-cta .program-main-content .btn-yellow-widget-darktxt, .hero-image-cta .program-main-content .btn-content-open-yellow-darktxt, .hero-image-cta .program-main-content .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .hero-image-cta .program-main-content .dropdown-btn {
        font-size: 1.06666667rem;
        font-family: "FoundationBlack","Arial Black",sans-serif;
        min-width: 179px;
        color: #333;
        background-color: #FDB735;
        margin-top: 13px
    }

        .hero-image-cta .program-main-content .btn-yellow-darktxt:hover, .hero-image-cta .program-main-content .btn-yellow-widget-darktxt:hover, .hero-image-cta .program-main-content .btn-content-open-yellow-darktxt:hover, .hero-image-cta .program-main-content .dropdown-yellow-darktxt .dropdown-btn:hover, .dropdown-yellow-darktxt .hero-image-cta .program-main-content .dropdown-btn:hover {
            color: #ffffff;
            background-color: #353535
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-image-cta .program-content {
        padding: 2.73333333rem 2.33333333rem 2.73333333rem 2.33333333rem
    }

    .hero-image-cta .home-logo {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .container {
        width: 100%
    }

    .hero-image-cta .hero-content {
        padding: 0;
        overflow: hidden
    }

        .hero-image-cta .hero-content .hero-content-image {
            left: 0;
            right: 0;
            position: relative;
            min-height: 400px !important
        }

    .hero-image-cta .program-content {
        width: 100%;
        padding: 2.66666667rem 1.2rem;
        position: inherit
    }

        .hero-image-cta .program-content .program-header h2 {
            font-size: 1.26666667rem;
            line-height: 1.86666667rem
        }

        .hero-image-cta .program-content .program-header .energy {
            font-size: 1.66666667rem;
            line-height: 1.86666667rem
        }

        .hero-image-cta .program-content .product-desc {
            padding: 0 2.33333333rem 1.66666667rem 2.33333333rem
        }
}

.heating-with-gas-header {
    padding-bottom: 1.66666667rem
}

.cta-middle, .grey, .faq-middle, .search-results, .signin {
    padding: 6.46666667rem 2.6rem;
    color: #1A1A1A;
    text-align: center;
    height: 100%;
    position: relative
}

    .cta-middle p, .grey p, .faq-middle p, .search-results p, .signin p, .cta-middle .p, .grey .p, .faq-middle .p, .search-results .p, .signin .p, .cta-middle .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .cta-middle p, .grey .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .grey p, .faq-middle .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .faq-middle p, .search-results .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .search-results p, .signin .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .signin p {
        margin: 1.26666667rem 0 2.26666667rem 0;
        padding: 0
    }

    .cta-middle h2, .grey h2, .faq-middle h2, .search-results h2, .signin h2 {
        padding: 0;
        margin: 0
    }

    .cta-middle.cta-mega-menu, .cta-mega-menu.grey, .cta-mega-menu.faq-middle, .cta-mega-menu.search-results, .cta-mega-menu.signin {
        margin: 0;
        height: auto;
        width: auto;
        padding: 0
    }

        .cta-middle.cta-mega-menu img, .cta-mega-menu.grey img, .cta-mega-menu.faq-middle img, .cta-mega-menu.search-results img, .cta-mega-menu.signin img {
            width: auto;
            height: auto
        }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .cta-middle.cta-mega-menu img, .cta-mega-menu.grey img, .cta-mega-menu.faq-middle img, .cta-mega-menu.search-results img, .cta-mega-menu.signin img {
        width: 100%;
        height: 100%
    }
}

.cta-middle > img, .grey > img, .faq-middle > img, .search-results > img, .signin > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    height: 100%
}

.cta-icon {
    padding: 1.86666667rem 1.46666667rem 3.66666667rem 1.46666667rem
}

    .cta-icon .cta-content img {
        margin-bottom: 1.33333333rem
    }

    .cta-icon .padding-bottom {
        padding-bottom: 1.13333333rem
    }

.cta-imgicon img {
    left: 50%;
    width: auto;
    height: auto;
    top: 10%;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.cta-middle h2, .grey h2, .faq-middle h2, .search-results h2, .signin h2 {
    font-size: 1.66666667rem;
    line-height: 1.86666667rem
}

.cta-content {
    position: inherit;
    top: 0;
    background: transparent;
    text-align: center
}

.cta-section {
    background-color: #fff;
    padding: 2.66666667rem 3.6rem
}

.cta-text-p {
    letter-spacing: .04rem;
    padding-bottom: 1.6rem
}

.padding-bottom-33 {
    padding-bottom: 2.75em
}

.padding-left-0 {
    padding-left: 0
}

.padding-right-0 {
    padding-right: 0
}

.custom-padding-margin:first-child {
    padding-left: 0
}

.custom-padding-margin:last-child {
    padding-right: 0
}

.right-arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #353535
}

@media only screen and (max-width: 767px) {
    .custom-padding-margin {
        padding: 0 !important
    }

        .custom-padding-margin:last-child {
            margin-bottom: 0
        }

    .cta-section:last-child {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 991px) {
    .custom-padding-margin {
        padding: 0;
        margin-bottom: 1.33333333rem
    }

        .custom-padding-margin:last-child {
            margin-bottom: 0
        }

        .custom-padding-margin .bill-img, .custom-padding-margin .grey {
            padding: 5.26666667rem 2.6rem
        }

            .custom-padding-margin .bill-img h2, .custom-padding-margin .grey h2 {
                padding-bottom: .86666667rem
            }

            .custom-padding-margin .bill-img .cta-text-p, .custom-padding-margin .grey .cta-text-p {
                padding-bottom: 1rem
            }

            .custom-padding-margin .bill-img .text-center {
                padding-bottom: 2.33333333rem
            }

    .cta-section {
        margin: 0;
        padding: 1.33333333rem 0
    }

        .cta-section:last-child {
            padding-bottom: 0
        }
}

@media only screen and (max-width: 1200px) {
    .cta-right {
        color: #1A1A1A;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }

        .cta-right.cta-right:before {
            width: auto;
            padding-top: 100%;
            content: "";
            display: block
        }

        .cta-right .box-img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

            .cta-right .box-img img {
                height: 100%;
                width: 100%
            }

        .cta-right .cta-content {
            position: inherit;
            top: 0;
            background: transparent;
            text-align: center;
            padding: 0 2.6rem
        }
}

@media only screen and (min-width: 1201px) {
    .cta-right {
        height: 20.8rem;
        width: 20.73333333rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .cta-section {
        padding: 2.66666667rem 2rem
    }
}

.cta-content-lmr {
    padding: 0
}

    .cta-content-lmr h2 {
        font-size: 1.66666667rem;
        line-height: 1.86666667rem;
        padding-bottom: 1.26666667rem
    }

    .cta-content-lmr .cta-text, .cta-content-lmr .cta-text-on-yellow, .cta-content-lmr .cta-text-with-borders, .cta-content-lmr .cta-text-with-borders-white, .cta-content-lmr .footer-link, .cta-content-lmr .footer-link-yellow, .cta-content-lmr .dropdown .dropdown-content, .dropdown .cta-content-lmr .dropdown-content, .cta-content-lmr .dropdown-dark .dropdown-content, .dropdown-dark .cta-content-lmr .dropdown-content, .cta-content-lmr .dropdown-grey .dropdown-content, .dropdown-grey .cta-content-lmr .dropdown-content, .cta-content-lmr .dropdown-yellow-whitetxt .dropdown-content, .dropdown-yellow-whitetxt .cta-content-lmr .dropdown-content, .cta-content-lmr .dropdown-yellow-darktxt .dropdown-content, .dropdown-yellow-darktxt .cta-content-lmr .dropdown-content, .cta-content-lmr .dropdown-white .dropdown-content, .dropdown-white .cta-content-lmr .dropdown-content {
        padding: 1.26666667rem 0 2.26666667rem 0;
        line-height: 1.4rem;
        letter-spacing: .04rem;
        text-align: center;
        color: #1A1A1A;
        font-size: 1rem;
        text-transform: none
    }

.bill-img {
    background: #ffb81c url(../images/bill-image.png) bottom no-repeat;
    background-size: inherit
}

.grey {
    background: url("../images/bg-iamge.png") 50% 50% no-repeat;
    background-size: cover
}

.ctahome.cta-middle-content {
    background-color: #F2F2F3;
    padding: 0 0 22px 0;
    height: 100%
}

    .ctahome.cta-middle-content .cta-image {
        overflow: hidden;
        position: relative;
        min-height: 200px
    }

        .ctahome.cta-middle-content .cta-image img {
            height: 100%;
            width: auto;
            position: absolute;
            top: -9999px;
            left: -9999px;
            right: -9999px;
            bottom: -9999px;
            margin: auto
        }

    .ctahome.cta-middle-content h2 {
        font-size: 1.46666667rem;
        line-height: 1.73333333rem;
        letter-spacing: -1.31px;
        padding: 15px 8px;
        color: #353535
    }

    .ctahome.cta-middle-content p, .ctahome.cta-middle-content .p {
        color: #353535;
        font-size: 1.2rem;
        line-height: 1.4rem;
        letter-spacing: -0.54px;
        margin-bottom: 15px;
        padding: 0 8px
    }

    .ctahome.cta-middle-content .btn-yellow-darktxt, .ctahome.cta-middle-content .btn-yellow-widget-darktxt, .ctahome.cta-middle-content .btn-content-open-yellow-darktxt, .ctahome.cta-middle-content .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .ctahome.cta-middle-content .dropdown-btn {
        font-size: 1.06666667rem;
        font-family: "FoundationBlack","Arial Black",sans-serif;
        min-width: 179px;
        color: #333;
        background-color: #FDB735
    }

        .ctahome.cta-middle-content .btn-yellow-darktxt:hover, .ctahome.cta-middle-content .btn-yellow-widget-darktxt:hover, .ctahome.cta-middle-content .btn-content-open-yellow-darktxt:hover, .ctahome.cta-middle-content .dropdown-yellow-darktxt .dropdown-btn:hover, .dropdown-yellow-darktxt .ctahome.cta-middle-content .dropdown-btn:hover {
            color: #ffffff;
            background-color: #353535
        }

@media (min-width: 1200px) {
    .cta-section > div.flex-box .custom-padding-margin:nth-child(2), .cta-section > div.image-with-desc .custom-padding-margin:nth-child(2) {
        padding: 0 7.5px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .flex-box .custom-padding-margin, .tab-container .myTab li .custom-padding-margin, .my-account-tab-container .myTab li .custom-padding-margin, .image-with-desc .custom-padding-margin {
        padding: 0 5px
    }

    .flex-box .signin, .tab-container .myTab li .signin, .my-account-tab-container .myTab li .signin, .image-with-desc .signin {
        padding: 12px 20px
    }

        .flex-box .signin h2, .tab-container .myTab li .signin h2, .my-account-tab-container .myTab li .signin h2, .image-with-desc .signin h2 {
            font-size: 1.4rem
        }
}

@media (max-width: 991px) {
    .ctahome.cta-middle-content .cta-content {
        min-height: 140px
    }

    .ctahome.cta-middle-content .cta-image img {
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: relative
    }

    .ctahome.cta-middle-content img.responsive-m {
        width: 100%
    }
}

@media (min-width: 446px) and (max-width: 991px) {
    .ctahome.cta-middle-content .cta-image img {
        width: 100%
    }
}

@media (max-width: 445px) {
    .ctahome.cta-middle-content .cta-image img {
        height: 100%;
        width: auto;
        position: absolute;
        top: -9999px;
        left: -9999px;
        right: -9999px;
        bottom: -9999px;
        margin: auto
    }
}

@media (min-width: 992px) {
    .wide-cta-comp .cta-lmr {
        padding: 1rem;
        min-height: 170px;
        position: relative;
        height: auto
    }

        .wide-cta-comp .cta-lmr .cta-lmr-text p.cta-text-p, .wide-cta-comp .cta-lmr .cta-lmr-text .cta-text-p.p {
            padding-bottom: 1rem;
            margin-bottom: 2.53333333rem
        }

        .wide-cta-comp .cta-lmr .cta-lmr-text .text-left {
            bottom: 1rem;
            position: absolute
        }
}

.faq-search-lmr {
    padding-top: 2.66666667rem
}

    .faq-search-lmr .cta-lmr {
        padding: 1.6rem 2.66666667rem 2rem 2.53333333rem
    }

    .faq-search-lmr .cta-lmr-text p, .faq-search-lmr .cta-lmr-text .p {
        line-height: 1.37333333rem;
        padding-bottom: 0
    }

.faq-input-find {
    position: relative
}

    .faq-input-find .input-faq-box {
        width: 65.5%;
        float: left
    }

    .faq-input-find .search-faq-button {
        float: left;
        padding-left: .86666667rem;
        width: 32%
    }

    .faq-input-find a.btn-dark, .faq-input-find a.btn-dark-widget, .faq-input-find a.btn-content-open-dark, .faq-input-find a.btn-content-open-dark-noborder, .faq-input-find .dropdown a.dropdown-btn, .dropdown .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-dark a.dropdown-btn, .dropdown-dark .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-grey a.dropdown-btn, .dropdown-grey .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-yellow-whitetxt a.dropdown-btn, .dropdown-yellow-whitetxt .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-yellow-darktxt a.dropdown-btn, .dropdown-yellow-darktxt .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-white a.dropdown-btn, .dropdown-white .faq-input-find a.dropdown-btn {
        position: absolute;
        top: 0;
        height: 37px
    }

.faq-middle, .search-results {
    padding: 2.4rem 1.46666667rem 2.66666667rem 1.46666667rem;
    background-color: #D0D0CE;
    text-align: left
}

    .faq-middle p, .search-results p, .faq-middle .p, .search-results .p, .faq-middle .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .faq-middle p, .search-results .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .search-results p {
        margin: 0;
        font-weight: bold;
        padding: .26666667rem 0 .4rem 0;
        font-size: 1rem !important
    }

        .faq-middle p:hover, .search-results p:hover, .faq-middle .p:hover, .search-results .p:hover {
            color: #353535
        }

    .faq-middle h2, .search-results h2 {
        margin-bottom: .8rem
    }

    .faq-middle p, .search-results p, .faq-middle .p, .search-results .p, .faq-middle .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .faq-middle p, .search-results .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .search-results p {
        margin-bottom: .4rem;
        padding: 0
    }

.cta-lmr {
    background-color: #f2f3f3;
    display: table;
    padding: 1.4rem 2.26666667rem 1.73333333rem 2.26666667rem;
    height: 100%;
    width: 100%
}

    .cta-lmr h2 {
        padding: 0;
        margin: 0
    }

    .cta-lmr p, .cta-lmr .p, .cta-lmr .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .cta-lmr p {
        margin-bottom: 1.33333333rem;
        padding: 0
    }

    .cta-lmr.cta-grey {
        width: 100%
    }

    .cta-lmr.cta-yellow {
        width: 100%
    }

    .cta-lmr .cta-img {
        width: 6.66666667rem;
        display: table-cell;
        vertical-align: middle
    }

    .cta-lmr .cta-lmr-text {
        display: table-cell;
        vertical-align: middle;
        width: 90%;
        float: right
    }

        .cta-lmr .cta-lmr-text .cta-text, .cta-lmr .cta-lmr-text .cta-text-on-yellow, .cta-lmr .cta-lmr-text .cta-text-with-borders, .cta-lmr .cta-lmr-text .cta-text-with-borders-white, .cta-lmr .cta-lmr-text .footer-link, .cta-lmr .cta-lmr-text .footer-link-yellow, .cta-lmr .cta-lmr-text .dropdown .dropdown-content, .dropdown .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-dark .dropdown-content, .dropdown-dark .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-grey .dropdown-content, .dropdown-grey .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-yellow-whitetxt .dropdown-content, .dropdown-yellow-whitetxt .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-yellow-darktxt .dropdown-content, .dropdown-yellow-darktxt .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-white .dropdown-content, .dropdown-white .cta-lmr .cta-lmr-text .dropdown-content {
            line-height: 1.4rem;
            font-size: 1rem !important;
            text-transform: none;
            color: #1A1A1A;
            font-family: "FoundationRoman",Arial,sans-serif
        }

            .cta-lmr .cta-lmr-text .cta-text:hover, .cta-lmr .cta-lmr-text .cta-text-on-yellow:hover, .cta-lmr .cta-lmr-text .cta-text-with-borders:hover, .cta-lmr .cta-lmr-text .cta-text-with-borders-white:hover, .cta-lmr .cta-lmr-text .footer-link:hover, .cta-lmr .cta-lmr-text .footer-link-yellow:hover, .cta-lmr .cta-lmr-text .dropdown .dropdown-content:hover, .dropdown .cta-lmr .cta-lmr-text .dropdown-content:hover, .cta-lmr .cta-lmr-text .dropdown-dark .dropdown-content:hover, .dropdown-dark .cta-lmr .cta-lmr-text .dropdown-content:hover, .cta-lmr .cta-lmr-text .dropdown-grey .dropdown-content:hover, .dropdown-grey .cta-lmr .cta-lmr-text .dropdown-content:hover, .cta-lmr .cta-lmr-text .dropdown-yellow-whitetxt .dropdown-content:hover, .dropdown-yellow-whitetxt .cta-lmr .cta-lmr-text .dropdown-content:hover, .cta-lmr .cta-lmr-text .dropdown-yellow-darktxt .dropdown-content:hover, .dropdown-yellow-darktxt .cta-lmr .cta-lmr-text .dropdown-content:hover, .cta-lmr .cta-lmr-text .dropdown-white .dropdown-content:hover, .dropdown-white .cta-lmr .cta-lmr-text .dropdown-content:hover {
                color: transparent
            }

        .cta-lmr .cta-lmr-text h2 {
            font-size: 1.66666667rem;
            padding-bottom: 20px
        }

@media screen and (max-width: 991px) {
    .faq-search-lmr {
        padding-top: 0
    }

        .faq-search-lmr .custom-faq-search {
            width: 100%
        }

        .faq-search-lmr .btn-dark, .faq-search-lmr .btn-dark-widget, .faq-search-lmr .btn-content-open-dark, .faq-search-lmr .btn-content-open-dark-noborder, .faq-search-lmr .dropdown .dropdown-btn, .dropdown .faq-search-lmr .dropdown-btn, .faq-search-lmr .dropdown-dark .dropdown-btn, .dropdown-dark .faq-search-lmr .dropdown-btn, .faq-search-lmr .dropdown-grey .dropdown-btn, .dropdown-grey .faq-search-lmr .dropdown-btn, .faq-search-lmr .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .faq-search-lmr .dropdown-btn, .faq-search-lmr .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .faq-search-lmr .dropdown-btn, .faq-search-lmr .dropdown-white .dropdown-btn, .dropdown-white .faq-search-lmr .dropdown-btn {
            float: none;
            width: 100%;
            margin-top: .66666667rem
        }

    .faq-input-find {
        padding-right: 0
    }

        .faq-input-find .input-faq-box {
            float: none;
            width: 100%
        }

        .faq-input-find .search-faq-button {
            float: none;
            padding-left: 0;
            width: 100%;
            margin-top: 8px
        }

        .faq-input-find a.btn-dark, .faq-input-find a.btn-dark-widget, .faq-input-find a.btn-content-open-dark, .faq-input-find a.btn-content-open-dark-noborder, .faq-input-find .dropdown a.dropdown-btn, .dropdown .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-dark a.dropdown-btn, .dropdown-dark .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-grey a.dropdown-btn, .dropdown-grey .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-yellow-whitetxt a.dropdown-btn, .dropdown-yellow-whitetxt .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-yellow-darktxt a.dropdown-btn, .dropdown-yellow-darktxt .faq-input-find a.dropdown-btn, .faq-input-find .dropdown-white a.dropdown-btn, .dropdown-white .faq-input-find a.dropdown-btn {
            position: relative
        }

    .faq-middle, .search-results {
        text-align: center;
        margin-top: 1.33333333rem
    }

    .cta-lmr {
        display: block;
        padding: 2.6rem 2.4rem
    }

        .cta-lmr .cta-img {
            display: block;
            width: auto;
            text-align: center
        }

            .cta-lmr .cta-img img {
                display: inline-block
            }

        .cta-lmr .cta-lmr-text {
            display: block;
            padding: 1.66666667rem 0;
            text-align: center;
            float: none;
            width: 100%
        }

            .cta-lmr .cta-lmr-text .cta-text, .cta-lmr .cta-lmr-text .cta-text-on-yellow, .cta-lmr .cta-lmr-text .cta-text-with-borders, .cta-lmr .cta-lmr-text .cta-text-with-borders-white, .cta-lmr .cta-lmr-text .footer-link, .cta-lmr .cta-lmr-text .footer-link-yellow, .cta-lmr .cta-lmr-text .dropdown .dropdown-content, .dropdown .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-dark .dropdown-content, .dropdown-dark .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-grey .dropdown-content, .dropdown-grey .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-yellow-whitetxt .dropdown-content, .dropdown-yellow-whitetxt .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-yellow-darktxt .dropdown-content, .dropdown-yellow-darktxt .cta-lmr .cta-lmr-text .dropdown-content, .cta-lmr .cta-lmr-text .dropdown-white .dropdown-content, .dropdown-white .cta-lmr .cta-lmr-text .dropdown-content {
                text-align: center;
                font-size: 1rem
            }

            .cta-lmr .cta-lmr-text .text-left {
                text-align: center
            }
}

.cta-flex.two-column-cta .cta-img {
    width: 241px;
    display: block
}

.cta-flex.one-column-cta .cta-img {
    width: 281px;
    display: block
}

.cta-flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 0
}

    .cta-flex h2 {
        padding: 0
    }

    .cta-flex p, .cta-flex .p, .cta-flex .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .cta-flex p {
        padding: 1rem 0 1.73333333rem 0;
        margin: 0
    }

    .cta-flex .cta-img {
        width: 241px
    }

    .cta-flex img {
        height: 100%
    }

    .cta-flex .cta-lmr-text {
        padding: 1.73333333rem 2.66666667rem 2rem 2.66666667rem;
        -webkit-box-flex: 1;
        flex: 1 1 0;
        -webkit-flex: 1 1 0;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        display: block
    }

@media screen and (max-width: 991px) {
    .cta-flex {
        display: block
    }

        .cta-flex.two-column-cta .cta-img {
            width: 100%
        }

        .cta-flex.one-column-cta .cta-img {
            width: 100%
        }

        .cta-flex .cta-img {
            width: 100%
        }

            .cta-flex .cta-img img {
                width: 100%
            }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .cta-lmr.cta-flex {
        padding: 0
    }

    .cta-lmr {
        padding: 1rem
    }

    .cta-flex.two-column-cta .cta-img {
        width: 215.5px
    }
}

.footer-top {
    padding-bottom: 1.93333333rem;
    background-color: #353535;
    padding-top: 1.86666667rem
}

    .footer-top .enb-logo {
        background-color: rgba(0,0,0,0);
        padding-top: .33333333rem
    }

    .footer-top .heading-footer {
        color: #FFB81C;
        font-size: 1.23333333rem;
        letter-spacing: .07333333rem;
        line-height: 2.32rem;
        font-weight: bold
    }

    .footer-top .footer-links {
        color: #fff;
        font-size: 1rem;
        line-height: 2.30666667rem;
        letter-spacing: .05333333rem
    }

        .footer-top .footer-links ul {
            padding: 0;
            margin: 0
        }

            .footer-top .footer-links ul li {
                list-style: none
            }

                .footer-top .footer-links ul li::before {
                    display: none
                }

                .footer-top .footer-links ul li a {
                    font-family: "FoundationBold",Arial,sans-serif;
                    font-weight: normal
                }

                .footer-top .footer-links ul li .anc-class {
                    color: #fff;
                    text-decoration: underline;
                    cursor: pointer;
                    font-weight: bold
                }

                    .footer-top .footer-links ul li .anc-class:hover {
                        color: #fff;
                        text-decoration: none;
                        cursor: pointer
                    }

    .footer-top .back-to-top {
        position: relative;
        display: block;
        z-index: 85
    }

        .footer-top .back-to-top a {
            display: block;
            z-index: 99;
            position: fixed;
            right: 0px;
            bottom: 6.33333333rem;
            width: 8.4rem;
            height: 2.6rem;
            background: inherit;
            background-color: #555;
            border: none;
            border-radius: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #fff;
            text-align: center;
            line-height: 2.93333333rem;
            font-size: .8rem;
            padding: 0;
            text-decoration: none
        }

            .footer-top .back-to-top a::after {
                content: "\f106";
                text-indent: initial;
                font: normal normal normal 15px/1 FontAwesome;
                margin-left: 5px;
                text-decoration: none
            }

@media only screen and (max-width: 991px) {
    .footer-top {
        margin-top: 4.66666667rem
    }

        .footer-top .mobile-ctn-center {
            text-align: center;
            padding: 0 2.06666667rem
        }

        .footer-top .enb-logo {
            margin-bottom: 1rem
        }

        .footer-top .mobile_seperate_heading {
            padding-top: .2rem;
            margin-bottom: .2rem;
            border-bottom: .06666667rem solid #555
        }

        .footer-top .heading-footer {
            color: #fff;
            font-size: 1rem;
            letter-spacing: .05333333rem;
            font-family: "FoundationBold",Arial,sans-serif
        }

            .footer-top .heading-footer::after {
                content: '';
                background: url(../images/downArrow.svg) center no-repeat;
                background-size: 100% 100%;
                width: .73333333rem;
                height: .46666667rem;
                display: inline-block;
                margin-left: .46666667rem
            }
}

.footer-bottom {
    padding-top: 1.8rem;
    width: 100%;
    background-color: #555;
    padding-bottom: 1.86666667rem
}

    .footer-bottom .footer-link, .footer-bottom .footer-link-yellow {
        display: inline-block
    }

    .footer-bottom .social-icons {
        display: inline-block;
        margin-top: .26666667rem
    }

        .footer-bottom .social-icons a {
            height: 2.26666667rem;
            width: 2.26666667rem;
            margin-right: 1.53333333rem;
            display: inline-block
        }

    .footer-bottom .mobile_center_text {
        display: none
    }

    .footer-bottom .btn-dark, .footer-bottom .btn-dark-widget, .footer-bottom .btn-content-open-dark, .footer-bottom .btn-content-open-dark-noborder, .footer-bottom .dropdown .dropdown-btn, .dropdown .footer-bottom .dropdown-btn, .footer-bottom .dropdown-dark .dropdown-btn, .dropdown-dark .footer-bottom .dropdown-btn, .footer-bottom .dropdown-grey .dropdown-btn, .dropdown-grey .footer-bottom .dropdown-btn, .footer-bottom .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .footer-bottom .dropdown-btn, .footer-bottom .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .footer-bottom .dropdown-btn, .footer-bottom .dropdown-white .dropdown-btn, .dropdown-white .footer-bottom .dropdown-btn {
        text-transform: none
    }

        .footer-bottom .btn-dark::after, .footer-bottom .btn-dark-widget::after, .footer-bottom .btn-content-open-dark::after, .footer-bottom .btn-content-open-dark-noborder::after, .footer-bottom .dropdown .dropdown-btn::after, .dropdown .footer-bottom .dropdown-btn::after, .footer-bottom .dropdown-dark .dropdown-btn::after, .dropdown-dark .footer-bottom .dropdown-btn::after, .footer-bottom .dropdown-grey .dropdown-btn::after, .dropdown-grey .footer-bottom .dropdown-btn::after, .footer-bottom .dropdown-yellow-whitetxt .dropdown-btn::after, .dropdown-yellow-whitetxt .footer-bottom .dropdown-btn::after, .footer-bottom .dropdown-yellow-darktxt .dropdown-btn::after, .dropdown-yellow-darktxt .footer-bottom .dropdown-btn::after, .footer-bottom .dropdown-white .dropdown-btn::after, .dropdown-white .footer-bottom .dropdown-btn::after {
            content: '';
            background: url(../images/downArrow.svg) center no-repeat;
            background-size: 100% 100%;
            width: .73333333rem;
            height: .46666667rem;
            display: inline-block;
            margin-left: .66666667rem;
            margin-bottom: .13333333rem
        }

    .footer-bottom .bottom-links {
        float: right;
        font-size: .91333333rem;
        line-height: .56666667rem;
        text-align: right;
        letter-spacing: .04666667rem
    }

        .footer-bottom .bottom-links .sitemap-privacy-policy {
            color: #fff
        }

            .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link, .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link-yellow {
                font-size: .86666667rem;
                border-right: 2px solid #ffffff;
                padding: 0rem 1.06666667rem;
                display: inline
            }

                .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link:last-child, .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link-yellow:last-child {
                    border-right: none
                }

                .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link:hover, .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link-yellow:hover {
                    color: #fff;
                    text-decoration: underline;
                    cursor: pointer
                }

            .footer-bottom .bottom-links .sitemap-privacy-policy .anc-empty-pipe::after {
                content: "" !important;
                padding-right: 0;
                padding-left: 0
            }

        .footer-bottom .bottom-links .enbridge-gas-distribution {
            color: #D0D0CE;
            margin-top: .53333333rem
        }

.footer-link, .footer-link-yellow {
    color: #fff;
    text-decoration: none;
    padding: 0;
    display: initial;
    letter-spacing: .04rem
}

    .footer-link:hover, .footer-link-yellow:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .footer-bottom .social-icons {
        display: inline-block
    }

        .footer-bottom .social-icons a {
            padding-right: .53333333rem
        }

    .footer-bottom .mobile_center_text {
        padding-left: 3.06666667rem;
        display: none
    }

    .footer-bottom .bottom-links {
        font-size: .91333333rem
    }
}

@media only screen and (max-width: 991px) {
    .footer-bottom {
        padding-top: 1.66666667rem;
        padding-bottom: 2.26666667rem
    }

        .footer-bottom .mobile_center_text {
            text-align: center;
            display: none;
            padding: 0
        }

        .footer-bottom .social-icons {
            text-align: center;
            width: 100%;
            padding-bottom: 1.33333333rem;
            margin-top: 0rem
        }

            .footer-bottom .social-icons a {
                padding: 0 .53333333rem
            }

        .footer-bottom .content-translate {
            margin-left: auto;
            margin-right: auto;
            width: 14rem
        }

        .footer-bottom .bottom-links {
            font-size: .86666667rem;
            margin-top: 1.33333333rem;
            float: none;
            text-align: center
        }

        .footer-bottom .enbridge-gas-distribution {
            line-height: 1.2rem
        }

            .footer-bottom .enbridge-gas-distribution p, .footer-bottom .enbridge-gas-distribution .p {
                text-align: center;
                margin: 0;
                padding: 0;
                color: #D0D0CE;
                font-size: .78rem;
                letter-spacing: .04666667rem
            }
}

@media only screen and (min-width: 992px) and (max-width: 1369px) {
    .footer-bottom .social-icons a {
        padding-right: 1rem
    }
}

.footer-top {
    padding-bottom: 1.93333333rem;
    background-color: #555555 !important;
    padding-top: 1.86666667rem
}

    .footer-top .heading-footer {
        color: white !important;
        font-size: 1.25rem !important;
        letter-spacing: .07333333rem;
        line-height: 2.32rem;
        font-weight: normal !important
    }

    .footer-top .footer-links {
        color: #fff;
        font-size: 1rem !important;
        margin-top: 10px;
        line-height: 1.5rem !important;
        letter-spacing: .05333333rem
    }

        .footer-top .footer-links ul li {
            padding: 2px 0px
        }

            .footer-top .footer-links ul li .anc-class {
                color: #fff;
                text-decoration: none;
                cursor: pointer;
                font-weight: normal !important
            }

                .footer-top .footer-links ul li .anc-class:hover {
                    color: #fff;
                    text-decoration: underline;
                    cursor: pointer;
                    font-weight: normal !important
                }

            .footer-top .footer-links ul li .fa {
                width: 10px;
                font-size: 15px;
                margin-right: 10px
            }

.footer-bottom {
    padding-top: 1.8rem;
    width: 100%;
    background-color: #353535 !important;
    padding-bottom: 1.86666667rem
}

    .footer-bottom img {
        width: 135px;
        height: 28px
    }

    .footer-bottom .inverse-in-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link::after, .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link-yellow::after {
        padding: 0 .73333333rem
    }

@media only screen and (max-width: 991px) {
    .footer-top .mobile-ctn-center {
        text-align: left !important;
        padding: 0 .06666667rem !important
    }

    .footer-top .heading-footer {
        padding-top: 15px
    }

        .footer-top .heading-footer::after {
            content: '';
            background: transparent !important;
            background-size: 100% 100%;
            width: .73333333rem;
            height: .46666667rem;
            display: inline-block;
            margin-left: .46666667rem
        }

    .footer-bottom {
        padding-top: 0px !important
    }

        .footer-bottom .bottom-links {
            font-size: .86666667rem;
            margin-top: 1.33333333rem;
            float: none;
            text-align: left !important
        }

            .footer-bottom .bottom-links .sitemap-privacy-policy .anc-empty-pipe2::after {
                content: "" !important;
                padding-right: 0;
                padding-left: 0
            }

            .footer-bottom .bottom-links .sitemap-privacy-policy {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                margin: 10px 0px
            }

                .footer-bottom .bottom-links .sitemap-privacy-policy a {
                    margin: 10px 0px
                }

        .footer-bottom .inverse-in-mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }
}

.footer-top .brandmark {
    position: relative
}

    .footer-top .brandmark::before {
        position: absolute;
        content: '';
        height: 2px;
        bottom: 0px;
        left: 0;
        right: 0;
        width: 7%;
        background: #FFB81C
    }

        .footer-top .brandmark::before .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link span, .footer-top .brandmark::before .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link-yellow span {
            text-decoration: none
        }

@media only screen and (min-width: 991px) {
    .footer-link, .footer-link-yellow, .footer-link-yellow {
        color: #fff;
        text-decoration: none;
        padding: 0;
        display: initial;
        letter-spacing: .04rem
    }

    .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link span, .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link-yellow span {
        text-decoration: underline
    }

        .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link span:hover, .footer-bottom .bottom-links .sitemap-privacy-policy .footer-link-yellow span:hover {
            text-decoration: underline
        }
}

.alert-content .serviceAlert {
    min-height: 5.93333333rem
}

    .alert-content .serviceAlert .service-alert-content {
        padding: 1.6rem 1.26666667rem 1.46666667rem 3.53333333rem
    }

.alert-content .customer-update-alert {
    background-color: #4296BD;
    min-height: 5.93333333rem;
    color: #fff;
    padding: 1.6rem 1.26666667rem 1.46666667rem 3.53333333rem;
    margin-top: 1.33333333rem
}

span.fa {
    font-size: 1.6rem
}

.service-alert-label {
    font-size: 1rem;
    letter-spacing: .08rem;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-left: .6rem;
    margin-right: .66666667rem
}

.alert-detail {
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    letter-spacing: .04rem;
    color: #fff
}

.customer-update-label {
    font-size: 1rem;
    letter-spacing: .02666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-left: .6rem;
    margin-right: .66666667rem
}

@media only screen and (max-width: 991px) {
    .alert-content .customer-update-alert {
        padding: 2.46666667rem 1.26666667rem 1.93333333rem 1.26666667rem
    }

    .alert-content .alert-detail {
        margin-top: .33333333rem
    }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .alert-content .customer-update-alert {
        padding: 1.6rem 2rem 1.46666667rem 2rem
    }
}

@media only screen and (min-width: 1024px) {
    .alert-header .serviceAlert {
        position: relative
    }
}

.serviceAlert .alert-detail a {
    color: #fff;
    border-bottom: 1px solid
}

    .serviceAlert .alert-detail a:hover {
        text-decoration: none
    }

    .serviceAlert .alert-detail a:focus {
        color: #337ab7
    }

.alert-header.alert-red {
    background-color: #C8102E
}

.alert-header.alert-blue {
    background-color: #4296BD
}

.alert-header .serviceAlert {
    min-height: 5.93333333rem;
    width: 1348px;
    margin: 0 auto;
    color: #fff;
    padding: 1.4rem 1.26666667rem 1.6rem 2.66666667rem;
    display: table
}

    .alert-header .serviceAlert .alert-title {
        display: table-cell;
        width: 15%
    }

    .alert-header .serviceAlert .alert-desc {
        display: table-cell
    }

.alert-header .customer-update-alert {
    background-color: #4296BD;
    min-height: 5.93333333rem;
    color: #fff;
    padding: 1.4rem 1.26666667rem 1.6rem 2.66666667rem
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .alert-header .serviceAlert {
        padding: 1.6rem 2rem 1.6rem 2rem;
        width: 940px
    }

        .alert-header .serviceAlert .alert-title {
            width: 22%
        }
}

@media only screen and (min-width: 1201px) and (max-width: 1399px) {
    .alert-header .serviceAlert {
        padding: 1.4rem 2rem 1.6rem 2rem;
        width: 1140px
    }

        .alert-header .serviceAlert .alert-title {
            width: 18%
        }
}

@media only screen and (max-width: 991px) {
    .alert-header .serviceAlert {
        width: 100%;
        padding: 2.46666667rem 1.26666667rem 1.93333333rem 1.26666667rem
    }

        .alert-header .serviceAlert .alert-title {
            width: 100%;
            display: block
        }

        .alert-header .serviceAlert .alert-desc {
            display: block
        }

    .alert-detail {
        display: block;
        margin-top: .33333333rem
    }
}

.tab-container h2 {
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1.66666667rem;
    padding-bottom: .9rem
}

.tab-container h3 {
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1.26666667rem;
    color: #353535;
    margin-top: 0;
    margin-bottom: 1.2rem
}

.tab-container h5 {
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 1.26666667rem;
    color: #000;
    letter-spacing: .05333333rem;
    line-height: 1.73333333rem;
    margin: 0
}

.tab-container p, .tab-container .p, .tab-container .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .tab-container p {
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 1rem;
    letter-spacing: .04rem;
    line-height: 1.4rem;
    margin: 0
}

.tab-container .tc-h3 {
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1.26666667rem;
    color: #353535;
    margin-top: 0;
    margin-bottom: 1.2rem
}

.tab-container .tc-h2 {
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1.66666667rem;
    padding-bottom: .9rem
}

.tab-container .bold-text {
    font-family: "FoundationBold",Arial,sans-serif;
    color: #353535
}

.tab-container .rows {
    margin-bottom: 1.66666667rem;
    border-bottom: .06666667rem solid #B4B4B4;
    padding-bottom: 1.56666667rem
}

    .tab-container .rows:last-child {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0
    }

.tab-container ul {
    margin-bottom: 0
}

    .tab-container ul li {
        letter-spacing: .04rem
    }

.tab-container .myTab li {
    list-style-type: none;
    min-width: 25%;
    text-align: center;
    border-left: .06666667rem solid #fff;
    margin-bottom: 1.33333333rem
}

    .tab-container .myTab li.active .fa-check {
        display: inline-block
    }

    .tab-container .myTab li .fa-check {
        display: none
    }

    .tab-container .myTab li::before {
        display: none
    }

    .tab-container .myTab li + li {
        margin-left: 0
    }

    .tab-container .myTab li a {
        background-color: #d0d0ce;
        color: #000;
        border-radius: 0;
        font-family: "FoundationBold",Arial,sans-serif;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .93333333rem 0 .86666667rem 0;
        line-height: 1.4rem;
        letter-spacing: .08rem
    }

        .tab-container .myTab li a .fa {
            margin-right: .2rem;
            width: .86666667rem;
            height: .8rem;
            font-size: .8rem;
            vertical-align: middle
        }

        .tab-container .myTab li a .toggle-arrow {
            display: none
        }

.tab-container .panel-group .panel-heading {
    color: black;
    border-radius: 0;
    padding: 0
}

    .tab-container .panel-group .panel-heading .panel-title a {
        background-color: #FFB81C
    }

        .tab-container .panel-group .panel-heading .panel-title a.collapsed {
            background-color: #d0d0ce;
            color: #000
        }

    .tab-container .panel-group .panel-heading a {
        display: block;
        padding: .66666667rem 1rem
    }

        .tab-container .panel-group .panel-heading a:focus {
            text-decoration: none;
            color: #000
        }

        .tab-container .panel-group .panel-heading a .toggle-arrow {
            display: none
        }

.tab-container .nav-pills > li.active > a, .tab-container .nav-pills > li.active > a:hover, .tab-container .nav-pills > li.active > a:focus {
    background-color: #FFB81B !important;
    color: #000 !important
}

.down-arrow {
    width: 0;
    height: 0;
    border-top: .4rem solid #353535;
    border-bottom: .4rem solid transparent;
    border-left: .4rem solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: .33333333rem;
    margin-top: .46666667rem;
    border-right: .4rem solid transparent
}

.up-arrow {
    width: 0;
    height: 0;
    border-top: .4rem solid transparent;
    border-bottom: .4rem solid #353535;
    border-left: .4rem solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: .33333333rem;
    margin-top: -.46666667rem;
    border-right: .4rem solid transparent
}

.icons {
    width: 1.33333333rem;
    height: 1.33333333rem;
    margin-right: .2rem;
    vertical-align: text-bottom
}

.tab-content-wrapper {
    padding: 2.13333333rem 2.66666667rem 1.2rem 2.66666667rem
}

    .tab-content-wrapper .tab-p {
        font-size: 1.06666667rem;
        line-height: 1.73333333rem;
        letter-spacing: .05333333rem
    }

    .tab-content-wrapper .buy-tips-img img {
        width: 100%
    }

.tab-content ul {
    padding-left: 1.33333333rem
}

    .tab-content ul li {
        margin-bottom: .8rem;
        margin-top: 0
    }

        .tab-content ul li:last-child {
            margin-bottom: 0
        }

.tab-content .yellow-blocks {
    margin-top: 2rem
}

    .tab-content .yellow-blocks.furnace-buying-tips {
        padding-left: 2.66666667rem;
        padding-right: 12.4rem
    }

    .tab-content .yellow-blocks p:last-child, .tab-content .yellow-blocks .p:last-child {
        padding-bottom: 0
    }

.grey-blocks {
    background: #d0d0ce;
    padding: 2.66666667rem
}

.yellow-blocks {
    background: #FFB81C;
    padding: 2.33333333rem 2.66666667rem
}

.need-more-help {
    background-color: #fff;
    padding: 1.73333333rem 2rem;
    margin-top: 2.8rem
}

.padding-left-15 {
    padding-left: 15px
}

@media only screen and (max-width: 991px) {
    .mobile-padding-0 {
        padding: 0
    }

    .tab-container {
        padding-top: 0
    }

        .tab-container #myTab-accordion .panel {
            border: 0
        }

            .tab-container #myTab-accordion .panel .panel-heading .panel-title a {
                text-align: center;
                padding-top: 1rem;
                padding-bottom: 1rem;
                font-family: "FoundationBold",Arial,sans-serif;
                color: #000
            }

                .tab-container #myTab-accordion .panel .panel-heading .panel-title a .fa {
                    margin-right: .2rem;
                    font-family: "FoundationBold",Arial,sans-serif
                }

                .tab-container #myTab-accordion .panel .panel-heading .panel-title a .toggle-arrow {
                    display: inline-block
                }

        .tab-container .container {
            padding: 0
        }

    .tab-content ul {
        padding-left: 1.33333333rem
    }

    .tab-content-wrapper {
        padding: 2.4rem 0 .4rem 0
    }

        .tab-content-wrapper .yellow-blocks {
            margin-top: 2rem;
            padding: 2.33333333rem 1.33333333rem
        }

        .tab-content-wrapper .rows img {
            padding: 0
        }

    .panel-group .panel {
        margin-bottom: 2rem
    }

        .panel-group .panel:last-child {
            margin-bottom: 0
        }

        .panel-group .panel .panel-body {
            padding: 15px 0
        }

    .icon-grid .grey-blocks {
        padding: 2.4rem 1.88666667rem
    }

    .service-desc {
        display: block
    }

        .service-desc .service-desc-text {
            padding: 0 1.46666667rem 1.8rem;
            margin-left: 0
        }

        .service-desc .desc-img {
            width: auto
        }

    .buy-tips-img {
        margin-top: 1.33333333rem
    }

    .tab-container ul {
        padding-left: 1rem
    }

        .tab-container ul.list_style li {
            margin-bottom: .8rem
        }

            .tab-container ul.list_style li::before {
                margin-right: .8rem
            }

            .tab-container ul.list_style li::before {
                margin-right: .8rem
            }

    .tab-container .panel {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0
    }

        .tab-container .panel:last-child .tab-content-wrapper {
            padding-bottom: 0
        }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .tab-container .myTab {
        display: inline-block !important;
        width: 100%
    }

        .tab-container .myTab li {
            min-width: 50%;
            margin-bottom: 1px
        }

            .tab-container .myTab li a {
                display: inline-block !important;
                letter-spacing: .02rem;
                padding-top: .93333333rem !important
            }

                .tab-container .myTab li a .fa {
                    height: 1rem
                }
}

@media only screen and (max-width: 991px) {
    #Residential-collapse .commercial-forms .panel-group .panel-default .panel-body table.download-list {
        word-break: break-word
    }
}

.breadcrumb {
    background-color: transparent;
    padding: .53333333rem 1rem .53333333rem 0;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 0;
    border-radius: 0
}

    .breadcrumb li {
        font-family: "FoundationRoman",Arial,sans-serif;
        text-transform: uppercase;
        font-size: .86666667rem;
        letter-spacing: .02rem
    }

        .breadcrumb li::before {
            content: "";
            color: transparent;
            margin-right: 0rem;
            font-family: "FoundationLight",Arial,sans-serif;
            position: inherit
        }

        .breadcrumb li.active {
            color: #555;
            font-family: "FoundationBold",Arial,sans-serif
        }

            .breadcrumb li.active::before {
                font-weight: normal
            }

        .breadcrumb li a {
            color: #555;
            text-decoration: underline;
            font-size: .86666667rem
        }

        .breadcrumb li:last-child a {
            color: #353535;
            text-decoration: none;
            font-weight: bold;
            font-family: "FoundationBold",Arial,sans-serif;
            cursor: none
        }

.signin {
    text-align: left;
    padding: 1.8rem 1.33333333rem;
    font-size: 1rem;
    line-height: 1.4rem;
    background-color: #FFB81C
}

    .signin input[type="checkbox"]:focus + span {
        outline: 1px solid !important
    }

    .signin h2 {
        text-align: center;
        font-size: 1.66666667rem;
        line-height: 1.86666667rem;
        letter-spacing: -.02rem;
        margin-bottom: .93333333rem
    }

    .signin .btn-dark, .signin .btn-dark-widget, .signin .btn-content-open-dark, .signin .btn-content-open-dark-noborder, .signin .dropdown .dropdown-btn, .dropdown .signin .dropdown-btn, .signin .dropdown-dark .dropdown-btn, .dropdown-dark .signin .dropdown-btn, .signin .dropdown-grey .dropdown-btn, .dropdown-grey .signin .dropdown-btn, .signin .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .signin .dropdown-btn, .signin .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .signin .dropdown-btn, .signin .dropdown-white .dropdown-btn, .dropdown-white .signin .dropdown-btn {
        width: 100%
    }

    .signin .Remember-my-username {
        background-color: #f2f3f3;
        padding: .53333333rem
    }

    .signin .forgot-username {
        color: #1A1A1A;
        font-size: 1.06666667rem;
        text-decoration: underline;
        float: right;
        line-height: 1.46666667rem
    }

    .signin .signin-trouble {
        padding-top: 1rem
    }

        .signin .signin-trouble p, .signin .signin-trouble .p {
            padding: 0;
            text-align: center;
            margin: 0
        }

        .signin .signin-trouble a {
            display: block;
            font-weight: bold;
            color: #353535;
            text-transform: uppercase;
            font-family: "FoundationBold",Arial,sans-serif;
            text-align: center;
            letter-spacing: .08rem
        }

            .signin .signin-trouble a .right-arrow {
                display: inline-block;
                vertical-align: middle;
                margin-left: .66666667rem;
                margin-top: -.2rem
            }

    .signin .checkbox {
        background: #f2f3f3;
        padding: 0
    }

        .signin .checkbox label {
            font-family: "FoundationRoman",Arial,sans-serif;
            color: #1A1A1A;
            letter-spacing: .04rem;
            padding-left: 0;
            padding: 0.53333333rem 1.13333333rem;
            width: 100%
        }

            .signin .checkbox label:after {
                content: "";
                display: table;
                clear: both
            }

            .signin .checkbox label input[type="checkbox"] {
                opacity: 0;
                position: absolute
            }

                .signin .checkbox label input[type="checkbox"] + .cr .cr-icon {
                    opacity: 0
                }

                .signin .checkbox label input[type="checkbox"]:checked + .cr .cr-icon {
                    opacity: 1
                }

        .signin .checkbox .cr {
            position: relative;
            display: inline-block;
            border: .06666667rem solid #555;
            width: .8rem;
            height: .73333333rem;
            margin-right: .5rem;
            margin-left: -.66666667rem;
            outline: 1px solid transparent;
            letter-spacing: .04rem
        }

            .signin .checkbox .cr .cr-icon {
                position: absolute;
                font-size: .66666667rem;
                top: 49%;
                -webkit-transform: translate(0, -49%);
                transform: translate(0, -49%)
            }

                .signin .checkbox .cr .cr-icon.fa-check:before {
                    height: .73333333rem;
                    line-height: 100%
                }

#okta-signin-submit:hover {
    background-color: #555 !important;
    color: #ffff !important
}

#step1NextButton:hover {
    background-color: #555 !important;
    color: #ffff !important
}

#okta-signin-submit {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    #okta-signin-submit focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.forgot-step, .account-activation, .account-unlock {
    display: none
}

.forgot-password-form .page-heading.clearfix {
    padding-left: 0;
    padding-right: 0
}

.actvDetail {
    margin-bottom: 10px
}

    .actvDetail .actvHeading {
        width: 130px;
        display: inline-block
    }

.account-unlock-2 h3 {
    color: #353535;
    margin-bottom: 10px;
    font-size: 17px;
    margin-top: 10px
}

.password-container ul {
    padding: 0;
    padding-left: 1.66666667rem
}

    .password-container ul li {
        margin-bottom: .8rem
    }

        .password-container ul li:before {
            margin-left: -1.66666667rem
        }

.header-name {
    font-size: 18px;
    height: 0
}

.header-name-text {
    float: right;
    color: #fff;
    padding-top: 5px;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 20px
}

.sign-in-box {
    cursor: pointer
}

@media only screen and (max-width: 991px) {
    .signin {
        padding: 1.8rem 1.86666667rem
    }
}

.o-form-head {
    color: #000;
    font-size: 1.53333333rem;
    font-family: "FoundationBold",Arial,sans-serif;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem;
    text-align: left !important
}

#okta-sign-in {
    width: unset !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

    #okta-sign-in.auth-container.main-container {
        font-family: sans-serif;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 1px;
        border-top-width: 0;
        overflow: hidden;
        padding-top: 7%
    }

@media screen and (max-width: 991px) {
    #okta-sign-in.auth-container.main-container {
        border: none;
        padding-top: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        min-width: 260px !important
    }
}

#okta-sign-in.auth-container .button-primary {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFB81C), to(#FFB81C)) !important;
    background-color: #FFB81C !important;
    color: #000 !important;
    font-size: 1.0rem;
    line-height: 24px !important;
    font-family: sans-serif !important;
    border: 1px solid #FFB81C !important;
    font-weight: 600;
    width: unset !important;
    height: 100% !important;
    min-height: 36px !important;
    min-width: 180px !important;
    padding: 10px 25px !important;
    border-radius: 0px !important;
    letter-spacing: 0.213333px !important
}

    #okta-sign-in.auth-container .button-primary:active, #okta-sign-in.auth-container .button-primary:focus, #okta-sign-in.auth-container .button-primary:hover {
        color: #FFF !important;
        background-color: #555 !important;
        border: 1px solid #555 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#555)) !important
    }

#okta-sign-in.auth-container .okta-sign-in-header {
    display: none
}

#okta-sign-in.auth-container h2, #okta-sign-in.auth-container h3 {
    color: #000 !important;
    font-size: 1.53333333rem;
    font-family: "FoundationBold", Arial, sans-serif;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem;
    min-width: unset !important
}

#okta-sign-in.auth-container .auth-content {
    padding: 15px 30px 20px 15px !important
}

@media screen and (max-width: 991px) {
    #okta-sign-in.auth-container .auth-content {
        padding: 15px 0 20px !important
    }
}

@media screen and (max-width: 600px) {
    #okta-sign-in.auth-container .auth-content {
        max-width: unset !important;
        margin: unset !important
    }
}

#okta-sign-in .o-form .custom-checkbox label {
    font-size: 16px !important;
    color: #000;
    font-weight: 700 !important;
    background: none
}

#okta-sign-in .o-form-head {
    font-size: 1.5rem
}

    #okta-sign-in .o-form-head + .o-form-explain {
        text-align: left
    }

#okta-sign-in .o-form label, #okta-sign-in .o-form .input-fix input[type=text] {
    font-size: 16px !important;
    color: #000;
    font-family: sans-serif !important
}

#okta-sign-in .o-form label {
    font-weight: 700 !important
}

#okta-sign-in a {
    color: #007DBA !important;
    white-space: nowrap;
    text-decoration: underline
}

    #okta-sign-in a:active, #okta-sign-in a:focus, #okta-sign-in a:hover, #okta-sign-in a:visited {
        text-decoration: none
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #okta-sign-in h2.o-form-head {
        margin-top: 16px !important
    }
}

#okta-sign-in .auth-footer {
    font-family: sans-serif !important
}

@media screen and (max-width: 991px) {
    #okta-sign-in .auth-footer {
        margin-top: -20px !important
    }
}

#okta-sign-in .Terms {
    line-height: 22px;
    margin-bottom: 37px;
    font-size: 16px;
    color: #000;
    letter-spacing: .01333333rem !important;
    font-family: sans-serif
}

    #okta-sign-in .Terms .bright {
        font-weight: 700
    }

#okta-sign-in .o-form-button-bar {
    padding-top: 0 !important
}

@media screen and (min-width: 992px) {
    #okta-sign-in .o-form-button-bar {
        position: relative;
        top: 0px
    }
}

@media screen and (min-width: 1200px) {
    #okta-sign-in .o-form-button-bar {
        position: relative;
        top: 9px
    }
}

#okta-sign-in .o-form-button-bar.focused-input {
    padding-bottom: 25px !important;
    margin-bottom: 0 !important
}

#okta-sign-in .o-form-button-bar input.link-button-disabled.btn-disabled[type='submit'] {
    color: #FFB81C !important;
    background-color: #555 !important;
    border: 1px solid #555 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#555)) !important;
    font-size: 16px !important;
    letter-spacing: 0.213333px !important;
    margin-bottom: 0 !important;
    text-transform: none !important
}

#okta-sign-in .focused-input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    #okta-sign-in .focused-input label {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

#okta-sign-in .o-form-fieldset-container .o-form-fieldset {
    margin-bottom: 25px !important
}

    #okta-sign-in .o-form-fieldset-container .o-form-fieldset:first-child {
        margin-top: 15px
    }

    #okta-sign-in .o-form-fieldset-container .o-form-fieldset .okta-form-label {
        margin-bottom: 7px !important
    }

.enroll-choices p, .enroll-choices .p, .enroll-choices .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .enroll-choices p, .enroll-choices span {
    font-size: 14px;
    color: #6e6e78 !important
}

.enroll-choices .okta-form-subtitle {
    color: #6e6e78 !important;
    font-weight: 400 !important
}

.enroll-choices .o-form-head, .enroll-choices h2, .enroll-choices h3 {
    font-weight: 600 !important;
    color: #5e5e5e !important;
    font-size: 15px !important;
    font-family: "proxima nova", Arial, Helvetica, sans-serif !important
}

.enroll-choices .enroll-factor-button a {
    text-decoration: underline;
    color: #1d1d21 !important
}

.enroll-choices legend {
    color: #777;
    font-weight: 400
}

.enroll-choices .o-form-input label {
    font-size: 14px !important;
    color: #6e6e78 !important;
    font-weight: 400 !important
}

.enroll-choices .auth-footer a {
    color: #6e6e78 !important;
    text-decoration: underline !important
}

#setMFA {
    float: unset;
    margin: 0 auto
}

    #setMFA .signin-page-container {
        border-right: none !important
    }

    #setMFA .okta-sign-in-header {
        display: block !important;
        padding: 10px 0 !important;
        margin-bottom: 25px
    }

    #setMFA .factors-dropdown-wrap .dropdown.more-actions .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-dark .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-grey .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-yellow-whitetxt .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-yellow-darktxt .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-white .bg-helper {
        color: #fff !important
    }

    #setMFA .dropdown.more-actions .option-selected span.icon-dm, #setMFA .more-actions.dropdown-dark .option-selected span.icon-dm, #setMFA .more-actions.dropdown-grey .option-selected span.icon-dm, #setMFA .more-actions.dropdown-yellow-whitetxt .option-selected span.icon-dm, #setMFA .more-actions.dropdown-yellow-darktxt .option-selected span.icon-dm, #setMFA .more-actions.dropdown-white .option-selected span.icon-dm {
        right: 4px !important
    }

    #setMFA #okta-sign-in.main-container {
        border-width: 1px !important;
        min-height: 480px !important
    }

@media screen and (max-width: 600px) {
    #setMFA #okta-sign-in.main-container {
        margin: 0 auto !important
    }
}

@media screen and (max-width: 991px) {
    #setMFA #okta-sign-in.main-container {
        border: 1px solid #ddd !important;
        max-width: 400px !important;
        width: 100%
    }
}

#setMFA #okta-sign-in.main-container .auth-content {
    padding: 20px 42px !important
}

    #setMFA #okta-sign-in.main-container .auth-content p, #setMFA #okta-sign-in.main-container .auth-content .p, #setMFA #okta-sign-in.main-container .auth-content span {
        font-size: 14px;
        color: #6e6e78 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .okta-form-subtitle {
        color: #6e6e78 !important;
        font-weight: 400 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .o-form-head, #setMFA #okta-sign-in.main-container .auth-content h2, #setMFA #okta-sign-in.main-container .auth-content h3 {
        font-weight: 600 !important;
        color: #5e5e5e !important;
        font-size: 15px !important;
        font-family: "proxima nova", Arial, Helvetica, sans-serif !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .enroll-factor-button a {
        text-decoration: underline;
        color: #1d1d21 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content legend {
        color: #777;
        font-weight: 400
    }

    #setMFA #okta-sign-in.main-container .auth-content .o-form-input label {
        font-size: 14px !important;
        color: #6e6e78 !important;
        font-weight: 400 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .auth-footer a {
        color: #6e6e78 !important;
        text-decoration: underline !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .mfa-verify .custom-checkbox {
        padding-bottom: 15px !important
    }

        #setMFA #okta-sign-in.main-container .auth-content .mfa-verify .custom-checkbox input[type="checkbox"] + label:before {
            height: 1rem !important;
            width: 1rem !important;
            border: 1px solid #353535 !important;
            left: 0 !important;
            outline: none !important
        }

        #setMFA #okta-sign-in.main-container .auth-content .mfa-verify .custom-checkbox input[type="checkbox"] + label:after {
            left: 0.19999999rem !important
        }

#setMFA #okta-sign-in.main-container .o-form-button-bar {
    position: unset !important
}

#setMFA h2 {
    text-align: center !important
}

#setMFA .o-form-fieldset-container .o-form-fieldset {
    margin-bottom: 15px !important
}

    #setMFA .o-form-fieldset-container .o-form-fieldset:first-child {
        margin-top: 0 !important
    }

    #setMFA .o-form-fieldset-container .o-form-fieldset .okta-form-label {
        margin-bottom: 0 !important
    }

#setMFA input[type="radio"] + label:before {
    height: 1rem;
    width: 1rem
}

#setMFA input[type="radio"]:checked + label:after {
    left: 0.4rem !important
}

#setMFA a {
    color: #000 !important
}

.mobile-shadow .sign-in-detail-comp ul li {
    color: #000
}

.mobile-shadow .sign-in-detail-comp .learn-more {
    color: #000
}

.logo-block {
    padding-bottom: 35px !important;
    border-bottom: none !important
}

@media screen and (max-width: 991px) {
    .logo-block {
        padding-top: 7% !important
    }
}

a.button.sms-request-button.link-button {
    background: -webkit-gradient(linear, left top, left bottom, from(#007dc1), to(#007dc1)) !important;
    background: linear-gradient(#007dc1, #007dc1) !important;
    color: #000 !important
}

.sign-in-main .sign-in-detail-comp {
    padding: 0px 0px 0px 65px;
    color: #353535
}

a.link.js-forgot-password {
    color: #007dc1 !important;
    font-size: 1rem !important
}

.sign-in-detail-comp .card-button a {
    background-color: #555 !important;
    color: #fff;
    margin: unset !important;
    font-size: 1.0rem !important;
    line-height: 24px !important;
    height: 100% !important;
    min-height: 36px !important;
    min-width: 180px !important;
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    padding: 10px 25px !important;
    border-radius: 0px !important
}

    .sign-in-detail-comp .card-button a:hover, .sign-in-detail-comp .card-button a:focus, .sign-in-detail-comp .card-button a:active {
        color: #555 !important;
        background-color: #fff !important
    }

.Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp button {
    border-radius: 0px !important
}

.o-form-input-error {
    color: #C8102E !important;
    font-family: FoundationRoman !important
}

.button-primary:hover {
    color: #ffffff !important
}

strong {
    font-weight: 700 !important
}

a.Register-Anchor {
    color: #007DBA;
    text-decoration: underline
}

    a.Register-Anchor:focus, a.Register-Anchor:hover {
        color: #007DBA;
        text-decoration: none
    }

.one-column-container {
    background: #eaeaed
}

    .one-column-container .hero-content img {
        width: 100%;
        max-width: 94.53333333rem;
        margin: 0 auto
    }

    .one-column-container .container-section .main-content {
        margin-top: -6.66666667rem;
        background-color: #fff;
        padding: 3.66666667rem 3.33333333rem;
        position: relative;
        min-height: 63.33333333rem
    }

@media only screen and (max-width: 991px) {
    .one-column-container .container-section {
        margin-top: 0;
        background: #fff
    }

        .one-column-container .container-section .main-content {
            padding: 0;
            margin-top: 0;
            min-height: auto
        }
}

@media only screen and (min-width: 1399px) {
    .one-column-container .container-section .main-content {
        padding: 3.66666667rem 11.13333333rem
    }
}

.page-heading .page-main-heading {
    line-height: 1.6rem;
    font-size: 1.66666667rem;
    padding-top: 2.53333333rem;
    padding-bottom: 1.46666667rem
}

.page-heading .page-description {
    color: #1A1A1A;
    line-height: 1.4rem;
    letter-spacing: .04rem;
    padding-bottom: .4rem;
    margin-bottom: 1.86666667rem
}

.page-heading .mb-20 {
    margin-bottom: 1.33333333rem
}

.page-heading .mb-28 {
    margin-bottom: 1.86666667rem
}

.energy-usage-image {
    padding: 1.2rem 0
}

.energy-usage {
    border-bottom: 1px solid #B4B4B4;
    border-top: 1px solid #B4B4B4;
    padding: .73333333rem 0
}

    .energy-usage P {
        padding: 0;
        margin: 0;
        letter-spacing: .04rem;
        line-height: 1.4rem
    }

.icon-grey:after {
    background: url("../images/down arrow.svg") no-repeat center;
    content: "";
    width: .66666667rem;
    height: .66666667rem;
    display: inline-block;
    margin-left: .4rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: .4rem
}

@media only screen and (max-width: 991px) {
    .page-heading {
        padding-left: 2rem;
        padding-right: 2rem
    }

        .page-heading .page-main-heading {
            line-height: 2.4rem;
            padding-bottom: 1.13333333rem
        }

    .energy-usage-image {
        text-align: center;
        padding-top: .66666667rem
    }

    .energy-mobile {
        letter-spacing: .01333333rem;
        text-align: center
    }

    .energy-usage {
        padding: 1.2rem 2rem .93333333rem 2rem
    }

        .energy-usage img {
            padding-bottom: 1.06666667rem
        }
}

.video-widget {
    height: 100%;
    padding-bottom: 56.25%;
    position: relative
}

    .video-widget iframe {
        height: 100%;
        width: 100%;
        border: 0;
        position: absolute;
        top: 0;
        left: 0
    }

@media only screen and (max-width: 991px) {
    .furnace-safety-wrapper {
        padding-bottom: 0 !important
    }

        .furnace-safety-wrapper .video-widget {
            padding-left: 0;
            padding-right: 0
        }

    .video-widget {
        margin: 2.06666667rem 0
    }

        .video-widget.video-widget-mobile {
            margin: 1.2rem 0 2.66666667rem 0
        }

            .video-widget.video-widget-mobile:last-child {
                margin-bottom: 0
            }
}

.one-column-container-page {
    background: #eaeaed
}

.flex-box, .tab-container .myTab li, .tab-container .myTab li a, .my-account-tab-container .myTab li, .my-account-tab-container .myTab li a, .image-with-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 991px) {
    .one-column-container-page {
        background: #fff
    }

    .flex-box, .tab-container .myTab li, .tab-container .myTab li a, .my-account-tab-container .myTab li, .my-account-tab-container .myTab li a, .image-with-desc {
        display: block
    }
}

.icon-grid {
    border-top: 1px solid #B4B4B4;
    margin-bottom: 1.33333333rem
}

    .icon-grid .grey-blocks {
        margin-top: 2rem;
        padding: 2.2rem 2.734rem;
        overflow: hidden
    }

        .icon-grid .grey-blocks h2 {
            font-size: 1.6rem;
            padding-bottom: 1.13333333rem;
            padding-top: 2.73333333rem;
            padding-right: 2.73333333rem
        }

        .icon-grid .grey-blocks span {
            color: #000;
            font-family: "FoundationRoman",Arial,sans-serif
        }

    .icon-grid .grid-tip {
        padding: 0
    }

    .icon-grid .element-box {
        padding: 0
    }

    .icon-grid .grid-elements {
        text-align: center;
        padding: 0;
        width: 24%;
        margin-right: 0
    }

    .icon-grid .grid-icon {
        display: block;
        margin-bottom: 1.13333333rem
    }

    .icon-grid > span {
        color: #000;
        font-family: "FoundationRoman",Arial,sans-serif
    }

    .icon-grid ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .icon-grid ul li {
            display: inline-block;
            margin-right: 2rem;
            text-align: center
        }

            .icon-grid ul li::before {
                display: none
            }

            .icon-grid ul li:last-child {
                margin-right: 0
            }

            .icon-grid ul li a {
                display: block;
                color: #1A1A1A;
                font-family: "FoundationBold",Arial,sans-serif;
                text-transform: uppercase;
                letter-spacing: .08rem
            }

                .icon-grid ul li a:hover {
                    text-decoration: none
                }

                .icon-grid ul li a i {
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: .33333333rem;
                    margin-top: -.26666667rem;
                    border-left-color: #1a1a1a;
                    border-bottom-width: 5px;
                    border-left-width: 7px
                }

.padding-20 .icon-grid {
    border: 0;
    height: 100%
}

    .padding-20 .icon-grid .grey-blocks {
        margin-top: 0;
        height: 100%
    }

.padding-20 .yellow-blocks {
    height: 100%
}

.icon-grid-cta {
    height: 100%;
    border: 0
}

    .icon-grid-cta .element-box {
        width: 100%
    }

    .icon-grid-cta .grey-blocks {
        margin-top: 0;
        height: 100%;
        padding: 2.86666667rem 2.73333333rem
    }

        .icon-grid-cta .grey-blocks h2 {
            padding-top: 0;
            padding-bottom: 2.46666667rem
        }

    .icon-grid-cta .grid-elements {
        text-align: center
    }

        .icon-grid-cta .grid-elements a {
            float: left
        }

    .icon-grid-cta .grid-tip {
        width: 100%
    }

@media only screen and (min-width: 1200px) {
    .icon-grid.icon-grid-cta .grid-tip {
        width: 100%
    }

    .icon-grid.icon-grid-cta .element-box {
        width: 100%
    }

    .icon-grid .grid-tip {
        width: 37.5%
    }

    .icon-grid .element-box {
        width: 62.5%
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .icon-grid .grid-tip h2 {
        padding-top: 0
    }

    .icon-grid .grey-blocks {
        padding: 43px 41px
    }

        .icon-grid .grey-blocks h2 {
            padding-bottom: 2.46666667rem
        }

        .icon-grid .grey-blocks ul li a {
            float: left;
            font-size: 13px
        }
}

@media (min-width: 512px) and (max-width: 992px) {
    .icon-grid .grey-blocks {
        padding: 43px 41px
    }

        .icon-grid .grey-blocks h2 {
            padding-top: 0;
            padding-bottom: 37px
        }

        .icon-grid .grey-blocks .grid-elements {
            display: inline-block
        }

        .icon-grid .grey-blocks ul {
            display: block;
            padding-top: 0;
            padding-left: 0;
            margin-bottom: 0
        }

            .icon-grid .grey-blocks ul li:first-child {
                margin-top: 0
            }

            .icon-grid .grey-blocks ul li a {
                float: left
            }
}

@media (min-width: 578px) and (max-width: 992px) {
    .icon-grid .grid-elements {
        width: 23%
    }

        .icon-grid .grid-elements:last-child {
            width: 28%
        }
}

@media (min-width: 536px) and (max-width: 577px) {
    .icon-grid .grid-elements {
        width: 22.5%
    }

        .icon-grid .grid-elements:last-child {
            width: 30%
        }
}

@media (min-width: 512px) and (max-width: 535px) {
    .icon-grid .grid-elements {
        width: 22.5%
    }

        .icon-grid .grid-elements:nth-child(3) {
            width: 20.5%
        }

        .icon-grid .grid-elements:last-child {
            width: 32%
        }
}

@media only screen and (max-width: 511px) {
    .icon-grid .grey-blocks {
        padding: 2.46666667rem 1.93333333rem
    }

        .icon-grid .grey-blocks .row {
            margin: 0
        }

        .icon-grid .grey-blocks ul {
            padding-top: 0;
            margin-bottom: 0;
            display: block
        }

            .icon-grid .grey-blocks ul li {
                margin-top: 35px
            }

                .icon-grid .grey-blocks ul li:first-child {
                    margin-top: 0
                }

        .icon-grid .grey-blocks .grid-elements {
            width: 100%;
            margin-top: 35px
        }

            .icon-grid .grey-blocks .grid-elements a {
                float: initial
            }

            .icon-grid .grey-blocks .grid-elements:first-child {
                margin-top: 0
            }

        .icon-grid .grey-blocks h2 {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 2.46666667rem;
            text-align: center
        }
}

@media only screen and (min-width: 992px) {
    .icon-grid-cta .grey-blocks h2 {
        padding-left: 25px
    }

    .icon-grid-cta .grey-blocks .grid-elements {
        display: inline-grid
    }
}

.heating-with-gas-header .video-widget {
    height: auto !important
}

@media (min-width: 992px) {
    div.flex-box .custom-padding-margin:nth-child(2), div.image-with-desc .custom-padding-margin:nth-child(2) {
        padding: 0 7.5px
    }
}

.one-column-content .container-content .main-content {
    background-color: #fff;
    padding: 3.66666667rem 3.33333333rem;
    min-height: 63.33333333rem
}

    .one-column-content .container-content .main-content.home-page {
        padding: 0
    }

    .one-column-content .container-content .main-content.no-padding {
        padding: 0
    }

@media only screen and (max-width: 991px) {
    .one-column-content .container-content {
        margin-top: 0;
        background: #fff
    }

        .one-column-content .container-content .main-content {
            padding: 0;
            min-height: auto
        }

    .one-column-content .padding-all {
        padding: 1.33333333rem 0
    }

    .one-column-content .padding-horizontal-and-bottom {
        padding: 0
    }
}

@media screen and (min-width: 1399px) {
    .one-column-content .container-content .main-content {
        padding: 3.66666667rem 11.13333333rem
    }
}

.padding-all {
    padding: 2.66666667rem 2rem
}

.padding-horizontal-only {
    padding: 0 2rem
}

.padding-horizontal-and-bottom {
    padding: 0 2rem;
    padding-bottom: 2.66666667rem
}

.padding-vertical-only {
    padding: 2.66666667rem 0
}

.padding-top-only {
    padding-top: 2.66666667rem
}

.padding-bottom-only {
    padding-bottom: 2.66666667rem
}

.offset-top {
    position: relative;
    margin-top: -6.666rem
}

.margin-top {
    margin-top: 1.46666667rem
}

.cta-yellow {
    background: #FFB81C
}

.cta-grey {
    background: #d0d0ce
}

.rebate-cta {
    margin-top: 1.46666667rem;
    padding: 0
}

    .rebate-cta h2 {
        padding: 0
    }

    .rebate-cta .rebate-cta-img-background {
        position: relative;
        min-height: 15.06666667rem;
        width: 18.73333333rem;
        background: url("../images/image-rebate.jpg");
        background-size: cover;
        display: inline-block
    }

        .rebate-cta .rebate-cta-img-background:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            background: rgba(0,0,0,0.5)
        }

        .rebate-cta .rebate-cta-img-background img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .rebate-cta .rebate-cta-desc {
        width: 80%;
        padding: 1.73333333rem 2.66666667rem
    }

        .rebate-cta .rebate-cta-desc .p, .rebate-cta .rebate-cta-desc p {
            padding-bottom: 1.73333333rem;
            padding-top: 1rem;
            letter-spacing: .04rem;
            line-height: 1.4rem;
            margin: 0
        }

@media only screen and (max-width: 991px) {
    .rebate-cta {
        display: block
    }

        .rebate-cta.odd {
            margin: 1.33333333rem 0
        }

            .rebate-cta.odd:last-child {
                margin: 0
            }

        .rebate-cta .rebate-cta-img-background {
            width: 100%
        }

        .rebate-cta .rebate-cta-desc {
            padding: 1.8rem 2rem;
            width: 100%;
            text-align: left
        }

            .rebate-cta .rebate-cta-desc .text-left {
                text-align: left
            }
}

.service-area-main .cta-middle, .service-area-main .grey, .service-area-main .faq-middle, .service-area-main .search-results, .service-area-main .signin {
    padding: 1.8rem 2rem;
    text-align: left
}

    .service-area-main .cta-middle .serv-area-text, .service-area-main .grey .serv-area-text, .service-area-main .faq-middle .serv-area-text, .service-area-main .search-results .serv-area-text, .service-area-main .signin .serv-area-text {
        padding-top: .46666667rem;
        margin: 0rem
    }

    .service-area-main .cta-middle .btn-dark, .service-area-main .grey .btn-dark, .service-area-main .faq-middle .btn-dark, .service-area-main .search-results .btn-dark, .service-area-main .signin .btn-dark, .service-area-main .cta-middle .btn-dark-widget, .service-area-main .grey .btn-dark-widget, .service-area-main .faq-middle .btn-dark-widget, .service-area-main .search-results .btn-dark-widget, .service-area-main .signin .btn-dark-widget, .service-area-main .cta-middle .btn-content-open-dark, .service-area-main .grey .btn-content-open-dark, .service-area-main .faq-middle .btn-content-open-dark, .service-area-main .search-results .btn-content-open-dark, .service-area-main .signin .btn-content-open-dark, .service-area-main .cta-middle .btn-content-open-dark-noborder, .service-area-main .grey .btn-content-open-dark-noborder, .service-area-main .faq-middle .btn-content-open-dark-noborder, .service-area-main .search-results .btn-content-open-dark-noborder, .service-area-main .signin .btn-content-open-dark-noborder, .service-area-main .cta-middle .dropdown .dropdown-btn, .dropdown .service-area-main .cta-middle .dropdown-btn, .service-area-main .grey .dropdown .dropdown-btn, .dropdown .service-area-main .grey .dropdown-btn, .service-area-main .faq-middle .dropdown .dropdown-btn, .dropdown .service-area-main .faq-middle .dropdown-btn, .service-area-main .search-results .dropdown .dropdown-btn, .dropdown .service-area-main .search-results .dropdown-btn, .service-area-main .signin .dropdown .dropdown-btn, .dropdown .service-area-main .signin .dropdown-btn, .service-area-main .cta-middle .dropdown-dark .dropdown-btn, .dropdown-dark .service-area-main .cta-middle .dropdown-btn, .service-area-main .grey .dropdown-dark .dropdown-btn, .dropdown-dark .service-area-main .grey .dropdown-btn, .service-area-main .faq-middle .dropdown-dark .dropdown-btn, .dropdown-dark .service-area-main .faq-middle .dropdown-btn, .service-area-main .search-results .dropdown-dark .dropdown-btn, .dropdown-dark .service-area-main .search-results .dropdown-btn, .service-area-main .signin .dropdown-dark .dropdown-btn, .dropdown-dark .service-area-main .signin .dropdown-btn, .service-area-main .cta-middle .dropdown-grey .dropdown-btn, .dropdown-grey .service-area-main .cta-middle .dropdown-btn, .service-area-main .grey .dropdown-grey .dropdown-btn, .dropdown-grey .service-area-main .grey .dropdown-btn, .service-area-main .faq-middle .dropdown-grey .dropdown-btn, .dropdown-grey .service-area-main .faq-middle .dropdown-btn, .service-area-main .search-results .dropdown-grey .dropdown-btn, .dropdown-grey .service-area-main .search-results .dropdown-btn, .service-area-main .signin .dropdown-grey .dropdown-btn, .dropdown-grey .service-area-main .signin .dropdown-btn, .service-area-main .cta-middle .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .service-area-main .cta-middle .dropdown-btn, .service-area-main .grey .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .service-area-main .grey .dropdown-btn, .service-area-main .faq-middle .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .service-area-main .faq-middle .dropdown-btn, .service-area-main .search-results .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .service-area-main .search-results .dropdown-btn, .service-area-main .signin .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .service-area-main .signin .dropdown-btn, .service-area-main .cta-middle .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .service-area-main .cta-middle .dropdown-btn, .service-area-main .grey .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .service-area-main .grey .dropdown-btn, .service-area-main .faq-middle .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .service-area-main .faq-middle .dropdown-btn, .service-area-main .search-results .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .service-area-main .search-results .dropdown-btn, .service-area-main .signin .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .service-area-main .signin .dropdown-btn, .service-area-main .cta-middle .dropdown-white .dropdown-btn, .dropdown-white .service-area-main .cta-middle .dropdown-btn, .service-area-main .grey .dropdown-white .dropdown-btn, .dropdown-white .service-area-main .grey .dropdown-btn, .service-area-main .faq-middle .dropdown-white .dropdown-btn, .dropdown-white .service-area-main .faq-middle .dropdown-btn, .service-area-main .search-results .dropdown-white .dropdown-btn, .dropdown-white .service-area-main .search-results .dropdown-btn, .service-area-main .signin .dropdown-white .dropdown-btn, .dropdown-white .service-area-main .signin .dropdown-btn {
        letter-spacing: .08rem;
        margin-top: 1.6rem;
        width: 100%;
        font-size: .93333333rem
    }

.contact-us-wrapper .contact-us-heading-wrapper {
    margin-top: 2.4rem
}

    .contact-us-wrapper .contact-us-heading-wrapper h1 {
        margin-bottom: 1.93333333rem;
        display: inline-block
    }

    .contact-us-wrapper .contact-us-heading-wrapper .warning-text {
        color: #C8102E;
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 1rem;
        letter-spacing: .02666667rem;
        margin-bottom: 1.33333333rem
    }

        .contact-us-wrapper .contact-us-heading-wrapper .warning-text a {
            color: #C8102E;
            text-decoration: none
        }

    .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: solid .06666667rem #fff
    }

        .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown select {
            background-color: #fff;
            color: #353535;
            letter-spacing: .04rem;
            font-size: 1rem;
            font-family: "FoundationRoman",Arial,sans-serif;
            padding: .53333333rem 2.46666667rem .53333333rem .93333333rem;
            border: .06666667rem solid #B4B4B4;
            margin: 0;
            border-radius: .2rem;
            text-indent: .00066667rem;
            text-overflow: '';
            -moz-appearance: none;
            -webkit-appearance: none
        }

            .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown select::-ms-expand {
                display: none
            }

        .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown::before, .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown::after {
            content: "";
            position: absolute
        }

        .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown::after {
            content: "\25BC";
            height: .66666667rem;
            font-size: .625em;
            line-height: 1;
            right: .66666667rem;
            top: 50%;
            margin-top: -.33333333rem
        }

        .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown::before {
            width: 2em;
            right: 0;
            top: 0;
            bottom: 0;
            border-radius: 0 .2rem .2rem 0;
            background-color: #fff;
            border: 1px solid #B4B4B4
        }

        .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown::after {
            color: rgba(0,0,0,0.6)
        }

        .contact-us-wrapper .contact-us-heading-wrapper .custom-dropdown select[disabled] {
            color: rgba(0,0,0,0.25)
        }

.contact-us-wrapper .icon-img {
    margin-right: .53333333rem
}

.contact-us-wrapper .help-context {
    font-size: 1rem;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1rem;
    letter-spacing: .02666667rem;
    color: #353535
}

.contact-us-wrapper .services-container .service-wrapper {
    border: 1px solid #B4B4B4;
    border-bottom-color: 1px solid #B4B4B4
}

    .contact-us-wrapper .services-container .service-wrapper .service-label {
        border-right: 1px solid #B4B4B4;
        background-color: #f2f3f3;
        padding: 2rem;
        width: 100%;
        min-height: 100%
    }

    .contact-us-wrapper .services-container .service-wrapper .help-category {
        padding-top: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem
    }

        .contact-us-wrapper .services-container .service-wrapper .help-category .sub-individual-category {
            padding-left: .66666667rem;
            border-left: 9px solid #FFB81C;
            display: none
        }

.contact-us-wrapper .services-container .gas-service-installation {
    border-left: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4
}

    .contact-us-wrapper .services-container .gas-service-installation p, .contact-us-wrapper .services-container .gas-service-installation .p {
        margin: 0;
        padding: 0;
        line-height: 1.4rem;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 1rem;
        letter-spacing: .04rem;
        color: #353535
    }

    .contact-us-wrapper .services-container .gas-service-installation .service-label {
        position: relative;
        border-right: 1px solid #B4B4B4;
        background-color: #f2f3f3;
        padding: 2rem;
        width: 100%;
        min-height: 100%
    }

        .contact-us-wrapper .services-container .gas-service-installation .service-label:before {
            top: -10px;
            left: 45%;
            border: solid #B4B4B4;
            border-width: 0 1px 1px 0;
            display: inline-block;
            padding: 10px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            content: " ";
            position: absolute;
            background: #f2f2f2
        }

    .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper {
        padding-bottom: 2.06666667rem;
        padding-top: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem
    }

        .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper .new-gas-contact {
            margin-bottom: 1.53333333rem;
            border-bottom: .06666667rem solid #B4B4B4;
            padding-bottom: 1.53333333rem
        }

            .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper .new-gas-contact h4 {
                font-size: 1rem;
                letter-spacing: .02666667rem;
                font-family: "FoundationBold",Arial,sans-serif;
                color: #353535;
                margin-top: 0
            }

                .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper .new-gas-contact h4 a {
                    color: inherit
                }

                .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper .new-gas-contact h4 img {
                    padding-right: .53333333rem
                }

            .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper .new-gas-contact .working-time {
                margin-top: .4rem;
                margin-left: 2.13333333rem
            }

            .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper .new-gas-contact .complaint-email {
                margin-top: 1.06666667rem
            }

        .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper .new-gas-contact-desc h3 {
            color: #353535;
            margin-bottom: .6rem;
            font-family: "FoundationBold",Arial,sans-serif
        }

.display-flex {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.border2Px {
    border: 2px solid #ffb81c !important
}

.individual-category {
    border: 2px solid #f2f3f3
}

.gas-service-installation {
    display: none
}

@media only screen and (max-width: 991px) {
    .contact-us-heading-wrapper {
        margin: 2.26666667rem 2rem 1.4rem 2rem
    }

    .display-flex {
        display: inherit
    }

    .contact-us-wrapper .services-container .service-wrapper .service-label {
        border-bottom: 1px solid #B4B4B4;
        border-right: 0
    }

        .contact-us-wrapper .services-container .service-wrapper .service-label h4 {
            margin: 0
        }

    .contact-us-wrapper .services-container .service-wrapper .help-category {
        padding-left: 2rem
    }

        .contact-us-wrapper .services-container .service-wrapper .help-category .individual-category {
            position: relative;
            overflow: hidden;
            line-height: 1.2rem
        }

            .contact-us-wrapper .services-container .service-wrapper .help-category .individual-category input[type="radio"] {
                vertical-align: top;
                position: absolute;
                top: -1000px;
                opacity: 0
            }

            .contact-us-wrapper .services-container .service-wrapper .help-category .individual-category label:before {
                content: "";
                width: 12px;
                height: 12px;
                border-radius: 100%;
                background: #fff;
                border: 1px solid #555555;
                display: inline-block;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                position: absolute;
                top: 50%;
                left: 15px
            }

            .contact-us-wrapper .services-container .service-wrapper .help-category .individual-category input:checked + label:after {
                content: "";
                width: 4px;
                height: 4px;
                border-radius: 100%;
                background: #000;
                display: inline-block;
                position: absolute;
                left: 19px;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%)
            }

            .contact-us-wrapper .services-container .service-wrapper .help-category .individual-category label {
                vertical-align: middle
            }

    .contact-us-wrapper .services-container .gas-service-installation .service-label:before {
        bottom: 87%;
        background-color: #fff
    }

    .contact-us-wrapper .services-container .gas-service-installation .service-label h4 {
        margin: 0
    }

    .contact-us-wrapper .services-container .gas-service-installation .contact-details-wrapper {
        padding-left: 2rem
    }

    .gas-service-installation .service-label {
        border-bottom: 1px solid #B4B4B4
    }
}

.contactUsDropDown {
    margin: 2em 2em 1em 2em;
    width: 92%
}

    .contactUsDropDown option {
        padding: 2em
    }

.ContactUsSubItem {
    border-left: 10px solid gray
}

.help-category .individual-category {
    padding: 0px;
    background-color: white;
    margin-bottom: 0rem;
    position: relative;
    overflow: hidden;
    border: none
}

.contact-us-wrapper .services-container .service-wrapper .help-category {
    padding: 0em 2rem 2em 2em
}

.service-wrapper .row .col-md-12 > h2 {
    padding: 1em 2rem 0em 2em
}

.general-contact-info-wrapper {
    padding-top: 6.66666667rem;
    color: #353535
}

    .general-contact-info-wrapper h1 {
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 1.66666667rem;
        line-height: 1.86666667rem;
        margin-bottom: .66666667rem
    }

    .general-contact-info-wrapper h3 {
        font-family: "FoundationBold",Arial,sans-serif;
        color: #353535
    }

    .general-contact-info-wrapper p, .general-contact-info-wrapper .p, .general-contact-info-wrapper .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .general-contact-info-wrapper p {
        margin: 0;
        padding: 0;
        line-height: 1.4rem;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 1rem;
        letter-spacing: .04rem;
        color: #353535
    }

        .general-contact-info-wrapper p a, .general-contact-info-wrapper .p a, .general-contact-info-wrapper .rebate-cta .rebate-cta-desc p a, .rebate-cta .rebate-cta-desc .general-contact-info-wrapper p a {
            color: #353535
        }

    .general-contact-info-wrapper .cta-middle h2, .general-contact-info-wrapper .grey h2, .general-contact-info-wrapper .faq-middle h2, .general-contact-info-wrapper .search-results h2, .general-contact-info-wrapper .signin h2 {
        color: #000
    }

    .general-contact-info-wrapper .general-telephone-info {
        margin-bottom: 1.33333333rem;
        border-bottom: .06666667rem solid #B4B4B4;
        padding-bottom: 1.46666667rem
    }

        .general-contact-info-wrapper .general-telephone-info p, .general-contact-info-wrapper .general-telephone-info .p {
            margin-bottom: .66666667rem;
            font-family: "FoundationBold",Arial,sans-serif;
            letter-spacing: .02666667rem
        }

            .general-contact-info-wrapper .general-telephone-info p:last-child, .general-contact-info-wrapper .general-telephone-info .p:last-child {
                margin-bottom: 0
            }

            .general-contact-info-wrapper .general-telephone-info p a, .general-contact-info-wrapper .general-telephone-info .p a {
                color: #353535
            }

        .general-contact-info-wrapper .general-telephone-info .fa {
            margin-right: .33333333rem
        }

    .general-contact-info-wrapper .address-block {
        margin-bottom: 1.53333333rem;
        border-bottom: .06666667rem solid #B4B4B4;
        padding-bottom: 1.4rem
    }

        .general-contact-info-wrapper .address-block h3 {
            margin-bottom: .66666667rem
        }

        .general-contact-info-wrapper .address-block .working-time {
            margin-top: 1.33333333rem
        }

.chat-box {
    padding: 2.66666667rem 1.46666667rem;
    background-color: #FFB81C;
    color: #1A1A1A;
    text-align: center;
    height: 100%
}

    .chat-box p, .chat-box .p, .chat-box .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .chat-box p {
        color: #1A1A1A
    }

    .chat-box .chat-button {
        margin-top: 1.46666667rem
    }

        .chat-box .chat-button a {
            font-family: "FoundationBold",Arial,sans-serif;
            letter-spacing: .08rem
        }

    .chat-box h2 {
        margin-top: .86666667rem
    }

@media only screen and (max-width: 991px) {
    .general-contact-info-wrapper {
        padding: 1.63333333rem 0rem 0
    }

        .general-contact-info-wrapper .general-telephone-info h2 {
            padding-bottom: 1.10666667rem
        }

        .general-contact-info-wrapper .office-location-head h2 {
            padding-bottom: 1.02rem
        }

        .general-contact-info-wrapper .address-block {
            padding-bottom: 1.36666667rem
        }
}

.accordion1 {
    width: 100%
}

.accordion2 {
    width: 50%
}

.accordion3 {
    width: 33.3%
}

.accordion4 {
    width: 25%
}

    .accordion4 .blocks h3 {
        font-size: 1rem
    }

.left-align {
    float: left
}

.right-align {
    float: right
}

.my-account-tab-container h1 {
    font-size: 1.66666667rem;
    color: #353535;
    line-height: 1.86666667rem;
    letter-spacing: .02666667rem
}

.my-account-tab-container h2 {
    font-size: 1.26666667rem;
    color: #353535;
    line-height: 1.53333333rem;
    padding-bottom: .9rem
}

.my-account-tab-container h3 {
    font-size: 1.26666667rem;
    line-height: 1.86666667rem;
    color: #353535;
    margin-top: 0
}

.my-account-tab-container h4 {
    font-size: 1rem;
    color: #353535;
    line-height: 1.86666667rem;
    letter-spacing: .02666667rem;
    word-break: break-word
}

.my-account-tab-container h5 {
    font-size: 1rem;
    color: #353535;
    letter-spacing: .02666667rem;
    line-height: 1.73333333rem;
    margin: 0;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-bottom: 5px
}

.my-account-tab-container p, .my-account-tab-container .p, .my-account-tab-container .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .my-account-tab-container p {
    font-size: 1rem;
    letter-spacing: .04rem;
    line-height: 1.4rem;
    margin: 0;
    color: #353535
}

.my-account-tab-container .bold-text {
    font-family: "FoundationBold",Arial,sans-serif
}

.my-account-tab-container .header-font {
    font-size: 2rem
}

.my-account-tab-container .labelGAS {
    font-size: 1rem;
    color: #353535;
    letter-spacing: .02666667rem;
    line-height: 1.73333333rem;
    margin: 0;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-bottom: 5px
}

.my-account-tab-container .skipper {
    font-size: 1rem;
    color: #353535;
    letter-spacing: .02666667rem;
    line-height: 1.73333333rem;
    padding: 0;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-bottom: .66666667rem
}

.my-account-tab-container .matc-h2 {
    font-size: 1.26666667rem;
    color: #353535;
    line-height: 1.53333333rem;
    padding-bottom: .33333333rem;
    font-family: "FoundationBold",Arial,sans-serif
}

.my-account-tab-container .matc-h1 {
    font-size: 1.66666667rem;
    color: #353535;
    line-height: 1.86666667rem;
    letter-spacing: .02666667rem;
    padding-bottom: 1.2rem
}

.my-account-tab-container .matc-h3 {
    font-size: 1.26666667rem;
    line-height: 1.86666667rem;
    color: #353535;
    margin-top: 0
}

.my-account-tab-container .matc-h4 {
    font-size: 1rem;
    color: #353535;
    line-height: 1.86666667rem;
    letter-spacing: .02666667rem;
    word-break: break-word
}

.my-account-tab-container .rows {
    margin-bottom: 1.66666667rem;
    border-bottom: .06666667rem solid #B4B4B4;
    padding-bottom: 1.8rem
}

.my-account-tab-container ul {
    margin-bottom: 0
}

    .my-account-tab-container ul li {
        letter-spacing: .04rem;
        margin-top: .8rem
    }

        .my-account-tab-container ul li::before {
            margin-left: -1.66666667rem
        }

.tab-content ul {
    padding-left: 1.66666667rem
}

    .tab-content ul li {
        margin-bottom: .8rem;
        margin-top: 0
    }

        .tab-content ul li:last-child {
            margin-bottom: 0
        }

.my-account-tab-container {
    padding-top: 0
}

    .my-account-tab-container .my-account-tab-content {
        padding: 1.93333333rem 3.06666667rem 2.53333333rem 2.8rem;
        background-color: #f2f3f3
    }

    .my-account-tab-container .myTab li {
        list-style-type: none;
        min-width: 16.6%;
        text-align: center;
        border-left: 0;
        margin-top: 0
    }

        .my-account-tab-container .myTab li.active .fa-check {
            display: inline-block
        }

        .my-account-tab-container .myTab li .fa-check {
            display: none
        }

        .my-account-tab-container .myTab li::before {
            display: none
        }

        .my-account-tab-container .myTab li + li {
            margin-left: 0
        }

        .my-account-tab-container .myTab li a {
            background-color: #d0d0ce;
            color: #000;
            border-radius: 0;
            font-family: "FoundationBold",Arial,sans-serif;
            width: 100%;
            height: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0;
            min-height: 50px;
            border: none;
            border-right: 1px solid #fff
        }

            .my-account-tab-container .myTab li a .fa {
                margin-right: .2rem
            }

            .my-account-tab-container .myTab li a .toggle-arrow {
                display: none
            }

        .my-account-tab-container .myTab li:last-child a {
            border-right: 0
        }

        .my-account-tab-container .myTab li.active .fa-check {
            display: inline-block
        }

    .my-account-tab-container .panel-group .panel-heading {
        color: #000;
        border-radius: 0;
        padding: 0
    }

        .my-account-tab-container .panel-group .panel-heading .panel-title a {
            background-color: #FFB81C
        }

            .my-account-tab-container .panel-group .panel-heading .panel-title a.collapsed {
                background-color: #d0d0ce;
                color: #000
            }

        .my-account-tab-container .panel-group .panel-heading a {
            display: block;
            padding: .66666667rem 1rem
        }

            .my-account-tab-container .panel-group .panel-heading a:focus {
                text-decoration: none;
                color: #000
            }

            .my-account-tab-container .panel-group .panel-heading a .toggle-arrow {
                display: none
            }

    .my-account-tab-container .nav-pills > li.active > a, .my-account-tab-container .nav-pills > li.active > a:hover, .my-account-tab-container .nav-pills > li.active > a:focus {
        background-color: #FFB81B !important;
        color: #1A1A1A !important
    }

@media only screen and (min-width: 992px) and (max-width: 1370px) {
    .my-account-tab-container .header-font {
        font-size: 1.33333333rem
    }
}

@media only screen and (max-width: 991px) {
    .tab-content ul {
        padding-left: 1.33333333rem
    }

    .my-account-tab-container {
        padding-top: 0
    }

        .my-account-tab-container #myAccountTab-accordion .panel {
            border: 0;
            margin-bottom: 2rem
        }

            .my-account-tab-container #myAccountTab-accordion .panel .panel-heading .panel-title a {
                text-align: center;
                padding-top: 1rem;
                padding-bottom: 1rem;
                font-family: "FoundationBold",Arial,sans-serif;
                color: #000
            }

                .my-account-tab-container #myAccountTab-accordion .panel .panel-heading .panel-title a .fa {
                    margin-right: .2rem;
                    font-family: "FoundationBold",Arial,sans-serif
                }

                .my-account-tab-container #myAccountTab-accordion .panel .panel-heading .panel-title a .toggle-arrow {
                    display: inline-block
                }

            .my-account-tab-container #myAccountTab-accordion .panel .panel-body {
                padding: 0
            }

        .my-account-tab-container .my-account-tab-content {
            padding-left: 1.33333333rem;
            padding-right: 1.33333333rem;
            padding-top: 1.66666667rem;
            padding-bottom: 1.6rem
        }
}

@media only screen and (max-width: 991px) {
    .my-account-tab-container .my-account-tab-content {
        margin-top: 1.33333333rem
    }
}

.manage-account-tab .manage-account-block h5 {
    margin-bottom: .66666667rem
}

.manage-account-tab .manage-account-block .row-custom-mar {
    margin-left: -.6rem !important;
    margin-right: -.6rem !important
}

    .manage-account-tab .manage-account-block .row-custom-mar .col-custom-pad {
        padding-left: .6rem;
        padding-right: .6rem
    }

.manage-account-tab .blocks {
    background: #fff;
    text-align: center;
    height: 7.06666667rem;
    padding: .93333333rem .33333333rem;
    border: 1px solid #d0d0ce
}

    .manage-account-tab .blocks a {
        text-decoration: none
    }

        .manage-account-tab .blocks a:hover {
            text-decoration: none
        }

        .manage-account-tab .blocks a:focus {
            text-decoration: none
        }

    .manage-account-tab .blocks h3 {
        margin-top: .33333333rem;
        margin-bottom: .4rem
    }

    .manage-account-tab .blocks i {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #353535
    }

    .manage-account-tab .blocks .down-arrow-icon {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #353535
    }

.my-enbgidge-acc {
    border: 1px solid #FFB81C;
    margin-top: 1.46666667rem
}

    .my-enbgidge-acc .acc-block-heading {
        background: #FFB81C;
        height: 5.13333333rem;
        line-height: 3.66666667rem;
        padding: .66666667rem 2.73333333rem
    }

        .my-enbgidge-acc .acc-block-heading h3 {
            display: inline-block;
            vertical-align: middle;
            margin-left: .53333333rem;
            margin-bottom: 0
        }

        .my-enbgidge-acc .acc-block-heading .abh-H3 {
            display: inline-block;
            vertical-align: middle;
            margin-left: .53333333rem;
            margin-bottom: 0;
            font-size: 1.26666667rem;
            line-height: 1.86666667rem;
            color: #353535;
            margin-top: 0;
            padding: 0px
        }

    .my-enbgidge-acc .acc-info {
        border-bottom: 1px solid #B4B4B4;
        margin: 0 2.6rem;
        padding: 1.6rem 0
    }

        .my-enbgidge-acc .acc-info a.btn-grey, .my-enbgidge-acc .acc-info a.btn-grey-widget, .my-enbgidge-acc .acc-info a.btn-content-open-grey, .my-enbgidge-acc .acc-info a.btn-content-open-grey-noborder, .my-enbgidge-acc .acc-info .dropdown-grey a.dropdown-btn, .dropdown-grey .my-enbgidge-acc .acc-info a.dropdown-btn {
            float: right;
            width: 100%;
            font-size: .93333333rem
        }

            .my-enbgidge-acc .acc-info a.btn-grey:focus, .my-enbgidge-acc .acc-info a.btn-grey-widget:focus, .my-enbgidge-acc .acc-info a.btn-content-open-grey:focus, .my-enbgidge-acc .acc-info a.btn-content-open-grey-noborder:focus, .my-enbgidge-acc .acc-info .dropdown-grey a.dropdown-btn:focus, .dropdown-grey .my-enbgidge-acc .acc-info a.dropdown-btn:focus {
                color: #fff
            }

            .my-enbgidge-acc .acc-info a.btn-grey:hover, .my-enbgidge-acc .acc-info a.btn-grey-widget:hover, .my-enbgidge-acc .acc-info a.btn-content-open-grey:hover, .my-enbgidge-acc .acc-info a.btn-content-open-grey-noborder:hover, .my-enbgidge-acc .acc-info .dropdown-grey a.dropdown-btn:hover, .dropdown-grey .my-enbgidge-acc .acc-info a.dropdown-btn:hover {
                color: #353535
            }

            .my-enbgidge-acc .acc-info a.btn-grey::after, .my-enbgidge-acc .acc-info a.btn-grey-widget::after, .my-enbgidge-acc .acc-info a.btn-content-open-grey::after, .my-enbgidge-acc .acc-info a.btn-content-open-grey-noborder::after, .my-enbgidge-acc .acc-info .dropdown-grey a.dropdown-btn::after, .dropdown-grey .my-enbgidge-acc .acc-info a.dropdown-btn::after {
                background: url("../images/down arrow.svg") no-repeat center;
                content: "";
                width: 0.66666667rem;
                height: 0.66666667rem;
                display: inline-block;
                margin-left: 0.4rem;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                float: right;
                margin-top: 6px
            }

        .my-enbgidge-acc .acc-info:last-of-type {
            border-bottom: 0
        }

        .my-enbgidge-acc .acc-info p, .my-enbgidge-acc .acc-info .p {
            padding-bottom: 0
        }

            .my-enbgidge-acc .acc-info p a, .my-enbgidge-acc .acc-info .p a {
                color: #1A1A1A;
                text-decoration: underline
            }

                .my-enbgidge-acc .acc-info p a:focus, .my-enbgidge-acc .acc-info .p a:focus {
                    color: #1A1A1A
                }

        .my-enbgidge-acc .acc-info .account-details {
            padding-bottom: .93333333rem;
            padding-top: .93333333rem;
            margin: 0;
            border-bottom: 1px solid #B4B4B4;
            word-break: break-word
        }

            .my-enbgidge-acc .acc-info .account-details:last-child {
                border-bottom: none
            }

            .my-enbgidge-acc .acc-info .account-details:first-child {
                padding-top: 0
            }

            .my-enbgidge-acc .acc-info .account-details strong {
                font-family: "FoundationBold",Arial,sans-serif
            }

                .my-enbgidge-acc .acc-info .account-details strong p, .my-enbgidge-acc .acc-info .account-details strong .p {
                    font-family: "FoundationBold",Arial,sans-serif
                }

    .my-enbgidge-acc .mrg-btm14 {
        margin-bottom: .93333333rem
    }

    .my-enbgidge-acc .confirm-icon {
        position: relative;
        padding-bottom: 1rem
    }

        .my-enbgidge-acc .confirm-icon strong, .my-enbgidge-acc .confirm-icon b {
            position: absolute;
            left: 0;
            top: 0;
            transform: translate(20%, 25%);
            -webkit-transform: translate(20%, 25%);
            -moz-transform: translate(20%, 25%);
            -ms-transform: translate(20%, 25%);
            -o-transform: translate(20%, 25%)
        }

    .my-enbgidge-acc .tick-mark {
        height: 1.33333333rem;
        width: 1.33333333rem;
        display: inline-block;
        vertical-align: middle;
        margin-right: .33333333rem
    }

        .my-enbgidge-acc .tick-mark img {
            width: 100%
        }

    .my-enbgidge-acc .popover img {
        display: inline-block;
        margin-right: .4rem;
        width: 1.4rem;
        height: 1.4rem
    }

    .my-enbgidge-acc a.tooltiptxt {
        text-decoration: none !important
    }

    .my-enbgidge-acc .font-bold, .my-enbgidge-acc .next-results {
        font-family: "FoundationBold",Arial,sans-serif
    }

        .my-enbgidge-acc .font-bold p, .my-enbgidge-acc .next-results p, .my-enbgidge-acc .font-bold .p, .my-enbgidge-acc .next-results .p {
            font-family: "FoundationBold",Arial,sans-serif
        }

.manage-account-block h2 {
    padding-bottom: .33333333rem
}

.manage-account-block h5 {
    margin-bottom: .33333333rem
}

@media only screen and (max-width: 991px) {
    .manage-account-block {
        margin-top: 1.33333333rem
    }

        .manage-account-block .col-xs-24 {
            margin-bottom: 1.33333333rem
        }

    .my-enbgidge-acc .acc-info {
        margin-left: 1.33333333rem;
        margin-right: 1.33333333rem
    }

        .my-enbgidge-acc .acc-info a.btn-grey, .my-enbgidge-acc .acc-info a.btn-grey-widget, .my-enbgidge-acc .acc-info a.btn-content-open-grey, .my-enbgidge-acc .acc-info a.btn-content-open-grey-noborder, .my-enbgidge-acc .acc-info .dropdown-grey a.dropdown-btn, .dropdown-grey .my-enbgidge-acc .acc-info a.dropdown-btn {
            float: none;
            width: 100%
        }
}

@media only screen and (max-width: 767px) {
    .my-account-tab-container .blocks h3 {
        font-size: 1rem
    }
}

@media only screen and (min-width: 512px) and (max-width: 991px) {
    .accordion1, .accordion2, .accordion3, .accordion4 {
        width: 50%
    }
}

@media only screen and (max-width: 480px) {
    .my-enbgidge-acc .btn-grey, .my-enbgidge-acc .btn-grey-widget, .my-enbgidge-acc .btn-content-open-grey, .my-enbgidge-acc .btn-content-open-grey-noborder, .my-enbgidge-acc .dropdown-grey .dropdown-btn, .dropdown-grey .my-enbgidge-acc .dropdown-btn {
        font-size: .73333333rem
    }

    .my-enbgidge-acc .btn-dark, .my-enbgidge-acc .btn-dark-widget, .my-enbgidge-acc .btn-content-open-dark, .my-enbgidge-acc .btn-content-open-dark-noborder, .my-enbgidge-acc .dropdown .dropdown-btn, .dropdown .my-enbgidge-acc .dropdown-btn, .my-enbgidge-acc .dropdown-dark .dropdown-btn, .dropdown-dark .my-enbgidge-acc .dropdown-btn, .my-enbgidge-acc .dropdown-grey .dropdown-btn, .dropdown-grey .my-enbgidge-acc .dropdown-btn, .my-enbgidge-acc .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .my-enbgidge-acc .dropdown-btn, .my-enbgidge-acc .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .my-enbgidge-acc .dropdown-btn, .my-enbgidge-acc .dropdown-white .dropdown-btn, .dropdown-white .my-enbgidge-acc .dropdown-btn {
        font-size: .73333333rem
    }

    .my-enbgidge-acc .acc-block-heading {
        padding: .66666667rem;
        padding-left: 1.33333333rem
    }
}

@media only screen and (max-width: 360px) {
    .my-account-tab-container .blocks h3 {
        font-size: .93333333rem
    }
}

@media only screen and (min-width: 512px) and (max-width: 991px) {
    .my-account-tab-container ul li {
        margin-left: 30px
    }
}

@media only screen and (min-width: 320px) and (max-width: 511px) {
    .my-account-tab-container ul li {
        margin-left: 30px
    }
}

@media only screen and (min-width: 300px) and (max-width: 580px) {
    .accordion1, .accordion2, .accordion3, .accordion4 {
        width: 100%;
        margin-bottom: 1.33333333rem
    }
}

.my-account-heading-wrapper {
    margin-top: 2.6rem
}

    .my-account-heading-wrapper h1 {
        margin-bottom: .46666667rem
    }

    .my-account-heading-wrapper .address-container p, .my-account-heading-wrapper .address-container .p {
        display: inline-block;
        margin-bottom: 0;
        padding-bottom: 0;
        letter-spacing: .04rem
    }

        .my-account-heading-wrapper .address-container p .service-address-label, .my-account-heading-wrapper .address-container .p .service-address-label {
            font-family: "FoundationBold",Arial,sans-serif;
            margin-right: .33333333rem
        }

        .my-account-heading-wrapper .address-container p .account-number-label, .my-account-heading-wrapper .address-container .p .account-number-label {
            font-family: "FoundationBold",Arial,sans-serif;
            margin-right: .33333333rem
        }

        .my-account-heading-wrapper .address-container p .account-number-value, .my-account-heading-wrapper .address-container .p .account-number-value {
            color: #353535 !important
        }

    .my-account-heading-wrapper .address-container .account-number {
        margin-left: 1.13333333rem
    }

    .my-account-heading-wrapper .address-container .account-default-overlay {
        text-align: right
    }

    .my-account-heading-wrapper .address-container .account-selector-overlay {
        position: relative;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

        .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator {
            cursor: pointer
        }

            .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector {
                display: inline-block
            }

                .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector .service-address-selected {
                    margin-left: 10px
                }

                .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector .svgDownArrow {
                    margin-left: 10px
                }

            .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-label {
                display: inline-block;
                font-family: "FoundationBold",Arial,sans-serif
            }

        .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down {
            position: absolute;
            left: 65px;
            top: 30px;
            width: 340px;
            display: none;
            padding: 0 10px 10px 10px;
            border: 2px solid grey;
            background-color: #fff;
            z-index: 9
        }

@media only screen and (max-width: 991px) {
    .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down {
        left: 15px;
        top: 40px
    }
}

.my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line {
    border-bottom: 1px solid grey;
    padding: 6px 4px;
    text-align: left
}

    .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line:hover {
        background-color: #FFB81B;
        cursor: pointer
    }

    .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line .defaultSelected {
        width: 48px;
        height: 18px;
        display: inline-block;
        line-height: 12px;
        text-align: center;
        border: 2px solid grey;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        font-size: 0.6rem;
        color: grey;
        background-color: #fff;
        vertical-align: middle;
        vertical-align: -webkit-baseline-middle;
        font-weight: bold;
        margin-left: 10px
    }

        .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line .defaultSelected:before {
            content: "Default"
        }

    .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line .account-text {
        vertical-align: middle;
        vertical-align: -webkit-baseline-middle
    }

.my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-selector-pages {
    margin: auto;
    width: 260px
}

.my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag {
    display: inline-block;
    padding-left: 0;
    margin: 20px auto;
    border-radius: 4px
}

    .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li > a, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li > span {
        border: 0;
        width: 38px;
        text-align: center;
        color: #000
    }

        .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li > a .fa.fa-step-backward, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li > a .fa.fa-step-forward {
            font-size: 14px;
            margin-top: -6px
        }

        .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li > a .fa.fa-caret-left, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li > a .fa.fa-caret-right {
            font-size: 18px;
            margin-top: 1px
        }

    .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li.active > a, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li.active > a:focus, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li.active > a:hover, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li.active > span, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li.active > span:focus, .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag > li.active > span:hover {
        background-color: #666;
        color: #fff
    }

@media only screen and (min-width: 1024px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.my-acc-dropdown {
    border: none;
    outline: none
}

@media only screen and (max-width: 991px) {
    .my-account-heading-wrapper h1 {
        margin-bottom: 0;
        float: none;
        text-align: left
    }

    .my-account-heading-wrapper .address-container {
        float: none;
        padding-top: 10px
    }

        .my-account-heading-wrapper .address-container .service-address {
            margin-bottom: 1.3rem
        }

            .my-account-heading-wrapper .address-container .service-address .service-address-label {
                margin-bottom: 0;
                display: block !important
            }

        .my-account-heading-wrapper .address-container .account-number {
            margin-left: 0;
            margin-bottom: 1.26666667rem;
            display: block;
            padding-left: 0
        }

        .my-account-heading-wrapper .address-container .account-default-overlay {
            text-align: left
        }

        .my-account-heading-wrapper .address-container .account-selector-overlay {
            position: relative;
            text-align: left;
            padding-left: 15px;
            padding-right: 0
        }

            .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector .service-address-selected {
                margin-left: 0
            }
}

.set-account-line {
    margin-bottom: 20px
}

.account-count, .account-status {
    text-align: center
}

.mg-account-selector-pages {
    margin: auto;
    width: 260px
}

    .mg-account-selector-pages .pagination.bootpag {
        display: inline-block;
        padding-left: 0;
        margin: 20px auto;
        border-radius: 4px
    }

        .mg-account-selector-pages .pagination.bootpag > li > a, .mg-account-selector-pages .pagination.bootpag > li > span {
            border: 0;
            width: 38px;
            text-align: center;
            color: #000
        }

            .mg-account-selector-pages .pagination.bootpag > li > a .fa.fa-step-backward, .mg-account-selector-pages .pagination.bootpag > li > a .fa.fa-step-forward {
                font-size: 14px;
                margin-top: -6px
            }

            .mg-account-selector-pages .pagination.bootpag > li > a .fa.fa-caret-left, .mg-account-selector-pages .pagination.bootpag > li > a .fa.fa-caret-right {
                font-size: 18px;
                margin-top: 1px
            }

        .mg-account-selector-pages .pagination.bootpag > li.active > a, .mg-account-selector-pages .pagination.bootpag > li.active > a:focus, .mg-account-selector-pages .pagination.bootpag > li.active > a:hover, .mg-account-selector-pages .pagination.bootpag > li.active > span, .mg-account-selector-pages .pagination.bootpag > li.active > span:focus, .mg-account-selector-pages .pagination.bootpag > li.active > span:hover {
            background-color: #666;
            color: #fff
        }

.monthly-consumption-rate {
    border: .06666667rem solid #FFB81B
}

    .monthly-consumption-rate .consumption-rate-header {
        padding: 1.4rem 2.66666667rem;
        background-color: #FFB81B
    }

        .monthly-consumption-rate .consumption-rate-header .consumption-heading {
            margin-left: .86666667rem;
            font-size: 1.26666667rem;
            font-family: "FoundationBold",Arial,sans-serif;
            color: #353535
        }

    .monthly-consumption-rate .consumption-rate-content {
        padding: 20px 40px
    }

        .monthly-consumption-rate .consumption-rate-content img {
            width: 100%
        }

@media only screen and (max-width: 767px) {
    .monthly-consumption-rate .consumption-rate-header {
        padding: 1.4rem 1.33333333rem
    }

    .monthly-consumption-rate .consumption-rate-content {
        padding: 20px 20px
    }
}

.cta-bg {
    background: url(../images/bg-iamge.png) 50% 50% no-repeat;
    background-size: cover
}

#my-account-sidebar .account-chat {
    margin-top: 1.66666667rem
}

#my-account-sidebar .sidebar {
    margin-top: 1.66666667rem
}

@media only screen and (max-width: 991px) {
    #my-account-sidebar .sidebar {
        margin-top: 2rem
    }
}

.my-bill-tab-content h2 {
    padding-bottom: 1.46666667rem
}

.my-bill-tab-content .current-balance .balance {
    margin-top: .46666667rem
}

.my-bill-tab-content .payment-due .due-date {
    margin-top: .46666667rem
}

.my-bill-tab-content .paynow-container {
    text-align: right
}

.my-bill-tab-content .message-section {
    margin-top: 17px;
    position: static
}

    .my-bill-tab-content .message-section span {
        color: #C8102E
    }

    .my-bill-tab-content .message-section .message {
        color: #C8102E;
        display: inline;
        font-family: "FoundationBold",Arial,sans-serif;
        position: initial;
        position: static
    }

        .my-bill-tab-content .message-section .message a {
            color: inherit;
            text-decoration: underline
        }

.my-bill-tab-content .pre-authorized-payments span {
    position: absolute
}

@media (max-width: 991px) {
    .my-bill-tab-content .pre-authorized-payments span {
        left: 17px
    }
}

.my-bill-tab-content .pre-authorized-payments .payment-desc {
    padding-left: 30px;
    padding-bottom: 0rem;
    letter-spacing: 0.3px
}

    .my-bill-tab-content .pre-authorized-payments .payment-desc a {
        color: inherit
    }

@media (max-width: 991px) {
    .my-bill-tab-content .pre-authorized-payments .payment-desc {
        text-align: left
    }
}

.my-bill-tab-content .pre-authorized-payments .payment-date {
    margin-left: 0px
}

.my-bill-tab-content .bill-options-wrapper p, .my-bill-tab-content .bill-options-wrapper .p {
    display: inline-block;
    margin-right: 2rem
}

    .my-bill-tab-content .bill-options-wrapper p .bold-label, .my-bill-tab-content .bill-options-wrapper .p .bold-label {
        font-family: "FoundationBold",Arial,sans-serif;
        text-decoration: underline;
        margin-right: .33333333rem
    }

.monthly-consumption-container {
    margin-top: 1.66666667rem
}

    .monthly-consumption-container .cta-with-icon {
        margin-top: 1.66666667rem
    }

    .monthly-consumption-container .view-bill-container .view-bill {
        float: right;
        width: 100%;
        margin-bottom: 1.66666667rem
    }

.pay-btn {
    margin-bottom: 10px
}

@media only screen and (max-width: 991px) {
    .my-bill-tab-content .display-block-mob {
        display: block
    }

    .my-bill-tab-content .rows {
        margin-bottom: 1.66666667rem;
        padding-bottom: 1.66666667rem
    }

    .my-bill-tab-content h2 {
        padding-bottom: 1.33333333rem
    }

    .my-bill-tab-content .current-balance .balance {
        font-size: 1.26666667rem;
        margin-top: 0
    }

    .my-bill-tab-content .payment-due {
        margin-bottom: 1.66666667rem;
        margin-top: 1.33333333rem
    }

        .my-bill-tab-content .payment-due .due-date {
            font-size: 1.26666667rem;
            margin-top: 0
        }

    .my-bill-tab-content .message-section {
        margin-top: 1.66666667rem
    }

    .my-bill-tab-content .pre-authorized-payments .payment-date {
        margin-left: 0
    }

    .my-bill-tab-content .bill-options-wrapper p, .my-bill-tab-content .bill-options-wrapper .p {
        padding-bottom: 1.13333333rem;
        display: block
    }

        .my-bill-tab-content .bill-options-wrapper p:last-child, .my-bill-tab-content .bill-options-wrapper .p:last-child {
            padding-bottom: 0
        }
}

@media only screen and (max-width: 767px) {
    .monthly-consumption-container .view-bill-container .view-bill {
        float: none;
        width: 100%;
        margin-bottom: 1.66666667rem;
        margin-top: 1.66666667rem
    }

    a.pay-bill {
        display: block
    }
}

a.pay-bill {
    text-align: center;
    width: 100%;
    margin-bottom: .66666667rem
}

.two-column-container .main-content {
    background-color: #fff;
    padding: 3.66666667rem 3.33333333rem;
    min-height: 63.33333333rem
}

@media only screen and (max-width: 991px) {
    .two-column-container {
        background: #fff
    }

        .two-column-container .main-content {
            padding: 0;
            min-height: auto
        }

            .two-column-container .main-content .general-contact-info-wrapper {
                padding: 1.6rem 2rem
            }
}

@media screen and (min-width: 1399px) {
    .two-column-container .main-content {
        padding: 3.66666667rem 11.13333333rem
    }
}

.chart img {
    width: 33.73333333rem;
    height: 17rem
}

.myaccount-unauth-main h1 {
    padding-top: 2.53333333rem;
    padding-bottom: .4rem;
    font-size: 2rem
}

.myaccount-unauth-main .page-sub-headings {
    border-bottom: .06666667rem solid #B4B4B4;
    padding-bottom: .8rem;
    padding-top: 1.93333333rem
}

    .myaccount-unauth-main .page-sub-headings .icon-display-left {
        float: left
    }

    .myaccount-unauth-main .page-sub-headings .text-display-right {
        padding: 0 3.66666667rem
    }

        .myaccount-unauth-main .page-sub-headings .text-display-right .custom-padding {
            padding-top: .53333333rem;
            padding-bottom: 1.06666667rem
        }

        .myaccount-unauth-main .page-sub-headings .text-display-right .display-block {
            display: block
        }

    .myaccount-unauth-main .page-sub-headings .online-bank-list {
        padding: 0;
        padding-bottom: .66666667rem
    }

        .myaccount-unauth-main .page-sub-headings .online-bank-list ul {
            padding: 0;
            margin: 0
        }

            .myaccount-unauth-main .page-sub-headings .online-bank-list ul li {
                list-style: none;
                line-height: 1.93333333rem;
                letter-spacing: .04rem
            }

                .myaccount-unauth-main .page-sub-headings .online-bank-list ul li::before {
                    display: none
                }

                .myaccount-unauth-main .page-sub-headings .online-bank-list ul li a {
                    text-decoration: underline
                }

.custom-padding-right-top {
    padding-top: 8.8rem
}

.mybill-unauth .bill-content .btn-grey, .mybill-unauth .bill-content .btn-grey-widget, .mybill-unauth .bill-content .btn-content-open-grey, .mybill-unauth .bill-content .btn-content-open-grey-noborder, .mybill-unauth .bill-content .dropdown-grey .dropdown-btn, .dropdown-grey .mybill-unauth .bill-content .dropdown-btn {
    margin-bottom: 4rem
}

.mybill-unauth .bill-content .btn-grey, .mybill-unauth .bill-content .btn-grey-widget, .mybill-unauth .bill-content .btn-content-open-grey, .mybill-unauth .bill-content .btn-content-open-grey-noborder, .mybill-unauth .bill-content .dropdown-grey .dropdown-btn, .dropdown-grey .mybill-unauth .bill-content .dropdown-btn {
    margin-bottom: 4rem
}

@media only screen and (max-width: 991px) {
    .manage-acc-unauth {
        border-bottom: 1px solid #B4B4B4;
        padding-bottom: 0 !important;
        margin-bottom: 2.66666667rem
    }

    .myaccount-unauth-main h1 {
        padding-top: 2.26666667rem
    }

    .myaccount-unauth-main .page-sub-headings {
        padding-top: 1.53333333rem
    }

        .myaccount-unauth-main .page-sub-headings .text-display-right {
            padding-right: 0
        }

    .myaccount-unauth-main .custom-padding-mobile {
        padding-bottom: 0
    }

    .custom-padding-right-top {
        padding-top: 25px
    }
}

@media only screen and (max-width: 768px) {
    .mybill-unauth .bill-content .btn-grey, .mybill-unauth .bill-content .btn-grey-widget, .mybill-unauth .bill-content .btn-content-open-grey, .mybill-unauth .bill-content .btn-content-open-grey-noborder, .mybill-unauth .bill-content .dropdown-grey .dropdown-btn, .dropdown-grey .mybill-unauth .bill-content .dropdown-btn {
        margin-bottom: 2.66666667rem
    }
}

@media screen and (min-width: 992px) {
    .manage-acc-unauth {
        padding-top: 2.4rem;
        position: relative
    }

        .manage-acc-unauth h1 {
            padding-bottom: 1.4rem
        }

        .manage-acc-unauth p, .manage-acc-unauth .p, .manage-acc-unauth .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .manage-acc-unauth p {
            line-height: 1.4rem;
            padding-bottom: 1.46666667rem
        }

            .manage-acc-unauth p:not(:nth-of-type(1)):not(:nth-of-type(2)), .manage-acc-unauth .p:not(:nth-of-type(1)):not(:nth-of-type(2)), .manage-acc-unauth .rebate-cta .rebate-cta-desc p:not(:nth-of-type(1)):not(:nth-of-type(2)), .rebate-cta .rebate-cta-desc .manage-acc-unauth p:not(:nth-of-type(1)):not(:nth-of-type(2)) {
                padding-right: 19.33333333rem
            }

        .manage-acc-unauth h2:not(:nth-of-type(1)):not(:nth-of-type(2)) {
            padding-right: 19.33333333rem
        }

        .manage-acc-unauth .img-manage-acc {
            position: absolute;
            bottom: -3.66666667rem;
            right: 0
        }
}

@media screen and (max-width: 991px) {
    .manage-acc-unauth {
        padding: 2.4rem 0rem 2.66666667rem 0rem
    }

        .manage-acc-unauth p, .manage-acc-unauth .p, .manage-acc-unauth .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .manage-acc-unauth p {
            padding-bottom: 1.13333333rem
        }

    .img-manage-acc {
        padding-top: 2.66666667rem
    }
}

.account-activity-main {
    background: #f2f3f3
}

    .account-activity-main ul#pagedData {
        list-style: none;
        padding: 0px
    }

        .account-activity-main ul#pagedData li .tr {
            padding-left: 32px
        }

@media (max-width: 991px) {
    .account-activity-main ul#pagedData li .tr {
        padding: 15px 10px
    }
}

.account-activity-main ul#pagedData .td.download-icons {
    width: 5.6%
}

@media (max-width: 991px) {
    .account-activity-main ul#pagedData .td.download-icons {
        width: auto
    }
}

.account-activity-main ul#pagedData .td.download-name {
    width: 24%
}

@media (max-width: 991px) {
    .account-activity-main ul#pagedData .td.download-name {
        width: 75%
    }
}

.account-activity-main ul#pagedData .td.download-address-list {
    width: 9%
}

@media (max-width: 991px) {
    .account-activity-main ul#pagedData .td.download-address-list {
        width: auto
    }
}

.account-activity-main ul#pagedData .td.download-address-list p, .account-activity-main ul#pagedData .td.download-address-list .p {
    text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap
}

    .account-activity-main ul#pagedData .td.download-address-list p:hover, .account-activity-main ul#pagedData .td.download-address-list .p:hover {
        overflow: visible;
        white-space: normal
    }

.account-activity-main ul#pagedData .td.download-details-list {
    width: 43%
}

@media (max-width: 991px) {
    .account-activity-main ul#pagedData .td.download-details-list {
        width: auto
    }
}

.account-activity-main ul#pagedData .td.download-date {
    width: 9%
}

@media (max-width: 991px) {
    .account-activity-main ul#pagedData .td.download-date {
        width: auto
    }
}

.account-activity-main ul#pagedData .td.download-time {
    width: 7%
}

@media (max-width: 991px) {
    .account-activity-main ul#pagedData .td.download-time {
        width: auto;
        text-align: right
    }
}

.account-activity-main .filtersection {
    padding-left: 2.73333333rem;
    padding-bottom: 20px;
    padding-right: 2.73333333rem
}

    .account-activity-main .filtersection .custom-padding {
        padding-top: 2.33333333rem;
        padding-bottom: 1.4rem
    }

    .account-activity-main .filtersection .filter-months {
        padding: 0
    }

        .account-activity-main .filtersection .filter-months .display-block {
            display: block
        }

        .account-activity-main .filtersection .filter-months .filter-select {
            width: 100%;
            display: inline-block;
            margin: 0 13px 16px 0;
            clear: both;
            height: 2.66666667rem;
            color: #1A1A1A;
            font-size: 1rem
        }

        .account-activity-main .filtersection .filter-months .formonths, .account-activity-main .filtersection .filter-months .forexport {
            padding: 0 0 0 15px;
            font-family: "FoundationBold",Arial,sans-serif;
            margin-bottom: .06666667rem
        }

        .account-activity-main .filtersection .filter-months .exportbtn button {
            min-width: 120px
        }

            .account-activity-main .filtersection .filter-months .exportbtn button img {
                margin-left: 10px;
                width: 11px;
                position: relative;
                top: -2px
            }

    .account-activity-main .filtersection .custom-dropdown {
        margin-right: .86666667rem
    }

        .account-activity-main .filtersection .custom-dropdown select {
            padding: .62rem 5rem .5rem .93333333rem
        }

    .account-activity-main .filtersection select::-ms-expand {
        display: block
    }

.account-activity-main .all-account-activities {
    background-color: #fff
}

    .account-activity-main .all-account-activities p, .account-activity-main .all-account-activities .p {
        color: #1A1A1A;
        font-family: "FoundationRoman",Arial,sans-serif;
        margin-bottom: 0;
        font-size: 13px;
        padding-bottom: 0
    }

    .account-activity-main .all-account-activities .divtable .tr {
        overflow: hidden;
        clear: both
    }

    .account-activity-main .all-account-activities .divtable .headings {
        padding-bottom: .4rem;
        letter-spacing: .02666667rem;
        padding-left: 32px
    }

@media (max-width: 991px) {
    .account-activity-main .all-account-activities .divtable .headings {
        padding-bottom: 0;
        padding-left: 0
    }
}

.account-activity-main .all-account-activities .divtable .headings .download-icons {
    width: 5.6%
}

@media (max-width: 991px) {
    .account-activity-main .all-account-activities .divtable .headings .download-icons {
        width: auto
    }
}

.account-activity-main .all-account-activities .divtable .th {
    padding: 1rem 0.66666667rem 0.33333333rem 0;
    float: left;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 1rem
}

@media (max-width: 991px) {
    .account-activity-main .all-account-activities .divtable .th {
        padding: 0
    }
}

.account-activity-main .all-account-activities .divtable .tr:nth-child(even) {
    background: #d0d0ce
}

.account-activity-main .all-account-activities .divtable .td {
    padding: 13px 10px 13px 0;
    float: left
}

@media (max-width: 991px) {
    .account-activity-main .all-account-activities .divtable .td {
        padding: 0
    }
}

.account-activity-main .all-account-activities .divtable .td b {
    font-family: "FoundationBold",Arial,sans-serif
}

.account-activity-main .all-account-activities .divtable .download-amount, .account-activity-main .all-account-activities .divtable .download-method {
    width: 25%;
    padding-left: 4%
}

.account-activity-main .all-account-activities .divtable .download-desc {
    width: 30%
}

    .account-activity-main .all-account-activities .divtable .download-desc a:hover {
        text-decoration: none
    }

    .account-activity-main .all-account-activities .divtable .download-desc .display-block-more-info {
        display: block;
        padding-top: .2rem;
        color: #353535
    }

        .account-activity-main .all-account-activities .divtable .download-desc .display-block-more-info::after {
            content: "\25BA";
            padding-left: .33333333rem
        }

.account-activity-main .all-account-activities .divtable .download-file {
    width: 14%
}

    .account-activity-main .all-account-activities .divtable .download-file a {
        color: #353535
    }

        .account-activity-main .all-account-activities .divtable .download-file a:hover {
            text-decoration: none
        }

.account-activity-main .all-account-activities .divtable .arrow-down {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit
}

    .account-activity-main .all-account-activities .divtable .arrow-down:before {
        content: "\f063"
    }

a.view-bill-kubra {
    text-decoration: underline;
    color: #0488E4
}

#usage-history {
    padding-bottom: 35px
}

    #usage-history h2 {
        padding: 20px 0
    }

#accountActivityBody {
    padding-bottom: 35px
}

    #accountActivityBody h2 {
        padding: 20px 0 20px 32px
    }

@media (max-width: 991px) {
    #accountActivityBody h2 {
        padding-left: 0
    }
}

#accountActivityBody .nodata-spacing {
    display: inline-block;
    padding: 0 0 20px 32px
}

@media (max-width: 991px) {
    #accountActivityBody .nodata-spacing {
        padding: 0 0 20px 0;
        text-align: justify
    }
}

#accountActivityBody #account-activity-body-table #pagedData li {
    margin-bottom: 0
}

#accountActivityBody #account-activity-body-table li:nth-child(odd) {
    background: #f2f3f3
}

#accountActivityBody #account-activity-body-table .td.download-name p, #accountActivityBody #account-activity-body-table .td.download-name .p {
    padding-bottom: 0;
    padding-left: 24px
}

@media (max-width: 991px) {
    #accountActivityBody #account-activity-body-table .td.download-name p, #accountActivityBody #account-activity-body-table .td.download-name .p {
        padding: 0
    }
}

#accountActivityBody #account-activity-body-table .td.download-name img {
    padding-left: 37px
}

#accountActivityBody #account-activity-body-table .download-date p, #accountActivityBody #account-activity-body-table .download-date .p, #accountActivityBody #account-activity-body-table .download-time p, #accountActivityBody #account-activity-body-table .download-time .p {
    display: inline-block
}

#accountActivityBody .th.download-name {
    padding-left: 2.5%;
    width: 24%
}

@media (max-width: 991px) {
    #accountActivityBody .th.download-name {
        padding-left: 0;
        width: auto
    }
}

#accountActivityBody .th.download-address {
    width: 9%
}

@media (max-width: 991px) {
    #accountActivityBody .th.download-address {
        width: auto
    }
}

#accountActivityBody .th.download-details {
    width: 43%
}

@media (max-width: 991px) {
    #accountActivityBody .th.download-details {
        width: auto
    }
}

.account-activity-main .padBtm {
    padding-bottom: 0rem
}

#usage-history .download-list-table {
    overflow: auto;
    height: 612px;
    margin-bottom: 30px
}

#usage-history .divtable {
    min-width: 1650px
}

#usage-history .download-name {
    width: 11%;
    text-align: center
}

#usage-history #paging {
    display: inline-block;
    margin: 20px;
    margin-top: 20px
}

    #usage-history #paging label {
        float: left;
        letter-spacing: 1px;
        margin-right: 10px
    }

#usage-history .select-pagesize {
    float: left;
    margin-right: 25px
}

#usage-history table {
    float: left;
    margin: 0px 10px
}

    #usage-history table td {
        padding: 0px
    }

.pagination.bootpag li::before {
    content: none
}

@media (max-width: 991px) {
    .account-activity-main {
        margin: 2rem 0 0 0
    }

        .account-activity-main .filtersection {
            padding: 0 47px 18px 47px
        }

            .account-activity-main .filtersection .custom-padding {
                font-size: 1.66666667rem;
                padding-top: 1.73333333rem;
                padding-bottom: 1.46666667rem
            }

            .account-activity-main .filtersection .filter-months .filter-select {
                width: 100%
            }

            .account-activity-main .filtersection .filter-months button {
                margin-top: 12px
            }

            .account-activity-main .filtersection .filter-months .filter-select {
                width: 100%
            }

            .account-activity-main .filtersection .custom-dropdown {
                width: 100%
            }

                .account-activity-main .filtersection .custom-dropdown select {
                    width: 100%
                }

            .account-activity-main .filtersection .btn-dark, .account-activity-main .filtersection .btn-dark-widget, .account-activity-main .filtersection .btn-content-open-dark, .account-activity-main .filtersection .btn-content-open-dark-noborder, .account-activity-main .filtersection .dropdown .dropdown-btn, .dropdown .account-activity-main .filtersection .dropdown-btn, .account-activity-main .filtersection .dropdown-dark .dropdown-btn, .dropdown-dark .account-activity-main .filtersection .dropdown-btn, .account-activity-main .filtersection .dropdown-grey .dropdown-btn, .dropdown-grey .account-activity-main .filtersection .dropdown-btn, .account-activity-main .filtersection .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .account-activity-main .filtersection .dropdown-btn, .account-activity-main .filtersection .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .account-activity-main .filtersection .dropdown-btn, .account-activity-main .filtersection .dropdown-white .dropdown-btn, .dropdown-white .account-activity-main .filtersection .dropdown-btn {
                display: block;
                margin-top: 1.33333333rem;
                width: 100%
            }

        .account-activity-main .download-list-table .divtable .tr:nth-child(even) {
            background: #d0d0ce
        }

        .account-activity-main .download-list-table .divtable .display-inline {
            display: inline-block !important
        }

        .account-activity-main .download-list-table .accordion-xs .headings {
            display: none
        }

        .account-activity-main .download-list-table .accordion-xs .tr {
            border-bottom: .06666667rem solid #fff;
            padding: .93333333rem 0 1.06666667rem 1.33333333rem
        }

        .account-activity-main .download-list-table .accordion-xs .th, .account-activity-main .download-list-table .accordion-xs .td {
            float: none;
            width: 100%;
            padding: 0
        }

        .account-activity-main .download-list-table .accordion-xs .accordion-xs-toggle {
            padding: .2rem 1.66666667rem .2rem 0rem;
            cursor: pointer;
            position: relative
        }

            .account-activity-main .download-list-table .accordion-xs .accordion-xs-toggle:after {
                content: '\25bc';
                float: right
            }

            .account-activity-main .download-list-table .accordion-xs .accordion-xs-toggle.collapsed:after {
                content: '\25b2'
            }

        .account-activity-main .download-list-table .accordion-xs-collapse .td:before {
            font-weight: bold
        }

        .account-activity-main .download-list-table .accordion-xs .inner {
            border-top: .06666667rem solid #B4B4B4;
            padding-top: .93333333rem;
            margin-top: .66666667rem
        }

        .account-activity-main .download-list-table .accordion-xs .accordion-xs-toggle:after {
            position: absolute;
            top: 0;
            right: 1.26666667rem;
            font-style: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased
        }

    #usage-history .download-name {
        width: auto;
        text-align: initial
    }

    #usage-history .divtable {
        min-width: auto !important
    }

    .multi-address-section, .activity-filter {
        padding-bottom: 16px
    }

    .filter-exports {
        padding-top: 20px !important
    }

        .filter-exports button {
            margin-top: 5px
        }

    .headings .th:after {
        content: '/';
        margin: 0 5px
    }

    .download-details:after {
        content: none !important
    }

    .download-date:after, .th.download-icons:after {
        content: none !important
    }

    .th.download-date {
        position: absolute;
        right: 16px
    }

    #pagedData li {
        margin: 0 !important
    }

    .download-address-list span {
        font-size: 13px
    }

    .filter-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .filter-results {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .filter-results .filter-results-section {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .download-icons img {
        width: 16px;
        height: 16px
    }

    .pagedData-activity {
        text-align: center;
        padding: 10px 0 10px 0 !important
    }

        .pagedData-activity .pagination.bootpag {
            padding: 0
        }

            .pagedData-activity .pagination.bootpag li {
                margin-left: 0px !important;
                margin-top: 0 !important
            }

                .pagedData-activity .pagination.bootpag li:before {
                    content: none
                }

        .pagedData-activity #pager {
            margin: 0 !important
        }

            .pagedData-activity #pager select {
                display: inline-block
            }

    .account-activity-usage-pagination #pager {
        margin: 0 !important;
        display: inline-block
    }
}

@media only screen and (max-width: 991px) {
    #usage-history {
        padding-left: 15px;
        padding-right: 15px
    }
}

.padding-left40 {
    padding-left: 2.73333333rem
}

.account-activity-usage-pagination .pagedData-activity {
    padding: 14px 0;
    background: #F2F3F3;
    margin-top: 22px
}

    .account-activity-usage-pagination .pagedData-activity .pagination.bootpag {
        margin-top: 14px
    }

        .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li a, .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li span {
            border: 0;
            text-align: center;
            color: #000;
            background-color: #f2f2f3
        }

        .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li.active > a, .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li.active > a:focus, .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li.active > a:hover, .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li.active > span, .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li.active > span:focus, .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li.active > span:hover {
            background-color: #666;
            color: #fff
        }

.account-activity-usage-pagination #pager {
    float: left;
    margin: 0 0 16px 26px !important
}

    .account-activity-usage-pagination #pager select {
        height: 29px;
        width: 50px;
        padding: 0;
        font-size: 15px
    }

        .account-activity-usage-pagination #pager select::-ms-expand {
            display: block
        }

@media only screen and (max-width: 991px) {
    #usage-history .account-activity-usage-pagination .divtable li {
        margin-left: 0
    }

    #usage-history .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li {
        margin-left: 0
    }
}

@media only screen and (max-width: 991px) {
    .account-activity-usage-pagination .pagedData-activity {
        display: inline-block;
        width: 100%
    }
}

@media only screen and (max-width: 374px) {
    .account-activity-usage-pagination .pagedData-activity .pagination.bootpag li a {
        width: 29px
    }
}

.multi-address {
    position: relative
}

    .multi-address .multi-address-selectBox {
        position: relative;
        cursor: pointer
    }

@media only screen and (max-width: 991px) {
    .multi-address .multi-address-selectBox {
        cursor: pointer
    }
}

.multi-address .multi-address-selectBox select {
    height: 2.66666667rem;
    font-size: 15px;
    color: #1A1A1A
}

.multi-address .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.multi-address #multi-checkboxes {
    display: none;
    border: 1px solid #555;
    padding: 0;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 999;
    -webkit-overflow-scrolling: touch
}

    .multi-address #multi-checkboxes label {
        display: block;
        color: #1A1A1A;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-weight: normal;
        margin-bottom: 0;
        padding: 15px 45px 10px 15px;
        position: relative;
        min-height: 45px
    }

        .multi-address #multi-checkboxes label:hover {
            background-color: #0488E4;
            color: #fff
        }

        .multi-address #multi-checkboxes label span {
            width: 92%;
            display: inline-block;
            padding-right: 5px
        }

    .multi-address #multi-checkboxes .cr {
        position: absolute;
        display: inline-block;
        border: 0.06666667rem solid #9B9B9B;
        height: 20px;
        width: 20px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: -5px;
        outline: 1px solid transparent;
        letter-spacing: 0.04rem;
        right: 18px;
        top: 15px
    }

        .multi-address #multi-checkboxes .cr .cr-icon {
            position: absolute;
            font-size: 0.66666667rem;
            top: 49%;
            -webkit-transform: translate(0, -49%);
            transform: translate(0, -49%)
        }

            .multi-address #multi-checkboxes .cr .cr-icon.fa-check:before {
                height: 0.73333333rem;
                line-height: 100%;
                font-size: 14px;
                color: #9B9B9B;
                content: '\2713\0020';
                padding-left: 3px
            }

    .multi-address #multi-checkboxes input[type="checkbox"] {
        opacity: 0;
        position: absolute
    }

        .multi-address #multi-checkboxes input[type="checkbox"] + .cr .cr-icon {
            opacity: 0
        }

        .multi-address #multi-checkboxes input[type="checkbox"]:checked + .cr .cr-icon {
            opacity: 1
        }

    .multi-address #multi-checkboxes label:after {
        content: "";
        display: table;
        clear: both
    }

.multi-address-section p, .multi-address-section .p, .multi-address-section .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .multi-address-section p {
    padding-bottom: 0;
    font-weight: bold
}

.muliaddress-loadmore {
    text-align: center;
    margin: 15px 0
}

    .muliaddress-loadmore a {
        width: 166px
    }

.account-activity-main .filtersection p, .account-activity-main .filtersection .p {
    padding-bottom: 0;
    font-weight: bold
}

.activity-filter select {
    height: 2.66666667rem;
    color: #1A1A1A;
    font-size: 1rem
}

.message-link-container {
    background-color: #fff !important;
    right: 0;
    padding: 20px 30px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    top: 22%
}

    .message-link-container::before {
        height: 100%;
        background: #fff;
        content: "";
        display: inline-block;
        position: absolute;
        left: 1rem;
        right: 1rem;
        top: 0.33333333rem
    }

    .message-link-container .high-bill-reason {
        padding-bottom: 3.33333333rem;
        margin-bottom: 1.73333333rem;
        border-bottom: 1px solid #B4B4B4;
        position: relative
    }

        .message-link-container .high-bill-reason .High-bill-icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .message-link-container .high-bill-reason .High-bill-icon .icon-container {
                padding: 0 20px 0 0px
            }

        .message-link-container .high-bill-reason .high-bill-content {
            padding-left: 0
        }

        .message-link-container .high-bill-reason .dismiss-container button {
            height: 2.46666667rem;
            width: 8rem;
            border: 1px solid #B4B4B4;
            background-color: #f2f3f3;
            color: #353535
        }

@media only screen and (max-width: 991px) {
    .message-link-container {
        top: 20%
    }

        .message-link-container .high-bill-reason {
            margin-bottom: 1.33333333rem
        }

        .message-link-container .dismiss-container {
            padding-left: 5rem
        }
}

.image-with-desc {
    background: #f2f3f3
}

    .image-with-desc h4 {
        font-size: 1.26666667rem;
        color: #353535;
        font-family: "FoundationBold",Arial,sans-serif;
        padding-top: 1.86666667rem
    }

    .image-with-desc ul li {
        margin-top: .8rem;
        padding-left: .66666667rem;
        color: #1A1A1A;
        line-height: 1.4rem;
        letter-spacing: .04rem
    }

.image-with-desc-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 1 0;
    margin-left: 2rem;
    margin-right: 5.73333333rem;
    padding-bottom: 1.66666667rem
}

@media screen and (max-width: 991px) {
    .image-with-desc .desc-img {
        width: 100%
    }

        .image-with-desc .desc-img img {
            width: 100%;
            height: auto
        }

    .image-with-desc-text {
        padding: 0 1.46666667rem 1.8rem 1.46666667rem;
        margin-left: 0;
        width: 100%
    }

    .banner-img {
        width: 100%
    }

    .hero-content .img-responsive {
        height: auto !important
    }
}

@media screen and (min-width: 992px) {
    .image-with-desc .desc-img {
        width: 16.06666667rem;
        min-height: 200px;
        position: relative;
        overflow: hidden
    }

        .image-with-desc .desc-img img {
            width: auto;
            position: absolute;
            top: -9999px;
            left: -9999px;
            right: -9999px;
            bottom: -9999px;
            margin: auto;
            height: 100%
        }

    .cta-lmr.cta-flex.m-top .cta-img {
        width: 18.73333333rem;
        min-height: 226px;
        position: relative;
        overflow: hidden
    }

        .cta-lmr.cta-flex.m-top .cta-img img {
            width: auto;
            position: absolute;
            top: -9999px;
            left: -9999px;
            right: -9999px;
            bottom: -9999px;
            margin: auto;
            height: 100%
        }

    .cta-lmr.m-top.two-column-cta.cta-flex .cta-img {
        width: 16.06666667rem;
        min-height: 200px
    }
}

.address-container .service-address {
    display: inline-block;
    font-size: 1rem
}

.address-container .account-number {
    display: inline;
    padding-left: 10px;
    font-size: 1rem
}

.address-container .account-number-label {
    font-weight: 900
}

.budget-billing-plan-cancel .billing-plan-heading {
    margin-top: 2.6rem
}

.budget-billing-plan-cancel .billing-option-container {
    margin-top: 2.06666667rem
}

    .budget-billing-plan-cancel .billing-option-container .billing-option-content {
        margin-bottom: 1rem
    }

        .budget-billing-plan-cancel .billing-option-container .billing-option-content label {
            font-weight: normal;
            font-family: "FoundationRoman",Arial,sans-serif;
            margin-bottom: 0;
            margin-left: .33333333rem
        }

.user-actions {
    text-align: center;
    margin-top: 3.6rem
}

    .user-actions .btn-dark, .user-actions .btn-dark-widget, .user-actions .btn-content-open-dark, .user-actions .btn-content-open-dark-noborder, .user-actions .dropdown .dropdown-btn, .dropdown .user-actions .dropdown-btn, .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .user-actions .dropdown-btn, .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .user-actions .dropdown-btn, .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .user-actions .dropdown-btn, .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .user-actions .dropdown-btn, .user-actions .dropdown-white .dropdown-btn, .dropdown-white .user-actions .dropdown-btn {
        margin-bottom: 1.2rem;
        width: 265px;
        letter-spacing: 1.2px
    }

    .user-actions .cancel {
        color: #1A1A1A;
        cursor: pointer;
        text-decoration: underline;
        display: block
    }

        .user-actions .cancel#ancClose {
            -webkit-appearance: none;
            border: none;
            background-color: inherit;
            margin: 0 auto
        }

@media only screen and (max-width: 767px) {
    .user-actions {
        margin-top: 2.66666667rem
    }

        .user-actions .btn-dark, .user-actions .btn-dark-widget, .user-actions .btn-content-open-dark, .user-actions .btn-content-open-dark-noborder, .user-actions .dropdown .dropdown-btn, .dropdown .user-actions .dropdown-btn, .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .user-actions .dropdown-btn, .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .user-actions .dropdown-btn, .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .user-actions .dropdown-btn, .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .user-actions .dropdown-btn, .user-actions .dropdown-white .dropdown-btn, .dropdown-white .user-actions .dropdown-btn {
            width: 100%
        }
}

.budget-billing-plan-enrolment .alert-content {
    margin-bottom: 2.6rem !important;
    margin-top: 1.26666667rem !important
}

.budget-billing-plan-enrolment .enroll-here {
    margin-bottom: 1.53333333rem !important
}

.budget-billing-plan-enrolment .required-field {
    margin-bottom: 1.73333333rem !important;
    font-family: "FoundationLightItalic",Arial,sans-serif
}

.budget-billing-plan-enrolment .billing-option-content {
    overflow: initial
}

    .budget-billing-plan-enrolment .billing-option-content label {
        margin-left: .53333333rem !important
    }

.why-natural-right-content {
    margin-top: 5.26666667rem
}

@media screen and (max-width: 991px) {
    .why-natural-right-content {
        margin-top: 0
    }
}

.sub-nav {
    margin-top: 1.53333333rem
}

    .sub-nav .nav-tabs {
        border: none;
        padding: 0;
        margin: 0
    }

        .sub-nav .nav-tabs > li {
            list-style: none;
            margin-right: 1.13333333rem;
            margin-bottom: 1.4rem
        }

            .sub-nav .nav-tabs > li::before {
                display: none !important;
                content: ''
            }

            .sub-nav .nav-tabs > li:nth-child(4n) {
                margin-right: 0
            }

            .sub-nav .nav-tabs > li.active {
                border: 1px solid #353535;
                background-color: #fff
            }

            .sub-nav .nav-tabs > li:hover, .sub-nav .nav-tabs > li:focus, .sub-nav .nav-tabs > li:active {
                background-color: #fff !important;
                color: #353535 !important;
                border-color: #353535
            }

            .sub-nav .nav-tabs > li > a {
                color: #353535;
                border: none;
                border-radius: 0;
                font-weight: bold;
                padding: .53333333rem 1rem;
                line-height: 1rem;
                letter-spacing: .08rem;
                text-transform: uppercase;
                font-family: "FoundationBold",Arial,sans-serif;
                margin: 0;
                display: inline-block;
                cursor: pointer;
                border: 1px solid transparent !important
            }

                .sub-nav .nav-tabs > li > a:hover, .sub-nav .nav-tabs > li > a:focus, .sub-nav .nav-tabs > li > a:active {
                    color: #353535 !important;
                    border: 0;
                    border-color: #353535
                }

                .sub-nav .nav-tabs > li > a:hover, .sub-nav .nav-tabs > li > a:active {
                    background-color: #fff !important
                }

        .sub-nav .nav-tabs .menu-heading {
            width: 23.5%;
            text-align: center;
            border: 1px solid #FFB81B
        }

            .sub-nav .nav-tabs .menu-heading a {
                width: 100%
            }

        .sub-nav .nav-tabs .menu-heading, .sub-nav .nav-tabs .dropdown-view {
            width: 23.5%;
            text-align: center;
            height: 50px;
            line-height: 50px;
            background-color: #FFB81B;
            border: 1px solid #FFB81B
        }

            .sub-nav .nav-tabs .menu-heading a, .sub-nav .nav-tabs .dropdown-view a {
                width: 100%
            }

        .sub-nav .nav-tabs .dropdown-view {
            width: 23.5%
        }

        .sub-nav .nav-tabs .dropdown .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-dark .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-grey .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-yellow-whitetxt .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-yellow-darktxt .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-white .dropdown-toggle:after {
            content: "\f0d7";
            font: normal normal normal 13px/1 FontAwesome;
            padding-left: .33333333rem
        }

        .sub-nav .nav-tabs .dropdown-menu {
            background-color: #d0d0ce;
            width: 100%;
            padding: 0;
            margin-top: 0px;
            padding-left: 1.33333333rem;
            padding-right: 1.33333333rem;
            transform: translate(-50%, 5%);
            -webkit-transform: translate(-50%, 5%);
            -moz-transform: translate(-50%, 5%);
            -ms-transform: translate(-50%, 5%);
            -o-transform: translate(-50%, 5%)
        }

            .sub-nav .nav-tabs .dropdown-menu li {
                margin-bottom: 0;
                margin-right: 0;
                width: 100%;
                border-bottom: .06666667rem solid #B4B4B4
            }

                .sub-nav .nav-tabs .dropdown-menu li:hover {
                    border-left: none;
                    border-right: none;
                    border-top: none;
                    color: #000 !important;
                    background-color: transparent !important
                }

                .sub-nav .nav-tabs .dropdown-menu li:last-child {
                    border-bottom: none
                }

                .sub-nav .nav-tabs .dropdown-menu li a {
                    padding-left: 0;
                    padding-right: 0;
                    background-color: transparent;
                    border-left: none;
                    border-right: none;
                    border-top: none;
                    font-family: "NHaasGroteskDSStd-55Rg", Arial, sans-serif;
                    text-transform: none;
                    letter-spacing: .04rem;
                    white-space: inherit;
                    line-height: 1.46666667rem;
                    color: #1a1a1a;
                    font-weight: normal;
                    padding-top: 0.9rem;
                    padding-bottom: 0.9rem
                }

                    .sub-nav .nav-tabs .dropdown-menu li a:hover {
                        color: #000 !important
                    }

                .sub-nav .nav-tabs .dropdown-menu li:last-child a {
                    border: none
                }

@media only screen and (max-width: 1399px) {
    .sub-nav .nav-tabs .menu-heading, .sub-nav .nav-tabs .dropdown-view, .sub-nav .nav-tabs li {
        width: 31.5%
    }

        .sub-nav .nav-tabs .menu-heading:nth-child(3n), .sub-nav .nav-tabs .dropdown-view:nth-child(3n), .sub-nav .nav-tabs li:nth-child(3n) {
            margin-right: 0
        }

        .sub-nav .nav-tabs .menu-heading:nth-child(4n), .sub-nav .nav-tabs .dropdown-view:nth-child(4n), .sub-nav .nav-tabs li:nth-child(4n) {
            margin-right: 1.13333333rem
        }
}

@media only screen and (max-width: 1199px) {
    .sub-nav .nav-tabs .menu-heading, .sub-nav .nav-tabs .dropdown-view, .sub-nav .nav-tabs li {
        width: 31.5%
    }

        .sub-nav .nav-tabs .menu-heading:nth-child(3n), .sub-nav .nav-tabs .dropdown-view:nth-child(3n), .sub-nav .nav-tabs li:nth-child(3n) {
            margin-right: 0
        }

        .sub-nav .nav-tabs .menu-heading:nth-child(4n), .sub-nav .nav-tabs .dropdown-view:nth-child(4n), .sub-nav .nav-tabs li:nth-child(4n) {
            margin-right: 1.13333333rem
        }
}

@media only screen and (max-width: 991px) {
    .sub-nav .nav-tabs .dropdown .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-dark .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-grey .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-yellow-whitetxt .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-yellow-darktxt .dropdown-toggle:after, .sub-nav .nav-tabs .dropdown-white .dropdown-toggle:after {
        right: 30px;
        position: absolute;
        font-size: 1.2rem;
        bottom: 11px
    }

    .sub-nav .nav-tabs .dropdown-menu {
        width: 100%;
        position: inherit;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        left: 0;
        top: .2rem;
        transform: inherit;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit
    }

        .sub-nav .nav-tabs .dropdown-menu .dropdown-tick {
            position: relative;
            font: normal normal normal 14px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

            .sub-nav .nav-tabs .dropdown-menu .dropdown-tick:after {
                content: "\f00c";
                right: 35px;
                position: absolute;
                bottom: 14px;
                font-size: .93333333rem
            }

        .sub-nav .nav-tabs .dropdown-menu li a {
            text-align: left
        }

    .sub-nav .nav-tabs .menu-heading, .sub-nav .nav-tabs li {
        width: 100%;
        margin-bottom: 1.33333333rem
    }

    .sub-nav .nav-tabs .dropdown-view, .sub-nav .nav-tabs li {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .sub-nav .nav-tabs .menu-heading, .sub-nav .nav-tabs li {
        width: 100%;
        text-align: center
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sub-nav .nav-tabs li:nth-child(4) {
        margin-right: 0
    }

    .sub-nav .nav-tabs li a {
        font-size: .93333333rem
    }
}

.navClick {
    background-color: #fff !important;
    color: #353535 !important;
    border: 1px solid #353535 !important
}

.dropdown-view:hover ul.dropdown-menu {
    display: block;
    word-wrap: break-word;
    padding: 0 1.33333333rem
}

.valid::before {
    background: url("../images/valid.png") no-repeat;
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    top: 0;
    bottom: 0;
    height: 16px;
    width: 16px;
    margin-left: -1.66666667rem
}

.invalid::before {
    background: url("../images/invalid.png") no-repeat;
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    top: 0;
    bottom: 0;
    height: 16px;
    width: 16px
}

.custom-flyout-content-height {
    height: 60vh;
    overflow-y: auto
}

.pwd-info-chklist {
    padding-left: 1.66666667rem
}

    .pwd-info-chklist li {
        position: relative;
        margin-bottom: .8rem
    }

        .pwd-info-chklist li::before {
            content: "";
            margin-left: -1.66666667rem
        }

.msg-flyout {
    position: relative
}

    .msg-flyout .green-status {
        color: #4a773c !important;
        font-family: "FoundationBold",Arial,sans-serif
    }

        .msg-flyout .green-status::before {
            background: url("../images/circle-check-mark-green.svg") no-repeat center;
            content: "";
            width: 2.2rem;
            height: 2.13333333rem;
            display: inline-block;
            margin-bottom: -.66666667rem;
            background-size: 70%
        }

    .msg-flyout .red-status {
        color: #C8102E !important;
        font-family: "FoundationBold",Arial,sans-serif
    }

        .msg-flyout .red-status::before {
            background: url("../images/alert-icon-red.svg") no-repeat center;
            content: "";
            width: 2.2rem;
            height: 2.13333333rem;
            display: inline-block;
            margin-bottom: -.66666667rem;
            background-size: 70%;
            margin-left: -.33333333rem
        }

    .msg-flyout .modal {
        position: absolute !important;
        left: auto;
        right: 0;
        padding-right: 0px !important;
        overflow: visible
    }

        .msg-flyout .modal .modal-dialog.custom-width .modal-content::before {
            left: 93%
        }

        .msg-flyout .modal .remove-account-modal {
            top: -25px !important
        }

        .msg-flyout .modal .modal-dialog {
            width: 44.93333333rem;
            left: 2.66666667rem;
            top: 1.33333333rem;
            margin: 20px auto
        }

            .msg-flyout .modal .modal-dialog .modal-content {
                padding: 1.73333333rem 3.66666667rem 4.2rem 3.66666667rem;
                border-radius: 0;
                -webkit-box-shadow: 0 0 0 !important;
                box-shadow: 0 0 0 !important;
                border: .06666667rem solid #FFB81B
            }

                .msg-flyout .modal .modal-dialog .modal-content::before {
                    top: -8px;
                    left: 90%;
                    border: solid #FFB81B;
                    border-width: 1px 0px 0px 1px;
                    display: inline-block;
                    padding: 7px;
                    transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    content: " ";
                    position: absolute;
                    background: #fff
                }

                .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg {
                    width: 100%;
                    min-height: 141px;
                    display: none;
                    border: 1px solid #C8102E;
                    background-color: #F9E7EA;
                    margin: 0 0 20px
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg h3 {
                        margin: 22px 0 0 67px;
                        font-size: 20px;
                        font-family: "FoundationBold",Arial,sans-serif
                    }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg p, .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg .p {
                        font-size: 15px;
                        line-height: 21px;
                        letter-spacing: 0.6px;
                        margin: 14px 62px 21px 67px;
                        width: 80%
                    }

                .msg-flyout .modal .modal-dialog .modal-content .modal-header {
                    text-align: left;
                    border-bottom: 0;
                    padding: 0;
                    margin-bottom: 1.93333333rem
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header h3 {
                        display: inline-block;
                        font-size: 1.6rem;
                        line-height: 1.86666667rem;
                        color: #353535;
                        padding-bottom: 0;
                        margin-bottom: 0
                    }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header h2 {
                        display: inline-block;
                        color: #353535;
                        padding-bottom: 0;
                        margin-bottom: 0
                    }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header .close {
                        font-size: 1.26666667rem;
                        line-height: 1.86666667rem;
                        font-family: "FoundationBold",Arial,sans-serif;
                        color: #353535;
                        opacity: 1
                    }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-header .close span {
                            font-size: 1.66666667rem;
                            margin-right: .33333333rem;
                            display: inline-block;
                            vertical-align: bottom
                        }

                .msg-flyout .modal .modal-dialog .modal-content .modal-notification {
                    margin-bottom: 1.33333333rem
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-title {
                        font-size: 1.33333333rem;
                        font-family: "FoundationBold",Arial,sans-serif;
                        line-height: 28px
                    }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg {
                        min-height: 4.93333333rem;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex
                    }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg .icon-tick {
                            float: left;
                            padding: 1.13333333rem;
                            width: 13%;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center
                        }

                            .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg .icon-tick img {
                                height: -webkit-fit-content;
                                height: -moz-fit-content;
                                height: fit-content
                            }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg .success {
                            background-color: #4a773c
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg .amber {
                            background-color: #ffb81c
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg .alert-content-success {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            background-color: #DBE4D8;
                            color: #1A1A1A;
                            font-size: 1.2rem;
                            float: left;
                            padding: 1rem 2rem;
                            width: 87%
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg .cancel-pap-success {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            background-color: #DBE4D8;
                            color: #1A1A1A;
                            font-size: 1.2rem;
                            float: left;
                            padding: 1rem 2rem;
                            width: 87%;
                            font-weight: 700
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-notification .modal-notification-msg .alert-content-amber {
                            background-color: #fff6e3;
                            color: #1A1A1A;
                            font-size: 1.2rem;
                            float: left;
                            line-height: 4.93333333rem;
                            padding-left: 2rem;
                            width: 87%
                        }

                .msg-flyout .modal .modal-dialog .modal-content .what_happens_next_div ul {
                    list-style: none
                }

                    .msg-flyout .modal .modal-dialog .modal-content .what_happens_next_div ul li::before {
                        color: #f7a700 !important;
                        position: absolute;
                        content: '.';
                        margin: -5px 9px
                    }

                .msg-flyout .modal .modal-dialog .modal-content .modal-body {
                    text-align: left;
                    padding: 0
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-body span.label-name {
                        font-family: "FoundationBold",Arial,sans-serif
                    }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area {
                        width: 100%;
                        background-color: #f2f3f3;
                        padding: 1.53333333rem 3.66666667rem 2.13333333rem 3.66666667rem
                    }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area p, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .p {
                            color: #353535;
                            line-height: 1.4rem;
                            letter-spacing: .04rem;
                            padding-bottom: .06666667rem;
                            margin: 0;
                            margin-bottom: .86666667rem;
                            padding-top: 0
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .set-default-account-selector {
                            cursor: pointer;
                            text-decoration: underline;
                            color: cornflowerblue
                        }

                            .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .set-default-account-selector.selected {
                                pointer-events: none;
                                color: inherit;
                                text-decoration: none
                            }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .remove-account-selector {
                            cursor: pointer;
                            text-decoration: underline;
                            color: cornflowerblue
                        }

                            .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .remove-account-selector.selected {
                                pointer-events: none;
                                color: inherit;
                                text-decoration: none
                            }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .report-a-payment .enroll-here a {
                            text-decoration: none
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .enroll-here.amount-font-bold {
                            font-family: "FoundationBold",Arial,sans-serif;
                            text-align: center;
                            margin: 1rem
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .centered {
                            margin: 0 auto;
                            width: 254px;
                            padding-top: 10px
                        }

                            .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .centered ::-webkit-input-placeholder {
                                color: #1a1a1a;
                                font-family: "FoundationRoman",Arial,sans-serif
                            }

                            .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .centered ::-moz-placeholder {
                                color: #1a1a1a;
                                font-family: "FoundationRoman",Arial,sans-serif
                            }

                            .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .centered ::-ms-input-placeholder {
                                color: #1a1a1a;
                                font-family: "FoundationRoman",Arial,sans-serif
                            }

                            .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .centered ::placeholder {
                                color: #1a1a1a;
                                font-family: "FoundationRoman",Arial,sans-serif
                            }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .form-group label {
                            color: #353535;
                            letter-spacing: .02666667rem;
                            font-family: "FoundationLight",Arial,sans-serif
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .btn-dark, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .btn-dark-widget, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .btn-content-open-dark, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .btn-content-open-dark-noborder, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown .dropdown-btn, .dropdown .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-btn, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-btn, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-btn, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-btn, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-btn, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-white .dropdown-btn, .dropdown-white .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .report-a-payment-flyout .user-actions .dropdown-btn {
                            width: 224px
                        }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .msg-flyout .btn-dark, .msg-flyout .btn-dark-widget, .msg-flyout .btn-content-open-dark, .msg-flyout .btn-content-open-dark-noborder, .msg-flyout .dropdown .dropdown-btn, .dropdown .msg-flyout .dropdown-btn, .msg-flyout .dropdown-dark .dropdown-btn, .dropdown-dark .msg-flyout .dropdown-btn, .msg-flyout .dropdown-grey .dropdown-btn, .dropdown-grey .msg-flyout .dropdown-btn, .msg-flyout .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .msg-flyout .dropdown-btn, .msg-flyout .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .msg-flyout .dropdown-btn, .msg-flyout .dropdown-white .dropdown-btn, .dropdown-white .msg-flyout .dropdown-btn {
        font-size: .8rem !important
    }

    .msg-flyout .btn-grey, .msg-flyout .btn-grey-widget, .msg-flyout .btn-content-open-grey, .msg-flyout .btn-content-open-grey-noborder, .msg-flyout .dropdown-grey .dropdown-btn, .dropdown-grey .msg-flyout .dropdown-btn {
        font-size: .8rem !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area {
        padding: 1rem;
        padding: 1.53333333rem 2.31333333rem 2.33333333rem 2.06666667rem
    }

        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area p, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .p {
            margin-bottom: .86666667rem
        }
}

@media only screen and (max-width: 767px) {
    .msg-flyout .modal .modal-dialog::before {
        left: 91.5%
    }

    .msg-flyout .modal .modal-dialog .modal-content::before {
        left: 93%
    }

    .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg {
        width: 90%;
        min-height: 220px;
        padding: 0 1.33333333rem;
        margin: 0 auto 1.33333333rem
    }

        .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg h3 {
            margin: 1.86666667rem 0 0 .46666667rem
        }

        .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg p, .msg-flyout .modal .modal-dialog .modal-content .modal-header-error-msg .p {
            margin: 1.86666667rem .13333333rem 1rem .46666667rem
        }

    .msg-flyout .modal .modal-dialog .modal-content .modal-body .modal-notification {
        padding: 0 20px
    }

        .msg-flyout .modal .modal-dialog .modal-content .modal-body .modal-notification .modal-notification-title {
            font-size: 15px
        }

        .msg-flyout .modal .modal-dialog .modal-content .modal-body .modal-notification .modal-notification-msg {
            min-height: 121px
        }

            .msg-flyout .modal .modal-dialog .modal-content .modal-body .modal-notification .modal-notification-msg .success, .msg-flyout .modal .modal-dialog .modal-content .modal-body .modal-notification .modal-notification-msg .amber {
                padding: 2.33333333rem .8rem;
                width: 18%;
                height: 121px;
                text-align: center
            }

            .msg-flyout .modal .modal-dialog .modal-content .modal-body .modal-notification .modal-notification-msg .alert-content-success, .msg-flyout .modal .modal-dialog .modal-content .modal-body .modal-notification .modal-notification-msg .alert-content-amber {
                font-family: "FoundationBold",Arial,sans-serif;
                font-size: 15px;
                line-height: 1.68rem;
                padding: 2.2rem 0 1.8rem 1.06666667rem;
                width: 82%;
                height: 121px
            }

    .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area {
        padding: 1rem
    }

        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area p, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .p {
            margin-bottom: .86666667rem
        }

    .msg-flyout .modal .modal-dialog .modal-content .modal-header {
        padding-top: 20px
    }

    .msg-flyout .btn-dark, .msg-flyout .btn-dark-widget, .msg-flyout .btn-content-open-dark, .msg-flyout .btn-content-open-dark-noborder, .msg-flyout .dropdown .dropdown-btn, .dropdown .msg-flyout .dropdown-btn, .msg-flyout .dropdown-dark .dropdown-btn, .dropdown-dark .msg-flyout .dropdown-btn, .msg-flyout .dropdown-grey .dropdown-btn, .dropdown-grey .msg-flyout .dropdown-btn, .msg-flyout .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .msg-flyout .dropdown-btn, .msg-flyout .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .msg-flyout .dropdown-btn, .msg-flyout .dropdown-white .dropdown-btn, .dropdown-white .msg-flyout .dropdown-btn {
        font-size: .8rem
    }
}

@media only screen and (max-width: 640px) {
    .msg-flyout .modal .modal-dialog.custom-width .modal-content::before {
        left: 86%
    }

    .msg-flyout .modal .modal-dialog .modal-content::before {
        left: 86%
    }
}

@media only screen and (max-width: 480px) {
    .msg-flyout .btn-grey, .msg-flyout .btn-grey-widget, .msg-flyout .btn-content-open-grey, .msg-flyout .btn-content-open-grey-noborder, .msg-flyout .dropdown-grey .dropdown-btn, .dropdown-grey .msg-flyout .dropdown-btn {
        font-size: .73333333rem
    }
}

@media only screen and (min-width: 512px) and (max-width: 991px) {
    .msg-flyout .modal {
        left: -1.33333333rem;
        right: -1.33333333rem
    }

        .msg-flyout .modal .modal-dialog.custom-width .modal-content::before {
            left: 94%
        }

        .msg-flyout .modal .modal-dialog {
            width: 100%;
            left: 0
        }

            .msg-flyout .modal .modal-dialog::before {
                left: 93.5%
            }

            .msg-flyout .modal .modal-dialog .modal-content {
                padding: 0
            }

                .msg-flyout .modal .modal-dialog .modal-content::before {
                    left: 94%
                }

                .msg-flyout .modal .modal-dialog .modal-content .modal-header {
                    padding: 15px;
                    margin-bottom: 0px
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header .close {
                        padding-right: 1.13333333rem
                    }

                .msg-flyout .modal .modal-dialog .modal-content .modal-body {
                    padding-top: 0
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area {
                        padding: 1.53333333rem 2.26666667rem 2.33333333rem 2.06666667rem
                    }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area p, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .p {
                            margin-bottom: .86666667rem
                        }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .form-group .form-control {
                            border: 1px solid #555555 !important
                        }
}

@media only screen and (min-width: 320px) and (max-width: 511px) {
    .msg-flyout .modal {
        left: -1.33333333rem;
        right: -1.33333333rem
    }

        .msg-flyout .modal .modal-dialog {
            width: 100%;
            left: 0
        }

            .msg-flyout .modal .modal-dialog::before {
                left: 93.5%
            }

            .msg-flyout .modal .modal-dialog .modal-content {
                padding: 0
            }

                .msg-flyout .modal .modal-dialog .modal-content::before {
                    left: 94%
                }

                .msg-flyout .modal .modal-dialog .modal-content .modal-header {
                    padding: 15px;
                    margin-bottom: 0px
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header .close {
                        padding-right: 1.13333333rem;
                        font-size: 12px
                    }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-header h3 {
                        font-size: 16px
                    }

                .msg-flyout .modal .modal-dialog .modal-content .modal-body {
                    padding-top: 0
                }

                    .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area {
                        padding: 1.33333333rem !important
                    }

                        .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area p, .msg-flyout .modal .modal-dialog .modal-content .modal-body .content-area .p {
                            margin-bottom: .86666667rem
                        }
}

@media only screen and (max-width: 340px) {
    .msg-flyout .btn-dark, .msg-flyout .btn-dark-widget, .msg-flyout .btn-content-open-dark, .msg-flyout .btn-content-open-dark-noborder, .msg-flyout .dropdown .dropdown-btn, .dropdown .msg-flyout .dropdown-btn, .msg-flyout .dropdown-dark .dropdown-btn, .dropdown-dark .msg-flyout .dropdown-btn, .msg-flyout .dropdown-grey .dropdown-btn, .dropdown-grey .msg-flyout .dropdown-btn, .msg-flyout .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .msg-flyout .dropdown-btn, .msg-flyout .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .msg-flyout .dropdown-btn, .msg-flyout .dropdown-white .dropdown-btn, .dropdown-white .msg-flyout .dropdown-btn {
        font-size: .6rem
    }
}

.modal-backdrop.in {
    opacity: 0.5
}

.submitMeterReading .msg-flyout .modal  {
    left: 0;
    right: 0
}

@media only screen and (max-width: 991px) {
    .my-account-tab-container .set-associated-account .mg-account-selector-pages ul li {
        margin-left: 0px
    }
}

.msg-flyout .mar-btm30 {
    margin-bottom: 2rem
}

.msg-flyout .mar-btm20 {
    margin-bottom: 1.33333333rem
}

.msg-flyout .mar-btm50 {
    margin-bottom: 3.33333333rem
}

.msg-flyout .mar-btm70 {
    margin-bottom: 4.66666667rem
}

.msg-flyout .mar-top100 {
    margin-top: 6.66666667rem
}

.paperless-flyout .pad-left10 {
    margin-bottom: .8rem !important
}

.paperless-flyout .pad-left60 {
    margin-bottom: 1.93333333rem !important
}

.paperless-flyout .custom-radio-button, .paperless-flyout .individual-category {
    margin-bottom: .13333333rem !important
}

.paperless-flyout .radio-labels.custom-checkbox input[type="checkbox"] + label:before {
    top: 28%;
    left: 0
}

.paperless-flyout .radio-labels.custom-checkbox input[type="checkbox"] + label:after {
    top: 29%;
    left: .06666667rem
}

.paperless-flyout .green-status::before {
    margin-left: -.33333333rem
}

.paperless-flyout .green-status {
    font-family: "FoundationBold",Arial,sans-serif
}

.paperless-flyout .green-status {
    margin-bottom: 3.33333333rem !important
}

.paperless-flyout .pad-left20 {
    padding-left: 1.33333333rem
}

.paperless-flyout .pad-left10 {
    padding-left: .66666667rem
}

.paperless-flyout .pad-left60 {
    padding-left: 4rem
}

.paperless-flyout p, .paperless-flyout .p, .paperless-flyout .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .paperless-flyout p {
    margin: .33333333rem 0
}

.paperless-flyout a.btn-dark, .paperless-flyout a.btn-dark-widget, .paperless-flyout a.btn-content-open-dark, .paperless-flyout a.btn-content-open-dark-noborder, .paperless-flyout .dropdown a.dropdown-btn, .dropdown .paperless-flyout a.dropdown-btn, .paperless-flyout .dropdown-dark a.dropdown-btn, .dropdown-dark .paperless-flyout a.dropdown-btn, .paperless-flyout .dropdown-grey a.dropdown-btn, .dropdown-grey .paperless-flyout a.dropdown-btn, .paperless-flyout .dropdown-yellow-whitetxt a.dropdown-btn, .dropdown-yellow-whitetxt .paperless-flyout a.dropdown-btn, .paperless-flyout .dropdown-yellow-darktxt a.dropdown-btn, .dropdown-yellow-darktxt .paperless-flyout a.dropdown-btn, .paperless-flyout .dropdown-white a.dropdown-btn, .dropdown-white .paperless-flyout a.dropdown-btn {
    text-decoration: none !important;
    float: none !important
}

    .paperless-flyout a.btn-dark::after, .paperless-flyout a.btn-dark-widget::after, .paperless-flyout a.btn-content-open-dark::after, .paperless-flyout a.btn-content-open-dark-noborder::after, .paperless-flyout .dropdown a.dropdown-btn::after, .dropdown .paperless-flyout a.dropdown-btn::after, .paperless-flyout .dropdown-dark a.dropdown-btn::after, .dropdown-dark .paperless-flyout a.dropdown-btn::after, .paperless-flyout .dropdown-grey a.dropdown-btn::after, .dropdown-grey .paperless-flyout a.dropdown-btn::after, .paperless-flyout .dropdown-yellow-whitetxt a.dropdown-btn::after, .dropdown-yellow-whitetxt .paperless-flyout a.dropdown-btn::after, .paperless-flyout .dropdown-yellow-darktxt a.dropdown-btn::after, .dropdown-yellow-darktxt .paperless-flyout a.dropdown-btn::after, .paperless-flyout .dropdown-white a.dropdown-btn::after, .dropdown-white .paperless-flyout a.dropdown-btn::after {
        background: none !important
    }

.paperless-flyout label {
    margin-left: .33333333rem;
    margin-top: -.13333333rem;
    color: #353535;
    letter-spacing: .02666667rem
}

.paperless-flyout input[type="radio"] + label {
    font-family: "FoundationBold",Arial,sans-serif
}

.paperless-flyout .enbridge-input {
    margin-top: 1.8rem;
    margin-bottom: .6rem
}

    .paperless-flyout .enbridge-input label {
        width: 100%;
        display: block
    }

    .paperless-flyout .enbridge-input .form-control {
        color: #1A1A1A;
        letter-spacing: .04rem;
        width: auto
    }

.paperless-flyout .radio-labels {
    padding-top: .33333333rem
}

    .paperless-flyout .radio-labels label {
        font-family: "FoundationRoman",Arial,sans-serif;
        letter-spacing: .04rem;
        color: #353535;
        font-weight: normal;
        display: inline-block
    }

    .paperless-flyout .radio-labels p, .paperless-flyout .radio-labels .p {
        margin: .4rem 0
    }

.update-info {
    margin-top: .86666667rem
}

    .update-info .update-info p, .update-info .update-info .p {
        margin-bottom: 0px !important
    }

    .preAuthorised .form-group #PostalCode, .update-info .form-group #PostalCode, .add-associated-account .form-group #PostalCode {
        width: 40%
    }

    .preAuthorised .form-group > label, .update-info .form-group > label, .add-associated-account .form-group > label {
        display: block;
        color: #353535
    }

    .preAuthorised .form-group span label, .update-info .form-group span label, .add-associated-account .form-group span label {
        font-family: "FoundationRoman",Arial,sans-serif
    }

    .preAuthorised form, .update-info form, .add-associated-account form {
        margin: 2rem 0
    }

        .preAuthorised form input[type="radio"], .update-info form input[type="radio"], .add-associated-account form input[type="radio"] {
            margin: .2rem .66666667rem 0px 0
        }

    .preAuthorised input[type="checkbox"], .update-info input[type="checkbox"], .add-associated-account input[type="checkbox"] {
        margin: .2rem .66666667rem 0px 0
    }

    .preAuthorised .required-note, .update-info .required-note, .add-associated-account .required-note {
        color: #555;
        border-bottom: 1px solid #B4B4B4;
        padding-top: .46666667rem;
        margin-bottom: 1.86666667rem;
        margin-top: 4.86666667rem !important;
        font-family: "FoundationLightItalic",Arial,sans-serif
    }

    .preAuthorised .required-space, .update-info .required-space, .add-associated-account .required-space {
        margin-top: 2.26666667rem;
        margin-bottom: 2.66666667rem
    }

    .preAuthorised .terms-condition, .update-info .terms-condition, .add-associated-account .terms-condition {
        text-align: center;
        margin-top: 2.26666667rem
    }

        .preAuthorised .terms-condition .custom-checkbox input[type="checkbox"] + label, .update-info .terms-condition .custom-checkbox input[type="checkbox"] + label, .add-associated-account .terms-condition .custom-checkbox input[type="checkbox"] + label {
            margin-left: 0
        }

        .preAuthorised .terms-condition label, .update-info .terms-condition label, .add-associated-account .terms-condition label {
            font-family: "FoundationRoman",Arial,sans-serif
        }

    .preAuthorised button.btn-dark, .preAuthorised button.btn-dark-widget, .preAuthorised button.btn-content-open-dark, .preAuthorised button.btn-content-open-dark-noborder, .preAuthorised .dropdown button.dropdown-btn, .dropdown .preAuthorised button.dropdown-btn, .preAuthorised .dropdown-dark button.dropdown-btn, .dropdown-dark .preAuthorised button.dropdown-btn, .preAuthorised .dropdown-grey button.dropdown-btn, .dropdown-grey .preAuthorised button.dropdown-btn, .preAuthorised .dropdown-yellow-whitetxt button.dropdown-btn, .dropdown-yellow-whitetxt .preAuthorised button.dropdown-btn, .preAuthorised .dropdown-yellow-darktxt button.dropdown-btn, .dropdown-yellow-darktxt .preAuthorised button.dropdown-btn, .preAuthorised .dropdown-white button.dropdown-btn, .dropdown-white .preAuthorised button.dropdown-btn, .update-info button.btn-dark, .update-info button.btn-dark-widget, .update-info button.btn-content-open-dark, .update-info button.btn-content-open-dark-noborder, .update-info .dropdown button.dropdown-btn, .dropdown .update-info button.dropdown-btn, .update-info .dropdown-dark button.dropdown-btn, .dropdown-dark .update-info button.dropdown-btn, .update-info .dropdown-grey button.dropdown-btn, .dropdown-grey .update-info button.dropdown-btn, .update-info .dropdown-yellow-whitetxt button.dropdown-btn, .dropdown-yellow-whitetxt .update-info button.dropdown-btn, .update-info .dropdown-yellow-darktxt button.dropdown-btn, .dropdown-yellow-darktxt .update-info button.dropdown-btn, .update-info .dropdown-white button.dropdown-btn, .dropdown-white .update-info button.dropdown-btn, .add-associated-account button.btn-dark, .add-associated-account button.btn-dark-widget, .add-associated-account button.btn-content-open-dark, .add-associated-account button.btn-content-open-dark-noborder, .add-associated-account .dropdown button.dropdown-btn, .dropdown .add-associated-account button.dropdown-btn, .add-associated-account .dropdown-dark button.dropdown-btn, .dropdown-dark .add-associated-account button.dropdown-btn, .add-associated-account .dropdown-grey button.dropdown-btn, .dropdown-grey .add-associated-account button.dropdown-btn, .add-associated-account .dropdown-yellow-whitetxt button.dropdown-btn, .dropdown-yellow-whitetxt .add-associated-account button.dropdown-btn, .add-associated-account .dropdown-yellow-darktxt button.dropdown-btn, .dropdown-yellow-darktxt .add-associated-account button.dropdown-btn, .add-associated-account .dropdown-white button.dropdown-btn, .dropdown-white .add-associated-account button.dropdown-btn {
        float: none !important
    }

        .preAuthorised button.btn-dark::after, .preAuthorised button.btn-dark-widget::after, .preAuthorised button.btn-content-open-dark::after, .preAuthorised button.btn-content-open-dark-noborder::after, .preAuthorised .dropdown button.dropdown-btn::after, .dropdown .preAuthorised button.dropdown-btn::after, .preAuthorised .dropdown-dark button.dropdown-btn::after, .dropdown-dark .preAuthorised button.dropdown-btn::after, .preAuthorised .dropdown-grey button.dropdown-btn::after, .dropdown-grey .preAuthorised button.dropdown-btn::after, .preAuthorised .dropdown-yellow-whitetxt button.dropdown-btn::after, .dropdown-yellow-whitetxt .preAuthorised button.dropdown-btn::after, .preAuthorised .dropdown-yellow-darktxt button.dropdown-btn::after, .dropdown-yellow-darktxt .preAuthorised button.dropdown-btn::after, .preAuthorised .dropdown-white button.dropdown-btn::after, .dropdown-white .preAuthorised button.dropdown-btn::after, .update-info button.btn-dark::after, .update-info button.btn-dark-widget::after, .update-info button.btn-content-open-dark::after, .update-info button.btn-content-open-dark-noborder::after, .update-info .dropdown button.dropdown-btn::after, .dropdown .update-info button.dropdown-btn::after, .update-info .dropdown-dark button.dropdown-btn::after, .dropdown-dark .update-info button.dropdown-btn::after, .update-info .dropdown-grey button.dropdown-btn::after, .dropdown-grey .update-info button.dropdown-btn::after, .update-info .dropdown-yellow-whitetxt button.dropdown-btn::after, .dropdown-yellow-whitetxt .update-info button.dropdown-btn::after, .update-info .dropdown-yellow-darktxt button.dropdown-btn::after, .dropdown-yellow-darktxt .update-info button.dropdown-btn::after, .update-info .dropdown-white button.dropdown-btn::after, .dropdown-white .update-info button.dropdown-btn::after, .add-associated-account button.btn-dark::after, .add-associated-account button.btn-dark-widget::after, .add-associated-account button.btn-content-open-dark::after, .add-associated-account button.btn-content-open-dark-noborder::after, .add-associated-account .dropdown button.dropdown-btn::after, .dropdown .add-associated-account button.dropdown-btn::after, .add-associated-account .dropdown-dark button.dropdown-btn::after, .dropdown-dark .add-associated-account button.dropdown-btn::after, .add-associated-account .dropdown-grey button.dropdown-btn::after, .dropdown-grey .add-associated-account button.dropdown-btn::after, .add-associated-account .dropdown-yellow-whitetxt button.dropdown-btn::after, .dropdown-yellow-whitetxt .add-associated-account button.dropdown-btn::after, .add-associated-account .dropdown-yellow-darktxt button.dropdown-btn::after, .dropdown-yellow-darktxt .add-associated-account button.dropdown-btn::after, .add-associated-account .dropdown-white button.dropdown-btn::after, .dropdown-white .add-associated-account button.dropdown-btn::after {
            background: none !important
        }

    .preAuthorised p, .preAuthorised .p, .preAuthorised .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .preAuthorised p, .update-info p, .update-info .p, .update-info .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .update-info p, .add-associated-account p, .add-associated-account .p, .add-associated-account .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .add-associated-account p {
        color: #353535
    }

    .update-info .pad-btm40 {
        padding-bottom: 2.66666667rem !important
    }

    .update-info .required-note {
        margin: 0;
        margin-bottom: 1.8rem !important
    }

        .update-info .required-note.mar-btm30 {
            padding-bottom: 3.66666667rem !important;
            margin-top: 0px !important
        }

    .update-info > p, .update-info > .p, .rebate-cta .rebate-cta-desc .update-info > p {
        margin-bottom: 0px !important
    }

    .update-info p, .update-info .p, .update-info .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .update-info p {
        color: #353535
    }

    .update-info .form-group {
        margin-bottom: 1.4rem
    }

        .update-info .form-group.radio-labels {
            margin-top: 2.86666667rem;
            margin-bottom: 1.6rem
        }

    .update-info .user-actions {
        margin-top: 4.66666667rem
    }

.add-associated-account {
    margin-top: .86666667rem
}

    .add-associated-account .w100 {
        width: 100%
    }

    .add-associated-account .require-note {
        line-height: 1.4rem;
        font-family: "FoundationItalic",Arial,sans-serif;
        margin: .4rem 0;
        color: #353535;
        letter-spacing: 0
    }

.update-info .multi-input .form-group {
    float: left
}

.update-info .multi-input .lg-block {
    width: 70%;
    margin-right: 5%
}

.update-info .multi-input .sm-block {
    width: 25%
}

.update-info .form-group .custom-dropdown {
    width: 100%
}

    .update-info .form-group .custom-dropdown select {
        width: 100%
    }

.update-info .radio-labels label {
    font-family: "FoundationRoman",Arial,sans-serif;
    letter-spacing: .04rem;
    color: #353535;
    font-weight: normal
}

.update-info .radio-labels p, .update-info .radio-labels .p {
    margin: .4rem 0
}

.update-info .enbridge-input {
    margin-top: 3.66666667rem;
    margin-bottom: 2.2rem
}

    .update-info .enbridge-input label {
        width: 100%;
        display: block
    }

    .update-info .enbridge-input .form-control {
        color: #1A1A1A;
        letter-spacing: .04rem;
        width: auto
    }

.update-info .update-section2 {
    margin-top: 1.66666667rem
}

    .update-info .update-section2 .radio-labels {
        margin-bottom: 2.33333333rem
    }

        .update-info .update-section2 .radio-labels label {
            margin-left: .53333333rem
        }

    .update-info .update-section2 h5 {
        margin-bottom: 1.4rem
    }

.preAuthorised .enbridge-input {
    margin-bottom: 1rem
}

    .preAuthorised .enbridge-input label {
        width: 100%;
        display: block
    }

    .preAuthorised .enbridge-input .form-control {
        color: #1A1A1A;
        letter-spacing: .04rem;
        width: auto
    }

.preAuthorised .multi-input .form-group {
    float: left
}

.preAuthorised .multi-input .lg-block {
    width: 70%;
    margin-right: 5%
}

.preAuthorised .multi-input .sm-block {
    width: 25%
}

.preAuthorised .radio-grp span {
    display: inline-block;
    margin-bottom: .66666667rem
}

.preAuthorised .radio-grp input[type="radio"] {
    margin: -.46666667rem .33333333rem 0 0
}

.preAuthorised .form-group .custom-dropdown {
    width: 100%
}

    .preAuthorised .form-group .custom-dropdown select {
        width: 100%
    }

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .update-info .enbridge-input {
        margin-top: 1.73333333rem;
        margin-bottom: 1.53333333rem
    }

    .update-info .required-note.mar-btm30 {
        padding-bottom: 1.86666667rem !important
    }

    .update-info .update-section2 h5 {
        width: 30px;
        line-height: 19px;
        margin-bottom: 0
    }

    .update-info .radio-labels {
        margin-bottom: 2.4rem !important
    }

    .custom-checkbox {
        padding-top: .2rem
    }

        .custom-checkbox label:before {
            top: 43% !important
        }
}

@media only screen and (min-width: 990px) and (max-width: 1199px) {
    .custom-width {
        width: 840px !important
    }

    .update-info .enbridge-input {
        margin-top: 2.4rem;
        margin-bottom: 2.2rem
    }
}

@media only screen and (min-width: 1401px) {
    .custom-width {
        width: 1014px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .custom-width {
        width: 1040px !important
    }
}

@media only screen and (min-width: 1024px) {
    .paperless-flyout .btn-dark, .paperless-flyout .btn-dark-widget, .paperless-flyout .btn-content-open-dark, .paperless-flyout .btn-content-open-dark-noborder, .paperless-flyout .dropdown .dropdown-btn, .dropdown .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-dark .dropdown-btn, .dropdown-dark .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-grey .dropdown-btn, .dropdown-grey .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-white .dropdown-btn, .dropdown-white .paperless-flyout .dropdown-btn {
        min-width: 17.33333333rem !important
    }

    .preAuthorised .btn-dark, .preAuthorised .btn-dark-widget, .preAuthorised .btn-content-open-dark, .preAuthorised .btn-content-open-dark-noborder, .preAuthorised .dropdown .dropdown-btn, .dropdown .preAuthorised .dropdown-btn, .preAuthorised .dropdown-dark .dropdown-btn, .dropdown-dark .preAuthorised .dropdown-btn, .preAuthorised .dropdown-grey .dropdown-btn, .dropdown-grey .preAuthorised .dropdown-btn, .preAuthorised .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .preAuthorised .dropdown-btn, .preAuthorised .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .preAuthorised .dropdown-btn, .preAuthorised .dropdown-white .dropdown-btn, .dropdown-white .preAuthorised .dropdown-btn, .update-info .btn-dark, .update-info .btn-dark-widget, .update-info .btn-content-open-dark, .update-info .btn-content-open-dark-noborder, .update-info .dropdown .dropdown-btn, .dropdown .update-info .dropdown-btn, .update-info .dropdown-dark .dropdown-btn, .dropdown-dark .update-info .dropdown-btn, .update-info .dropdown-grey .dropdown-btn, .dropdown-grey .update-info .dropdown-btn, .update-info .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .update-info .dropdown-btn, .update-info .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .update-info .dropdown-btn, .update-info .dropdown-white .dropdown-btn, .dropdown-white .update-info .dropdown-btn, .add-associated-account .btn-dark, .add-associated-account .btn-dark-widget, .add-associated-account .btn-content-open-dark, .add-associated-account .btn-content-open-dark-noborder, .add-associated-account .dropdown .dropdown-btn, .dropdown .add-associated-account .dropdown-btn, .add-associated-account .dropdown-dark .dropdown-btn, .dropdown-dark .add-associated-account .dropdown-btn, .add-associated-account .dropdown-grey .dropdown-btn, .dropdown-grey .add-associated-account .dropdown-btn, .add-associated-account .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .add-associated-account .dropdown-btn, .add-associated-account .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .add-associated-account .dropdown-btn, .add-associated-account .dropdown-white .dropdown-btn, .dropdown-white .add-associated-account .dropdown-btn {
        min-width: 17.33333333rem !important
    }

    .preAuthorised .form-group #PostalCode, .update-info .form-group #PostalCode, .add-associated-account .form-group #PostalCode {
        width: 100%
    }
}

@media only screen and (max-width: 1024px) {
    .preAuthorised .form-group #PostalCode, .update-info .form-group #PostalCode, .add-associated-account .form-group #PostalCode {
        width: 100%
    }
}

@media only screen and (max-width: 500px) {
    .update-info .update-section2 .radio-labels {
        margin-bottom: .2rem
    }

    .update-info .update-section2 h5 {
        margin-bottom: 0;
        width: 33px;
        line-height: 16px
    }

    .paperless-flyout .btn-dark, .paperless-flyout .btn-dark-widget, .paperless-flyout .btn-content-open-dark, .paperless-flyout .btn-content-open-dark-noborder, .paperless-flyout .dropdown .dropdown-btn, .dropdown .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-dark .dropdown-btn, .dropdown-dark .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-grey .dropdown-btn, .dropdown-grey .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .paperless-flyout .dropdown-btn, .paperless-flyout .dropdown-white .dropdown-btn, .dropdown-white .paperless-flyout .dropdown-btn {
        width: 100% !important
    }

    .paperless-flyout .radio-labels.custom-checkbox input[type="checkbox"] + label:before {
        top: 19%;
        left: 0
    }

    .paperless-flyout .radio-labels.custom-checkbox input[type="checkbox"] + label:after {
        top: 19%;
        left: .06666667rem
    }

    .preAuthorised .btn-dark, .preAuthorised .btn-dark-widget, .preAuthorised .btn-content-open-dark, .preAuthorised .btn-content-open-dark-noborder, .preAuthorised .dropdown .dropdown-btn, .dropdown .preAuthorised .dropdown-btn, .preAuthorised .dropdown-dark .dropdown-btn, .dropdown-dark .preAuthorised .dropdown-btn, .preAuthorised .dropdown-grey .dropdown-btn, .dropdown-grey .preAuthorised .dropdown-btn, .preAuthorised .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .preAuthorised .dropdown-btn, .preAuthorised .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .preAuthorised .dropdown-btn, .preAuthorised .dropdown-white .dropdown-btn, .dropdown-white .preAuthorised .dropdown-btn, .update-info .btn-dark, .update-info .btn-dark-widget, .update-info .btn-content-open-dark, .update-info .btn-content-open-dark-noborder, .update-info .dropdown .dropdown-btn, .dropdown .update-info .dropdown-btn, .update-info .dropdown-dark .dropdown-btn, .dropdown-dark .update-info .dropdown-btn, .update-info .dropdown-grey .dropdown-btn, .dropdown-grey .update-info .dropdown-btn, .update-info .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .update-info .dropdown-btn, .update-info .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .update-info .dropdown-btn, .update-info .dropdown-white .dropdown-btn, .dropdown-white .update-info .dropdown-btn, .add-associated-account .btn-dark, .add-associated-account .btn-dark-widget, .add-associated-account .btn-content-open-dark, .add-associated-account .btn-content-open-dark-noborder, .add-associated-account .dropdown .dropdown-btn, .dropdown .add-associated-account .dropdown-btn, .add-associated-account .dropdown-dark .dropdown-btn, .dropdown-dark .add-associated-account .dropdown-btn, .add-associated-account .dropdown-grey .dropdown-btn, .dropdown-grey .add-associated-account .dropdown-btn, .add-associated-account .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .add-associated-account .dropdown-btn, .add-associated-account .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .add-associated-account .dropdown-btn, .add-associated-account .dropdown-white .dropdown-btn, .dropdown-white .add-associated-account .dropdown-btn {
        width: 100% !important
    }

    .enbridge-input .form-control {
        width: 100% !important
    }

    .preAuthorised .terms-condition {
        position: relative
    }

        .preAuthorised .terms-condition input[type="checkbox"] + label:before {
            left: -0.5rem;
            top: 1.13333333rem
        }

        .preAuthorised .terms-condition input[type="checkbox"] + label:after {
            left: -0.5rem;
            top: 1.13333333rem
        }

        .preAuthorised .terms-condition input {
            position: absolute;
            left: 0
        }
}

@media only screen and (min-width: 512px) and (max-width: 991px) {
    .update-info .pad-btm40 {
        padding-bottom: 2.66666667rem
    }
}

@media only screen and (min-width: 320px) and (max-width: 511px) {
    .update-info .enbridge-input {
        margin-top: 2.33333333rem;
        margin-bottom: 1.33333333rem
    }

    .update-info .required-note {
        margin-top: 1.33333333rem !important
    }

        .update-info .required-note.mar-btm30 {
            padding-bottom: 1.33333333rem !important
        }

    .update-info .user-actions {
        margin-top: 2rem
    }
}

.online-signin-info-main {
    margin-top: 1.2rem
}

    .online-signin-info-main .form-group {
        margin-bottom: 1.4rem
    }

        .online-signin-info-main .form-group label {
            color: #353535
        }

    .online-signin-info-main .newpwdtext {
        margin-top: -.8rem;
        margin-bottom: .66666667rem
    }

    .online-signin-info-main .dd-heading-texts {
        padding: 0;
        padding-bottom: .33333333rem
    }

.update-notifications-main {
    margin-top: 1rem
}

    .update-notifications-main .form-group {
        margin-bottom: 3.8rem
    }

    .update-notifications-main .custom-margin {
        margin-top: 2.93333333rem
    }

    .update-notifications-main .paym-option-text {
        color: #353535;
        padding: 0;
        margin: 0;
        letter-spacing: .02666667rem
    }

    .update-notifications-main .custom-radio-button, .update-notifications-main .individual-category {
        margin-top: 3px;
        margin-bottom: 0
    }

    .update-notifications-main .paym-label {
        font-family: "FoundationRoman",Arial,sans-serif;
        letter-spacing: .02666667rem;
        color: #353535;
        padding-left: .4rem;
        font-weight: normal
    }

.custom-dropdown-container .custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: .06666667rem solid #555
}

    .custom-dropdown-container .custom-dropdown select {
        background-color: #fff;
        color: #1A1A1A;
        font-size: inherit;
        padding: .62rem 5rem .5rem .93333333rem;
        border: 0;
        margin: 0;
        text-indent: .00066667rem;
        text-overflow: '';
        -webkit-appearance: button
    }

    .custom-dropdown-container .custom-dropdown::before, .custom-dropdown-container .custom-dropdown::after {
        content: "";
        position: absolute
    }

    .custom-dropdown-container .custom-dropdown::after {
        content: "\25BC";
        font-size: .86666667rem;
        line-height: 1;
        right: .93333333rem;
        top: 50%;
        margin-top: -.33333333rem
    }

    .custom-dropdown-container .custom-dropdown::before {
        width: 2.66666667rem;
        right: 0;
        top: 0;
        bottom: 0;
        border-left: 1px solid #B4B4B4
    }

    .custom-dropdown-container .custom-dropdown select::-ms-expand {
        display: none
    }

@media only screen and (max-width: 767px) {
    .custom-dropdown-container .custom-dropdown select {
        width: 100%
    }

    .update-notifications-main .paym-label {
        padding-left: 1.33333333rem
    }
}

@media only screen and (min-width: 320px) and (max-width: 511px) {
    .update-notifications-main .form-group {
        margin-bottom: .8rem
    }

    .update-notifications-main .custom-margin {
        margin-top: 1.46666667rem
    }

    .custom-checkbox input[type="checkbox"] + label {
        margin-left: 0px
    }

    .custom-radio-button, .individual-category {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
}

.signup-golden-age {
    margin-top: .46666667rem
}

    .signup-golden-age .signup-desc {
        margin-bottom: 2rem !important;
        color: #555
    }

    .signup-golden-age .required-field {
        margin-bottom: 1.33333333rem;
        color: #353535;
        font-family: "FoundationLightItalic",Arial,sans-serif
    }

    .signup-golden-age .account-no {
        margin-bottom: 1.73333333rem;
        display: inline-block
    }

    .signup-golden-age .date-container {
        width: 66%
    }

        .signup-golden-age .date-container .form-group {
            margin-bottom: 0
        }

        .signup-golden-age .date-container .month {
            width: 30%;
            margin-right: 1rem
        }

            .signup-golden-age .date-container .month .date-select select {
                width: 100%
            }

        .signup-golden-age .date-container .day {
            width: 15%;
            margin-right: 1.4rem
        }

        .signup-golden-age .date-container .year {
            width: 20%;
            margin-right: 1rem
        }

.datepicker.dropdown-menu {
    -webkit-transform: none;
    transform: none
}

.calendar-icon {
    line-height: 2rem;
    text-align: center;
    float: left;
    position: relative;
    width: 100%
}

    .calendar-icon .parsley-errors-list.filled {
        float: left;
        width: 100%;
        text-align: left
    }

    .calendar-icon .input-group-addon {
        background-color: #353535;
        border: 0;
        display: inline-block;
        position: absolute;
        width: 37px;
        height: 37px;
        top: 0;
        right: 0;
        z-index: 3;
        padding: 0
    }

        .calendar-icon .input-group-addon img {
            margin: .46666667rem 0 0 .06666667rem
        }

@media only screen and (max-width: 767px) {
    .signup-golden-age .date-container {
        width: 100%
    }

        .signup-golden-age .date-container .form-group {
            display: inline-block
        }

        .signup-golden-age .date-container .month {
            width: 100%
        }

            .signup-golden-age .date-container .month .custom-dropdown-container {
                display: block
            }

                .signup-golden-age .date-container .month .custom-dropdown-container .custom-dropdown {
                    width: 100%
                }

        .signup-golden-age .date-container .day {
            width: 100%
        }

        .signup-golden-age .date-container .year {
            width: 100%
        }
}

.thirdparty-notification-main {
    margin-top: .8rem
}

    .thirdparty-notification-main #thirdparty .user-actions {
        margin-top: 3.26666667rem
    }

    .thirdparty-notification-main .custom-margin {
        margin-bottom: 1px
    }

    .thirdparty-notification-main .notification-text {
        color: #353535;
        padding-bottom: 1.66666667rem !important
    }

    .thirdparty-notification-main .indicate-fields {
        margin-top: 2.33333333rem;
        padding-top: 1.46666667rem !important;
        margin-bottom: 0px !important;
        border-bottom: 1px solid #B4B4B4;
        color: #555;
        font-family: "FoundationLightItalic",Arial,sans-serif
    }

    .thirdparty-notification-main .account-sub-heading {
        color: #353535;
        font-family: "FoundationBold",Arial,sans-serif;
        margin-bottom: 3.13333333rem;
        font-size: 1.6rem
    }

    .thirdparty-notification-main .custom-padding {
        padding-top: 1.66666667rem
    }

    .thirdparty-notification-main .separate-border {
        border-bottom: 1px solid #B4B4B4;
        padding-bottom: 4.6rem;
        margin-bottom: 1.66666667rem !important
    }

    .thirdparty-notification-main .form-group {
        margin-bottom: 1.4rem
    }

        .thirdparty-notification-main .form-group label {
            color: #353535
        }

    .thirdparty-notification-main .customwidth {
        width: 70%;
        margin-right: 5%;
        float: left
    }

    .thirdparty-notification-main .customwidthext {
        width: 25%;
        float: left
    }

    .thirdparty-notification-main .custom-padding-left {
        padding-left: 6.5%
    }

    .thirdparty-notification-main .custom-padding-right {
        padding-right: 6.5%
    }

@media only screen and (max-width: 991px) {
    .thirdparty-notification-main .custom-padding-left {
        padding-left: 1rem
    }

    .thirdparty-notification-main .custom-padding-right {
        padding-right: 1rem
    }
}

@media only screen and (min-width: 320px) and (max-width: 511px) {
    .thirdparty-notification-main .notification-text {
        padding-bottom: 0px !important
    }

    .thirdparty-notification-main .account-sub-heading {
        margin-bottom: 1.33333333rem
    }

    .thirdparty-notification-main .separate-border {
        padding-bottom: 2.66666667rem
    }
}

.stepOneHeading {
    font-weight: normal
}

.steps-wrapper .im-moving-header {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.08;
    color: #353535;
    margin-bottom: 2.4rem;
    margin-top: .06666667rem
}

.steps-wrapper h3 {
    color: #353535
}

.steps-wrapper .individual-category {
    padding: .53333333rem 1rem;
    background-color: #f2f3f3;
    margin-bottom: .66666667rem;
    margin-top: .66666667rem
}

.steps-wrapper .sub-individual-category {
    padding-left: 0.66666667rem;
    border-left: 9px solid #FFB81C;
    display: none
}

    .steps-wrapper .sub-individual-category p, .steps-wrapper .sub-individual-category .p {
        padding-bottom: 0;
        letter-spacing: .02666667rem
    }

    .steps-wrapper .sub-individual-category .form-group {
        width: 50%
    }

        .steps-wrapper .sub-individual-category .form-group .forgot-username {
            color: #1A1A1A;
            font-size: 1.06666667rem;
            text-decoration: underline;
            float: right;
            line-height: 1.46666667rem
        }

        .steps-wrapper .sub-individual-category .form-group.widthContainer {
            width: 50%
        }

            .steps-wrapper .sub-individual-category .form-group.widthContainer .form-control {
                width: 100%
            }

    .steps-wrapper .sub-individual-category .next-button {
        width: 50%
    }

        .steps-wrapper .sub-individual-category .next-button .btn-grey, .steps-wrapper .sub-individual-category .next-button .btn-grey-widget, .steps-wrapper .sub-individual-category .next-button .btn-content-open-grey, .steps-wrapper .sub-individual-category .next-button .btn-content-open-grey-noborder, .steps-wrapper .sub-individual-category .next-button .dropdown-grey .dropdown-btn, .dropdown-grey .steps-wrapper .sub-individual-category .next-button .dropdown-btn {
            float: right;
            width: 100%
        }

            .steps-wrapper .sub-individual-category .next-button .btn-grey::after, .steps-wrapper .sub-individual-category .next-button .btn-grey-widget::after, .steps-wrapper .sub-individual-category .next-button .btn-content-open-grey::after, .steps-wrapper .sub-individual-category .next-button .btn-content-open-grey-noborder::after, .steps-wrapper .sub-individual-category .next-button .dropdown-grey .dropdown-btn::after, .dropdown-grey .steps-wrapper .sub-individual-category .next-button .dropdown-btn::after {
                background: url("../images/down arrow.svg") no-repeat center;
                content: "";
                width: 0.66666667rem;
                height: 0.66666667rem;
                display: inline-block;
                margin-left: 0.4rem;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                margin-top: 6px
            }

@media only screen and (max-width: 991px) {
    .steps-wrapper {
        margin-bottom: 1.33333333rem
    }

        .steps-wrapper .sub-section-category {
            padding-left: 0;
            border-left: 0
        }

            .steps-wrapper .sub-section-category .widthContainer {
                width: 100% !important
            }

            .steps-wrapper .sub-section-category .form-group {
                width: 100%
            }

            .steps-wrapper .sub-section-category .next-button {
                width: 100%
            }

        .steps-wrapper .sub-individual-category .next-button {
            width: 100%
        }

        .steps-wrapper .sub-individual-category .form-group.widthContainer {
            width: 100%
        }

        .steps-wrapper .sub-individual-category .form-group {
            width: 100%
        }
}

@media only screen and (max-width: 360px) {
    .steps-wrapper .btn-grey, .steps-wrapper .btn-grey-widget, .steps-wrapper .btn-content-open-grey, .steps-wrapper .btn-content-open-grey-noborder, .steps-wrapper .dropdown-grey .dropdown-btn, .dropdown-grey .steps-wrapper .dropdown-btn {
        font-size: .73333333rem
    }
}

.loader {
    opacity: 1;
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background: url(../images/loader.gif) no-repeat center center;
    background-color: rgba(0,0,0,0.1);
    left: 0;
    top: 0
}

.mailing-address, .additional-address-info, .street-subcategory, .landlord-details, .ExtContainer {
    display: none
}

.show {
    display: block !important
}

.home-data, .street-data, .apartment-data {
    display: none
}

.hide {
    display: none !important
}

.postal-code-container > div {
    position: relative
}

.postal-error {
    background-color: #FAE7E9;
    border: 1px solid #C8102E;
    position: absolute;
    left: 83%;
    width: 11rem;
    top: 0;
    padding: .66666667rem;
    vertical-align: center
}

@media only screen and (min-width: 992px) {
    .find-address, .find-address-open {
        position: absolute;
        left: 42%;
        top: 0
    }
}

.remove-phRow-new {
    margin-top: 2.33333333rem;
    display: inline-block;
    color: #353535 !important;
    font-family: "FoundationBold",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 0.93333333rem
}

.step {
    display: none
}

.server-error {
    display: none
}

    .server-error h2 {
        color: red
    }

.email-registered {
    display: none
}

.step1 {
    display: block
}

.validate-user-error {
    display: none
}

    .validate-user-error h2 {
        color: #C8102E
    }

#your-contact-form .ExtContainer {
    display: none
}

.street-container, .street-none {
    display: none
}

.ebill-container {
    background-color: #f2f3f3;
    padding: .66666667rem 1.33333333rem;
    margin-left: 2rem
}

.mailing-address, .additional-address-info, .street-subcategory, .landlord-details, .ExtContainer {
    display: none
}

.show {
    display: block !important
}

.home-data, .street-data, .apartment-data {
    display: none
}

.hide {
    display: none !important
}

.remove-phRow-new {
    margin-top: 2.33333333rem;
    display: inline-block;
    color: #353535 !important;
    font-family: "FoundationBold",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 0.93333333rem
}

.im-moving-start-page {
    letter-spacing: .04rem
}

    .im-moving-start-page h2 {
        padding-bottom: 1.13333333rem
    }

    .im-moving-start-page .contact-info {
        padding-bottom: 1.13333333rem;
        margin: 0
    }

    .im-moving-start-page ul {
        padding-left: 0;
        margin-left: 1.53333333rem
    }

        .im-moving-start-page ul li {
            padding-bottom: 1.13333333rem
        }

            .im-moving-start-page ul li:before {
                margin-left: -1.53333333rem
            }

.mailing address {
    display: none
}

.gas-step {
    display: none
}

.Bussiness-container {
    display: none
}

#home-form .ExtContainer {
    display: none
}

#home-form .btn-prev {
    margin-top: .66666667rem
}

.myMove .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down {
    top: 45px
}

.myMove .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-label {
    display: block
}

@media screen and (max-width: 991px) {
    .im-moving-start-page {
        padding: 0 0rem 2.66666667rem 0rem
    }
}

.commercial-forms {
    letter-spacing: .04rem
}

    .commercial-forms .panel-group .panel-default {
        border: solid 1px #ffb81c;
        border-radius: 0;
        padding: 1rem !important
    }

        .commercial-forms .panel-group .panel-default .panel-heading {
            padding: 0 1rem;
            background-color: transparent
        }

            .commercial-forms .panel-group .panel-default .panel-heading h2 {
                padding-bottom: 0
            }

            .commercial-forms .panel-group .panel-default .panel-heading a {
                position: relative;
                font-size: 1.26666667rem;
                text-align: left !important
            }

                .commercial-forms .panel-group .panel-default .panel-heading a:focus, .commercial-forms .panel-group .panel-default .panel-heading a:hover {
                    color: #353535;
                    text-decoration: none
                }

                .commercial-forms .panel-group .panel-default .panel-heading a i {
                    margin-left: 1rem
                }

                    .commercial-forms .panel-group .panel-default .panel-heading a i.fa-caret-up:before {
                        position: absolute;
                        top: .2rem
                    }

                    .commercial-forms .panel-group .panel-default .panel-heading a i.fa-caret-down:before {
                        position: absolute;
                        top: .2rem
                    }

    .commercial-forms .panel-group .panel-collapse .panel-body {
        border: 0;
        padding: 1rem 0
    }

        .commercial-forms .panel-group .panel-collapse .panel-body .card-body .parsley-errors-list .parsley-required {
            text-align: left
        }

        .commercial-forms .panel-group .panel-collapse .panel-body .bundled-t-service {
            padding-bottom: .8rem !important;
            margin-bottom: 0 !important
        }

    .commercial-forms .download-list-pagination {
        width: 40% !important
    }

.tab-container .commercial-forms .panel-group .panel-default .panel-heading a {
    padding: 0;
    background-color: transparent
}

    .tab-container .commercial-forms .panel-group .panel-default .panel-heading a.collapsed {
        background-color: transparent
    }

.commercial-forms .tab-content-wrapper {
    padding: 2.13333333rem 0rem 1.2rem 0rem
}

.commercial-forms .panel-group .panel .panel-heading, .commercial-forms .panel-group .panel.panel-default .panel-heading {
    padding: 0
}

    .commercial-forms .panel-group .panel .panel-heading a, .commercial-forms .panel-group .panel.panel-default .panel-heading a {
        display: block;
        padding-right: 1rem !important
    }

        .commercial-forms .panel-group .panel .panel-heading a::after, .commercial-forms .panel-group .panel.panel-default .panel-heading a::after {
            position: absolute;
            top: 0;
            right: 0
        }

    .commercial-forms .panel-group .panel .panel-heading .panel-body, .commercial-forms .panel-group .panel.panel-default .panel-heading .panel-body {
        padding: 1rem 0
    }

        .commercial-forms .panel-group .panel .panel-heading .panel-body .page-heading.myacc-content, .commercial-forms .panel-group .panel.panel-default .panel-heading .panel-body .page-heading.myacc-content {
            margin-bottom: 0
        }

        .commercial-forms .panel-group .panel .panel-heading .panel-body .page-heading > p:last-child, .commercial-forms .panel-group .panel .panel-heading .panel-body .page-heading > .p:last-child, .commercial-forms .panel-group .panel .panel-heading .panel-body .rebate-cta .rebate-cta-desc .page-heading > p:last-child, .commercial-forms .panel-group .panel.panel-default .panel-heading .panel-body .page-heading > p:last-child, .commercial-forms .panel-group .panel.panel-default .panel-heading .panel-body .page-heading > .p:last-child, .commercial-forms .panel-group .panel.panel-default .panel-heading .panel-body .rebate-cta .rebate-cta-desc .page-heading > p:last-child {
            padding-bottom: 0;
            margin-bottom: 0
        }

        .commercial-forms .panel-group .panel .panel-heading .panel-body .commercial-forms .panel-group, .commercial-forms .panel-group .panel.panel-default .panel-heading .panel-body .commercial-forms .panel-group {
            margin-bottom: 0 !important
        }

.commercial-forms ol {
    padding-left: 0
}

    .commercial-forms ol > li {
        margin-left: 1em
    }

        .commercial-forms ol > li li {
            margin-left: 0
        }

#Commercial-collapse, #Riders-collapse, #ConnecttoGas-collapse, #DisconnectGas-collapse, #ActivateMeter-collapse, #Resources-collapse, #Needhelp-collapse {
    padding-top: 1rem !important
}

    #Commercial-collapse > .panel-body, #Riders-collapse > .panel-body, #ConnecttoGas-collapse > .panel-body, #DisconnectGas-collapse > .panel-body, #ActivateMeter-collapse > .panel-body, #Resources-collapse > .panel-body, #Needhelp-collapse > .panel-body {
        border: 0 !important
    }

#Projects-collapse .commercial-forms, #Projects .commercial-forms {
    margin-bottom: 1.33333333rem !important
}

    #Projects-collapse .commercial-forms .panel-group .panel, #Projects-collapse .commercial-forms .panel-group .panel-default, #Projects .commercial-forms .panel-group .panel, #Projects .commercial-forms .panel-group .panel-default {
        border: 0;
        padding: 0 !important
    }

        #Projects-collapse .commercial-forms .panel-group .panel > .panel-heading, #Projects-collapse .commercial-forms .panel-group .panel-default > .panel-heading, #Projects .commercial-forms .panel-group .panel > .panel-heading, #Projects .commercial-forms .panel-group .panel-default > .panel-heading {
            background: #FFB81B;
            padding: 1rem !important
        }

        #Projects-collapse .commercial-forms .panel-group .panel .panel-body, #Projects-collapse .commercial-forms .panel-group .panel-default .panel-body, #Projects .commercial-forms .panel-group .panel .panel-body, #Projects .commercial-forms .panel-group .panel-default .panel-body {
            padding: 1rem !important;
            margin-bottom: 0
        }

            #Projects-collapse .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default, #Projects-collapse .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default, #Projects .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default, #Projects .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default {
                background: transparent;
                padding: 1rem !important;
                border: solid 1px #ffb81c
            }

                #Projects-collapse .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default .panel-heading, #Projects-collapse .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default .panel-heading, #Projects .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default .panel-heading, #Projects .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default .panel-heading {
                    background: transparent;
                    padding: 0 !important;
                    border: 0;
                    border-radius: 0
                }

                    #Projects-collapse .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default .panel-heading h3 a, #Projects-collapse .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default .panel-heading h3 a, #Projects .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default .panel-heading h3 a, #Projects .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default .panel-heading h3 a {
                        padding: 0 1rem 0 0
                    }

                #Projects-collapse .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default .panel-body, #Projects-collapse .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default .panel-body, #Projects .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default .panel-body, #Projects .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default .panel-body {
                    padding: 1rem 0 !important
                }

@media screen and (max-width: 991px) {
    .commercial-forms .panel-group .panel .panel-collapse .panel-body, .commercial-forms .panel-group .panel-default .panel-collapse .panel-body {
        padding: 1rem 0 !important
    }

    #Projects .commercial-forms .panel-group .panel .panel-body, #Projects .commercial-forms .panel-group .panel-default .panel-body {
        padding: 1rem !important
    }

        #Projects .commercial-forms .panel-group .panel .panel-body .panel-group .panel-default .panel-body, #Projects .commercial-forms .panel-group .panel-default .panel-body .panel-group .panel-default .panel-body {
            padding: 1rem 0 !important
        }

    .commercial-forms .panel-group .panel-default .panel-heading {
        padding: 0 0 .8rem 0
    }

    .commercial-forms .panel-group .panel-default .panel-body {
        padding: 1rem 0 !important
    }

        .commercial-forms .panel-group .panel-default .panel-body .myacc-content {
            margin-bottom: 0
        }

            .commercial-forms .panel-group .panel-default .panel-body .myacc-content p:last-child, .commercial-forms .panel-group .panel-default .panel-body .myacc-content .p:last-child {
                padding-bottom: 0
            }

        .commercial-forms .panel-group .panel-default .panel-body p, .commercial-forms .panel-group .panel-default .panel-body .p {
            padding-bottom: 1.26666667rem;
            padding-top: 0rem;
            margin: 0
        }

            .commercial-forms .panel-group .panel-default .panel-body p:first-child, .commercial-forms .panel-group .panel-default .panel-body .p:first-child {
                padding-bottom: .46666667rem
            }

        .commercial-forms .panel-group .panel-default .panel-body .tab-content-wrapper {
            padding: 2.13333333rem 0rem 1.2rem 0rem
        }

    a.btn-dark.icon-grey.StartNow, a.icon-grey.StartNow.btn-dark-widget, a.icon-grey.StartNow.btn-content-open-dark, a.icon-grey.StartNow.btn-content-open-dark-noborder, .dropdown a.icon-grey.StartNow.dropdown-btn, .dropdown-dark a.icon-grey.StartNow.dropdown-btn, .dropdown-grey a.icon-grey.StartNow.dropdown-btn, .dropdown-yellow-whitetxt a.icon-grey.StartNow.dropdown-btn, .dropdown-yellow-darktxt a.icon-grey.StartNow.dropdown-btn, .dropdown-white a.icon-grey.StartNow.dropdown-btn {
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 480px) {
    .panel-collapse .collapse.in .panel-body {
        word-break: break-word
    }
}

.commercial-forms .panel .panel-body ul {
    padding-top: 12px
}

.commercial-forms .panel .panel-body .gasrate-residential ul {
    padding-top: 12px;
    padding-bottom: 12px
}

.ulpaddingtop0 {
    padding-top: 0px !important
}

.ulpaddingbottom0 {
    padding-bottom: 0px !important
}

.review-step-row {
    margin-top: 1.46666667rem;
    display: table;
    width: 100%
}

    .review-step-row .cta-middle, .review-step-row .grey, .review-step-row .faq-middle, .review-step-row .search-results, .review-step-row .signin {
        position: relative;
        text-align: left;
        padding: 1.33333333rem;
        display: table-cell;
        vertical-align: top
    }

        .review-step-row .cta-middle > span, .review-step-row .grey > span, .review-step-row .faq-middle > span, .review-step-row .search-results > span, .review-step-row .signin > span {
            position: absolute;
            left: 1.33333333rem;
            top: 1.2rem
        }

        .review-step-row .cta-middle h5, .review-step-row .grey h5, .review-step-row .faq-middle h5, .review-step-row .search-results h5, .review-step-row .signin h5, .review-step-row .cta-middle a, .review-step-row .grey a, .review-step-row .faq-middle a, .review-step-row .search-results a, .review-step-row .signin a {
            padding-left: 3.2rem;
            color: #353535;
            font-size: 1rem
        }

        .review-step-row .cta-middle a, .review-step-row .grey a, .review-step-row .faq-middle a, .review-step-row .search-results a, .review-step-row .signin a {
            text-decoration: underline
        }

    .review-step-row .faq-middle, .review-step-row .search-results {
        padding-top: 2rem;
        padding-top: 1.73333333rem;
        display: table-cell;
        width: 70%;
        word-break: break-word
    }

        .review-step-row .faq-middle p, .review-step-row .search-results p, .review-step-row .faq-middle .p, .review-step-row .search-results .p, .review-step-row .faq-middle address, .review-step-row .search-results address {
            color: #353535
        }

        .review-step-row .faq-middle strong, .review-step-row .search-results strong {
            font-family: "FoundationBold",Arial,sans-serif;
            margin-right: .33333333rem
        }

        .review-step-row .faq-middle h5, .review-step-row .search-results h5 {
            padding-left: 0
        }

.moving-steps .submitMeterMessage a {
    color: #337ab7
}

.moving-steps h5 {
    font-family: "FoundationBold",Arial,sans-serif
}

.moving-steps h3, .moving-steps h5 {
    color: #353535
}

.moving-steps a {
    color: #353535
}

.moving-steps .btn-dark, .moving-steps .btn-dark-widget, .moving-steps .btn-content-open-dark, .moving-steps .btn-content-open-dark-noborder, .moving-steps .dropdown .dropdown-btn, .dropdown .moving-steps .dropdown-btn, .moving-steps .dropdown-dark .dropdown-btn, .dropdown-dark .moving-steps .dropdown-btn, .moving-steps .dropdown-grey .dropdown-btn, .dropdown-grey .moving-steps .dropdown-btn, .moving-steps .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .moving-steps .dropdown-btn, .moving-steps .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .moving-steps .dropdown-btn, .moving-steps .dropdown-white .dropdown-btn, .dropdown-white .moving-steps .dropdown-btn {
    margin: 1.6rem 0;
    color: #fff
}

    .moving-steps .btn-dark:hover, .moving-steps .btn-dark-widget:hover, .moving-steps .btn-content-open-dark:hover, .moving-steps .btn-content-open-dark-noborder:hover, .moving-steps .dropdown .dropdown-btn:hover, .dropdown .moving-steps .dropdown-btn:hover, .moving-steps .dropdown-dark .dropdown-btn:hover, .dropdown-dark .moving-steps .dropdown-btn:hover, .moving-steps .dropdown-grey .dropdown-btn:hover, .dropdown-grey .moving-steps .dropdown-btn:hover, .moving-steps .dropdown-yellow-whitetxt .dropdown-btn:hover, .dropdown-yellow-whitetxt .moving-steps .dropdown-btn:hover, .moving-steps .dropdown-yellow-darktxt .dropdown-btn:hover, .dropdown-yellow-darktxt .moving-steps .dropdown-btn:hover, .moving-steps .dropdown-white .dropdown-btn:hover, .dropdown-white .moving-steps .dropdown-btn:hover {
        color: #353535
    }

.moving-steps .upr-case {
    text-transform: uppercase;
    font-family: "FoundationBold",Arial,sans-serif
}

    .moving-steps .upr-case::before {
        width: 0;
        height: 0;
        border-top: .4rem solid transparent;
        border-bottom: .4rem solid transparent;
        border-right: .4rem solid #353535;
        display: inline-block;
        content: "";
        margin-right: .33333333rem
    }

.moving-steps .connecting-arrow {
    position: absolute !important;
    top: 4.8rem !important;
    z-index: 8;
    left: 2.2rem !important
}

.submit-Msg {
    background: #d0d0ce;
    min-height: 4.93333333rem;
    vertical-align: middle;
    color: #1A1A1A;
    position: relative;
    margin: 2.33333333rem 0
}

    .submit-Msg .submitMsg-icon {
        background: #4a773c url("../images/icon-check-green.png") no-repeat 50% 50%;
        min-height: 4.93333333rem;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        width: 5.4rem;
        position: absolute
    }

    .submit-Msg h4 {
        margin-left: 1rem;
        display: inline-block;
        color: #1A1A1A;
        font-family: "FoundationBold",Arial,sans-serif;
        padding: 1.13333333rem .66666667rem .66666667rem 5.46666667rem
    }

@media screen and (max-width: 768px) {
    .review-step-row {
        margin-top: .66666667rem
    }

        .review-step-row .faq-middle, .review-step-row .search-results {
            display: block;
            width: 100%;
            margin-top: 0;
            padding-left: 3.46666667rem
        }

        .review-step-row .cta-middle, .review-step-row .grey, .review-step-row .faq-middle, .review-step-row .search-results, .review-step-row .signin {
            display: block;
            width: 100%
        }

    .submit-Msg h4 {
        padding-top: .8rem
    }

    .moving-steps .connecting-arrow {
        left: 2.4rem !important;
        top: 4.53333333rem !important
    }
}

@media screen and (max-width: 767px) {
    .review-step-row .faq-middle, .review-step-row .search-results {
        margin-top: 0;
        padding-left: 3.46666667rem
    }

    .review-step-row .cta-middle, .review-step-row .grey, .review-step-row .faq-middle, .review-step-row .search-results, .review-step-row .signin {
        padding-bottom: 1.6rem;
        min-height: auto
    }
}

@media screen and (max-width: 540px) {
    .review-step-row .faq-middle, .review-step-row .search-results {
        display: block;
        width: 100%
    }

    .review-step-row .cta-middle, .review-step-row .grey, .review-step-row .faq-middle, .review-step-row .search-results, .review-step-row .signin {
        display: block;
        width: 100%
    }

    .moving-steps .remove-phRow {
        margin-top: 0 !important;
        margin-bottom: .66666667rem
    }
}

.moving-steps .custom-dropdown {
    display: block
}

.moving-steps.step3 h3 {
    margin-bottom: 1rem
}

.remove-phRow {
    margin-top: 2.33333333rem;
    display: inline-block;
    color: #353535 !important;
    font-family: "FoundationBold",Arial,sans-serif;
    text-transform: uppercase;
    font-size: .93333333rem;
    text-decoration: none !important
}

    .remove-phRow::before {
        font: normal normal normal 18px/1 FontAwesome;
        content: "\f00d";
        width: .66666667rem;
        height: .66666667rem;
        margin-right: .33333333rem;
        text-decoration: none !important
    }

.dotted-label {
    border: .06666667rem dashed #B4B4B4;
    text-align: center;
    padding: .66666667rem;
    display: block;
    margin-top: .66666667rem;
    margin-bottom: 1rem;
    font-family: "FoundationBold",Arial,sans-serif;
    color: #353535
}

    .dotted-label:hover {
        text-decoration: none;
        color: #353535
    }

    .dotted-label:focus {
        text-decoration: none;
        color: #353535
    }

.download-list .divtable .th, .download-list .divtable .td {
    width: 33.333%;
    padding: 1rem
}

.download-list .divtable.four-columns .th, .download-list .divtable.four-columns .td {
    width: 25%
}

    .download-list .divtable.four-columns .th.colspan-4 {
        width: 100%
    }

.download-list .divtable.seven-columns .th, .download-list .divtable.seven-columns .td {
    width: 14.285%
}

.download-list .divtable.five-columns .th, .download-list .divtable.five-columns .td {
    width: 20%
}

    .download-list .divtable.five-columns .th.colspan2, .download-list .divtable.five-columns .td.colspan2 {
        width: 40%
    }

    .download-list .divtable.five-columns .th.colspan5, .download-list .divtable.five-columns .td.colspan5 {
        width: 100%
    }

#AboutUs .tab-content-wrapper.custom, #News .tab-content-wrapper.custom, #Regulatory .tab-content-wrapper.custom, #Projects .tab-content-wrapper.custom, #Careers .tab-content-wrapper.custom {
    padding-left: 0;
    padding-right: 0
}

.download-list .divtable.five-columns .th, .download-list .divtable.five-columns .td {
    width: 20%
}

    .download-list .divtable.five-columns .th.colspan2, .download-list .divtable.five-columns .td.colspan2 {
        width: 40%
    }

    .download-list .divtable.five-columns .th.colspan5, .download-list .divtable.five-columns .td.colspan5 {
        width: 100%
    }

#AboutUs .tab-content-wrapper.custom, #News .tab-content-wrapper.custom, #Regulatory .tab-content-wrapper.custom, #Projects .tab-content-wrapper.custom, #Careers .tab-content-wrapper.custom {
    padding-left: 0;
    padding-right: 0
}

#Residential-collapse {
    padding: 2.4rem 3.13333333rem .4rem
}

    #Residential-collapse .tab-content-wrapper {
        padding: 0
    }

        #Residential-collapse .tab-content-wrapper.custom .download-list .divtable {
            word-break: break-word
        }

            #Residential-collapse .tab-content-wrapper.custom .download-list .divtable .tr.headings .th p, #Residential-collapse .tab-content-wrapper.custom .download-list .divtable .tr.headings .th .p {
                padding-top: 1rem
            }

@media only screen and (max-width: 991px) {
    #exTab3 .panel .panel-collapse#Residential-collapse .panel-body {
        padding: 15px 0 !important
    }

    #exTab3 .panel .panel-collapse#Riders-collapse ul.list-style {
        padding-left: 2.66666667rem !important
    }

    #exTab3 .panel .panel-collapse .panel-body .commercial-forms .panel-group .panel-default .panel-body .tab-content-wrapper.custom {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        #exTab3 .panel .panel-collapse .panel-body .commercial-forms .panel-group .panel-default .panel-body .tab-content-wrapper.custom .download-list .download-list-table .divtable .tr .td {
            padding-right: 2rem !important
        }

    .download-list .divtable.four-columns .th, .download-list .divtable.four-columns .td, .download-list .divtable.seven-columns .th, .download-list .divtable.seven-columns .td {
        width: 100%
    }

    .tab-content-wrapper {
        padding: 0
    }

    .download-list .divtable .th, .download-list .divtable .td {
        width: 100%
    }

    .download-list .divtable .tr {
        padding-left: 0
    }

    .download-list .divtable.five-columns .th, .download-list .divtable.five-columns .th.colspan2, .download-list .divtable.five-columns .td, .download-list .divtable.five-columns .td.colspan2 {
        width: 100%
    }

        .download-list .divtable.five-columns .th, .download-list .divtable.five-columns .th.colspan2, .download-list .divtable.five-columns .td, .download-list .divtable.five-columns .td.colspan2 {
            width: 100%
        }

    #Residential-collapse {
        padding-left: 15px;
        padding-right: 15px
    }

        #Residential-collapse .tab-content-wrapper.custom {
            padding-left: 2.53333333rem;
            padding-right: 2.53333333rem
        }

            #Residential-collapse .tab-content-wrapper.custom .download-list .divtable .tr {
                padding-left: 0
            }

                #Residential-collapse .tab-content-wrapper.custom .download-list .divtable .tr .th, #Residential-collapse .tab-content-wrapper.custom .download-list .divtable .tr .td {
                    width: 100%
                }
}

.tr.headings.transportation-header.table-title-collapse .accordion-xs-toggle:after {
    display: none
}

.tr.headings.transportation-header.table-title-collapse .th {
    width: 100%
}

.tr.headings.transportation-header.table-title-collapse .accordion-xs-collapse, .tr.headings.transportation-header.table-title-collapse .accordion-xs-collapse.collapse, .tr.headings.transportation-header.table-title-collapse .accordion-xs-collapse.collapse.in, .tr.headings.transportation-header.table-title-collapse .accordion-xs-collapse.collapsing {
    display: none
}

.steps-2-wrapper p, .steps-2-wrapper .p, .steps-2-wrapper .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .steps-2-wrapper p {
    padding-bottom: 0
}

.steps-2-wrapper h3 {
    color: #353535
}

.steps-2-wrapper .currentAddressContainer {
    background-color: #f2f3f3;
    padding: 2rem;
    margin-top: 1.33333333rem
}

.steps-2-wrapper .postal-code-container .parsley-success + .parsley-errors-list {
    display: none !important
}

.steps-2-wrapper .new-address-container {
    padding: 1.33333333rem 0;
    border-bottom: .06666667rem solid #B4B4B4
}

    .steps-2-wrapper .new-address-container .required-field {
        margin-top: .66666667rem;
        margin-bottom: .66666667rem
    }

    .steps-2-wrapper .new-address-container .form-group {
        width: 50%
    }

        .steps-2-wrapper .new-address-container .form-group .address-type {
            width: 100%
        }

.steps-2-wrapper .find-mailing-address {
    padding: 1.33333333rem 0;
    border-bottom: .06666667rem solid #B4B4B4
}

    .steps-2-wrapper .find-mailing-address .sub-section-category {
        padding-left: 0.66666667rem;
        border-left: 9px solid #FFB81C;
        display: none
    }

        .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .form-control {
            display: inline-block;
            vertical-align: top
        }

        .steps-2-wrapper .find-mailing-address .sub-section-category .form-group .custom-dropdown-container {
            display: block
        }

    .steps-2-wrapper .find-mailing-address .sub-individual-category .address-select {
        width: 50%
    }

    .steps-2-wrapper .find-mailing-address .sub-individual-category .postal-code-container {
        width: 50%
    }

.steps-2-wrapper .lastday-firstday-container {
    padding: 1.33333333rem 0
}

    .steps-2-wrapper .lastday-firstday-container .date-container {
        width: 50%
    }

    .steps-2-wrapper .lastday-firstday-container .lastday-container {
        margin-bottom: 2rem
    }

.postal-code-container .form-control {
    width: 41%;
    display: inline-block;
    vertical-align: top;
    height: 2.66666667rem
}

.next-button-container {
    margin-top: 2.66666667rem
}

    .next-button-container .previous-button {
        margin-top: 1.33333333rem;
        position: relative;
        font-weight: 600
    }

        .next-button-container .previous-button::before {
            content: "\f0d9";
            text-indent: initial;
            font: normal normal normal 18px/1 FontAwesome;
            margin-right: 5px
        }

@media only screen and (max-width: 991px) {
    .steps-2-wrapper .new-address-container .form-group {
        width: 100%
    }

        .steps-2-wrapper .new-address-container .form-group .form-control {
            width: 100%
        }

        .steps-2-wrapper .new-address-container .form-group .address-type {
            width: 100%
        }

    .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .form-control {
        width: 100%
    }

    .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .btn-dark, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .btn-dark-widget, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .btn-content-open-dark, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .btn-content-open-dark-noborder, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown .dropdown-btn, .dropdown .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-btn, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-dark .dropdown-btn, .dropdown-dark .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-btn, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-grey .dropdown-btn, .dropdown-grey .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-btn, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-btn, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-btn, .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-white .dropdown-btn, .dropdown-white .steps-2-wrapper .find-mailing-address .sub-section-category .postal-code-container .dropdown-btn {
        width: 100%;
        margin-top: 1rem
    }

    .steps-2-wrapper .find-mailing-address .sub-section-category .form-group .custom-dropdown-container {
        display: block
    }

    .steps-2-wrapper .find-mailing-address .sub-individual-category .postal-code-container {
        width: 100%
    }

    .steps-2-wrapper .find-mailing-address .sub-individual-category .address-select {
        width: 100%
    }

    .steps-2-wrapper .lastday-firstday-container .date-container {
        width: 100%
    }

    .next-button-container .next-button {
        width: 100%
    }

    .postal-code-container .form-control {
        width: 100% !important
    }

    .postal-code-container .btn-dark, .postal-code-container .btn-dark-widget, .postal-code-container .btn-content-open-dark, .postal-code-container .btn-content-open-dark-noborder, .postal-code-container .dropdown .dropdown-btn, .dropdown .postal-code-container .dropdown-btn, .postal-code-container .dropdown-dark .dropdown-btn, .dropdown-dark .postal-code-container .dropdown-btn, .postal-code-container .dropdown-grey .dropdown-btn, .dropdown-grey .postal-code-container .dropdown-btn, .postal-code-container .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .postal-code-container .dropdown-btn, .postal-code-container .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .postal-code-container .dropdown-btn, .postal-code-container .dropdown-white .dropdown-btn, .dropdown-white .postal-code-container .dropdown-btn {
        width: 100%;
        margin-top: 1rem
    }
}

@media only screen and (max-width: 360px) {
    .next-button-container .next-button {
        font-size: .73333333rem
    }
}

@media only screen and (max-width: 511px) and (min-width: 320px) {
    .steps-2-wrapper .find-mailing-address .custom-checkbox input[type="checkbox"] + label {
        margin-left: 10px
    }
}

.download_file a {
    color: #353535;
    text-decoration: none
}

    .download_file a .download-icon {
        margin-left: .2rem
    }

.download-list {
    width: 100%
}

    .download-list .divtable tr:nth-child(even) {
        background: #d0d0ce
    }

    .download-list .divtable tr:nth-child(odd) {
        background: #f2f3f3
    }

    .download-list .divtable td {
        background: transparent;
        border: 0;
        padding: 1rem
    }

    .download-list .divtable th {
        background: transparent;
        border: 0;
        color: #353535;
        padding: 1rem
    }

    .download-list .download-list-table {
        padding-bottom: 1.53333333rem
    }

    .download-list h4 {
        margin-top: 1.33333333rem;
        margin-bottom: .8rem;
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 1rem;
        color: #353535
    }

    .download-list p, .download-list .p, .download-list .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .download-list p {
        color: #1A1A1A;
        font-family: "FoundationRoman",Arial,sans-serif;
        margin-bottom: 0
    }

    .download-list .divtable .tr {
        overflow: hidden;
        clear: both
    }

    .download-list .divtable .th {
        padding-left: 1.2rem;
        padding-bottom: .33333333rem;
        float: left;
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 1rem;
        color: #353535
    }

    .download-list .divtable .tr.headings {
        background: #fff !important
    }

    .download-list .divtable .tr:nth-child(even) {
        background: #d0d0ce
    }

    .download-list .divtable .tr:nth-child(odd) {
        background: #f2f3f3
    }

    .download-list .divtable .td {
        padding: 1rem 1.2rem;
        float: left;
        color: #1A1A1A
    }

        .download-list .divtable .td b {
            font-family: "FoundationBold",Arial,sans-serif
        }

.download_name {
    width: 30%
}

.download_desc {
    width: 40%
}

.download_file {
    width: 30%
}

@media (max-width: 991px) {
    .download-list .divtable .tr:nth-child(even) {
        background: #d0d0ce
    }

    .download-list .divtable .tr:nth-child(odd) {
        background: #f2f3f3
    }

    .download-list .divtable .tr:nth-child(even) .accordion-xs {
        background: #f2f3f3
    }

    .download-list .accordion-xs .headings {
        display: none
    }

    .download-list .accordion-xs .tr {
        border-bottom: .06666667rem solid #fff;
        padding: .93333333rem 0 1.06666667rem 1.33333333rem
    }

    .download-list .accordion-xs .th, .download-list .accordion-xs .td {
        float: none;
        width: auto;
        padding: 0
    }

    .download-list .accordion-xs .accordion-xs-toggle {
        color: #1A1A1A;
        padding-right: 1.66666667rem;
        cursor: pointer;
        position: relative
    }

        .download-list .accordion-xs .accordion-xs-toggle:after {
            content: '\25bc';
            float: right
        }

        .download-list .accordion-xs .accordion-xs-toggle.collapsed:after {
            content: '\25b2'
        }

    .download-list .accordion-xs-collapse .inner {
        border-top: .06666667rem solid #B4B4B4;
        padding-top: .93333333rem;
        margin-top: .66666667rem
    }

    .download-list .accordion-xs-collapse .td:before {
        font-weight: bold
    }

    .download-list .accordion-xs-collapse .lastname:before {
        content: 'Last Name: '
    }

    .download-list .accordion-xs-collapse .username:before {
        content: 'Username: '
    }

    .download-list .accordion-xs .accordion-xs-toggle:after {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -7px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased
    }
}

#Needhelp .download-list p, #Needhelp .download-list .p {
    padding: 0
}

table.download-list {
    table-layout: fixed
}

#easyPaginate {
    width: 300px
}

    #easyPaginate img {
        display: block;
        margin-bottom: 10px
    }

.easyPaginateNav a {
    padding: 5px
}

    .easyPaginateNav a.current {
        font-weight: bold;
        text-decoration: underline
    }

.error-page {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .error-page img, .error-page h1, .error-page p, .error-page .p, .error-page .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .error-page p {
        color: #4296BD
    }

.search-results {
    padding: 2.6rem 2.73333333rem 2.73333333rem 3rem;
    overflow: hidden;
    text-align: left;
    margin-top: 2.53333333rem
}

    .search-results .searchbar {
        float: left;
        padding: 0
    }

        .search-results .searchbar button {
            width: auto;
            margin-top: 0;
            float: left;
            height: 2.46666667rem;
            padding: 0
        }

        .search-results .searchbar .search-icon {
            line-height: 37px;
            background-position: .53333333rem;
            float: initial;
            display: inline-block
        }

        .search-results .searchbar .custom-text-box {
            width: 30rem;
            float: left
        }

.result-count {
    padding: 2.46666667rem 0 0 0;
    color: #000
}

    .result-count h4 {
        color: initial
    }

.search-result-item {
    color: #000
}

    .search-result-item a > h2 {
        font-size: 1.53333333rem;
        letter-spacing: -.01333333rem;
        text-decoration: underline;
        padding-bottom: .86666667rem;
        color: initial
    }

        .search-result-item a > h2:hover {
            color: #FFB81C
        }

    .search-result-item p, .search-result-item .p, .search-result-item .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .search-result-item p {
        line-height: 1.4rem;
        letter-spacing: 0.6px;
        padding-bottom: 0;
        color: initial
    }

.next-results {
    padding-top: 1.13333333rem;
    color: #1A1A1A
}

.contact-heading {
    padding-bottom: 1.2rem
}

@media screen and (max-width: 991px) {
    .search-results {
        padding: 2.46666667rem 1.93333333rem
    }

        .search-results .searchbar {
            float: inherit
        }

            .search-results .searchbar button {
                width: 100%;
                margin-top: 1.33333333rem;
                padding: 0
            }

            .search-results .searchbar .custom-text-box {
                width: 100%
            }

            .search-results .searchbar .search-icon {
                width: initial;
                margin-top: 0
            }

    .search-result-item {
        padding: 0 0rem
    }

    .next-results {
        padding: 0 0rem
    }

    .result-count {
        padding: 1.73333333rem 0rem .13333333rem
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .search-results .searchbar .custom-text-box {
        width: 17.86666667rem
    }
}

@media screen and (min-width: 1399px) {
    .search-results .searchbar .custom-text-box {
        width: 26.66666667rem
    }
}

@media screen and (max-width: 959px) {
    .next-results {
        padding-bottom: 2.4rem
    }
}

@media only screen and (max-width: 991px) {
    .header-bottom .nav-container .navbar-collapse .searchbar .CoveoSearchInterface .CoveoSearchbox {
        padding-left: 0
    }

    .header-bottom .navbar-nav li.searchbar a::after {
        display: none
    }

    .header-bottom .nav-container .navbar-collapse .searchbar .CoveoSearchInterface {
        min-width: 100%;
        padding: 0
    }

    .header-bottom .nav-container .navbar-collapse .searchbar .CoveoOmnibox.magic-box {
        width: 100%;
        padding: 0px;
        background: #555555 !important;
        border: 0
    }

    .header-bottom .nav-container .navbar-collapse .searchbar .CoveoSearchbox .magic-box .magic-box-input .magic-box-underlay {
        background: #555555 !important
    }

    .header-bottom .nav-container .navbar-collapse .searchbar .CoveoSearchbox .magic-box .magic-box-input > input {
        color: #fff !important;
        font-weight: bold;
        height: 48px
    }

    .header-bottom .nav-container .navbar-collapse .searchbar .CoveoSearchbox .magic-box .magic-box-clear {
        height: 48px;
        background: #555555 !important;
        color: #fff
    }

    .header-bottom .navbar-nav li a.CoveoSearchButton {
        padding: 0;
        height: 48px;
        background-color: #555555 !important
    }

        .header-bottom .navbar-nav li a.CoveoSearchButton:hover {
            border: 0
        }
}

@media only screen and (max-width: 991px) {
    .hearder-top .CoveoSearchButton:after {
        content: ""
    }

    .header-top .CoveoSearchbox .CoveoSearchButton {
        width: 42px
    }

    .CoveoSearchButton {
        width: 42px
    }

    .header-top div#searchbar {
        display: none !important
    }
}

@media only screen and (min-width: 992px) {
    .header-top div#searchbar {
        display: block
    }
}

#searchIconMobileID {
    font-size: 24px;
    color: #555555
}

.moving-newcust-step4-main .custom-padding {
    padding-top: 2.33333333rem;
    padding-bottom: 2rem
}

.moving-newcust-step4-main .stepno-align {
    margin-bottom: .33333333rem;
    font-weight: bold;
    padding: 0
}

.moving-newcust-step4-main .custom-padding-text {
    padding-top: 1.33333333rem
}

.moving-newcust-step4-main .dd-heading-texts {
    color: #353535;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-top: 5.33333333rem
}

.moving-newcust-step4-main .form-group, .moving-newcust-step4-main .bubble-valid {
    width: 60%
}

.moving-newcust-step4-main .display-block {
    display: block;
    padding-bottom: .33333333rem
}

.moving-newcust-step4-main .terms-custom-margin {
    margin-top: 5.33333333rem;
    margin-bottom: 2.66666667rem
}

    .moving-newcust-step4-main .terms-custom-margin .custom-padding-left {
        padding-left: .4rem
    }

.moving-newcust-step4-main .next-button-container .upr-case {
    color: #353535;
    text-transform: uppercase
}

    .moving-newcust-step4-main .next-button-container .upr-case:hover {
        color: #FCB61C;
        text-decoration: none
    }

.moving-newcust-step4-main .display-icon-message {
    line-height: 1.86666667rem
}

.moving-newcust-step4-main .display-plain-message {
    line-height: 1.86666667rem;
    margin-left: 1.86666667rem
}

.moving-newcust-step4-main .green-status {
    color: #4a773c
}

    .moving-newcust-step4-main .green-status::before {
        background: url("../images/circle-check-mark-green.svg") no-repeat center;
        content: "";
        width: 2.2rem;
        height: 2.13333333rem;
        display: inline-block;
        margin-bottom: -0.66666667rem;
        background-size: 70%;
        margin-left: -.33333333rem
    }

.moving-newcust-step4-main .red-status {
    color: red
}

    .moving-newcust-step4-main .red-status::before {
        background: url("../images/alert-icon-red.svg") no-repeat center;
        content: "";
        width: 2.2rem;
        height: 2.13333333rem;
        display: inline-block;
        margin-bottom: -0.66666667rem;
        background-size: 70%;
        margin-left: -.33333333rem
    }

@media only screen and (max-width: 767px) {
    .moving-newcust-step4-main {
        padding-left: 2.66666667rem;
        padding-right: 2.66666667rem
    }

        .moving-newcust-step4-main .form-group, .moving-newcust-step4-main .bubble-valid {
            width: 100%
        }
}

.moving-newcust-step2-main .custom-padding {
    padding-top: 2.33333333rem;
    padding-bottom: 2rem
}

.moving-newcust-step2-main .stepno-align {
    margin-bottom: .33333333rem;
    font-weight: bold;
    padding: 0
}

.moving-newcust-step2-main .custom-padding-text {
    padding-top: 1.33333333rem
}

.moving-newcust-step2-main .dd-heading-texts {
    color: #353535;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-top: 5.33333333rem
}

.moving-newcust-step2-main .form-group {
    width: 60%
}

.moving-newcust-step2-main .display-block {
    display: block;
    padding-bottom: .33333333rem
}

.moving-newcust-step2-main .date-container .custom-mb {
    margin-bottom: .06666667rem
}

.moving-newcust-step2-main .date-container .calendar-icon {
    line-height: 2rem;
    text-align: center;
    float: left
}

    .moving-newcust-step2-main .date-container .calendar-icon .input-group-addon {
        background-color: #353535;
        border: 0
    }

.moving-newcust-step2-main .customwidth {
    width: 35%;
    margin-right: 3%;
    float: left;
    margin-bottom: 1.66666667rem
}

.moving-newcust-step2-main .customwidthext {
    width: 22%;
    float: left;
    margin-bottom: 1.66666667rem
}

.moving-newcust-step2-main .add-another-phone {
    clear: both;
    border: 1.5px dotted;
    line-height: 36px;
    text-align: center;
    width: 60%;
    margin-bottom: 1.66666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    text-transform: uppercase
}

.moving-newcust-step2-main .display-inline {
    display: inline-block;
    width: 35%;
    margin-right: 2%
}

.moving-newcust-step2-main .btn-dark, .moving-newcust-step2-main .btn-dark-widget, .moving-newcust-step2-main .btn-content-open-dark, .moving-newcust-step2-main .btn-content-open-dark-noborder, .moving-newcust-step2-main .dropdown .dropdown-btn, .dropdown .moving-newcust-step2-main .dropdown-btn, .moving-newcust-step2-main .dropdown-dark .dropdown-btn, .dropdown-dark .moving-newcust-step2-main .dropdown-btn, .moving-newcust-step2-main .dropdown-grey .dropdown-btn, .dropdown-grey .moving-newcust-step2-main .dropdown-btn, .moving-newcust-step2-main .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .moving-newcust-step2-main .dropdown-btn, .moving-newcust-step2-main .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .moving-newcust-step2-main .dropdown-btn, .moving-newcust-step2-main .dropdown-white .dropdown-btn, .dropdown-white .moving-newcust-step2-main .dropdown-btn {
    height: 2.4rem
}

.moving-newcust-step2-main .custom-margin {
    margin: 3.33333333rem 0;
    border-top: 1px solid #d0d0ce;
    border-bottom: 1px solid #d0d0ce;
    padding: 3.33333333rem 0
}

.moving-newcust-step2-main .terms-custom-margin {
    margin-top: 5.33333333rem;
    margin-bottom: 2.66666667rem;
    width: 100%
}

    .moving-newcust-step2-main .terms-custom-margin .custom-padding-left {
        padding-left: 1.06666667rem;
        margin-top: -1.33333333rem
    }

.moving-newcust-step2-main .next-button-container .upr-case {
    color: #353535;
    text-transform: uppercase
}

    .moving-newcust-step2-main .next-button-container .upr-case:hover {
        color: #FCB61C;
        text-decoration: none
    }

@media only screen and (max-width: 767px) {
    .moving-newcust-step2-main {
        padding-left: 2.66666667rem;
        padding-right: 2.66666667rem
    }

        .moving-newcust-step2-main .form-group, .moving-newcust-step2-main .add-another-phone {
            width: 100%
        }

        .moving-newcust-step2-main .display-inline {
            width: 39.5%
        }
}

.mybill-unauth {
    padding-top: 2.33333333rem
}

    .mybill-unauth ul {
        padding-left: 1.66666667rem;
        padding-bottom: 2.33333333rem;
        color: #1A1A1A
    }

    .mybill-unauth li mark {
        background: #b3d7ff;
        color: #1A1A1A
    }

    .mybill-unauth .cust-margin {
        margin-top: 45px
    }

.bill-content {
    position: relative
}

    .bill-content .bill-content-right {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto
    }

.mybill-cta {
    background: #f2f3f3;
    padding: 2.73333333rem 0 0rem 2.8rem;
    margin-top: 1.8rem;
    display: inline-block
}

.mybill-cta-left {
    width: 60%;
    float: left
}

    .mybill-cta-left span {
        font-size: 1rem;
        letter-spacing: .02666667rem;
        text-align: left;
        color: #353535;
        font-family: "FoundationBold",Arial,sans-serif
    }

        .mybill-cta-left span:after {
            content: "\f0da";
            text-indent: initial;
            font: normal normal normal 18px/1 FontAwesome;
            margin-left: .33333333rem;
            font-size: 1.06666667rem
        }

.mybill-cta-right {
    width: 40%;
    float: left
}

    .mybill-cta-right img {
        width: 100%
    }

@media screen and (max-width: 991px) {
    .mybill-unauth {
        margin-top: 2.26666667rem
    }

        .mybill-unauth .icon-grey {
            margin-bottom: 2.73333333rem
        }

        .mybill-unauth .bill-content .bill-content-right {
            position: inherit;
            right: 0;
            bottom: 0
        }

    .mybill-cta {
        float: none;
        padding: 1.73333333rem 1.93333333rem 0rem 1.93333333rem;
        margin: 2.8rem 0rem 1.93333333rem 0rem
    }

    .mybill-cta-left {
        width: auto
    }

    .mybill-cta-right {
        float: left;
        width: auto;
        margin-top: 1rem
    }
}

.budget-billing-plan-enrolment #tblData th, .budget-billing-plan-enrolment #tblData td {
    padding: 5.5px
}

@media screen and (max-width: 360px) {
    .budget-billing-plan-enrolment #tblData th, .budget-billing-plan-enrolment #tblData td {
        padding: 3.5px
    }
}

.gas-meter .acc-info {
    border-bottom: none
}

.gas-meter .blocks {
    height: 8rem
}

.gas-meter .multi-input .form-group {
    float: left;
    margin-right: 1%
}

    .gas-meter .multi-input .form-group:last-child {
        margin-right: 0
    }

.gas-meter .multi-input .lg-block {
    width: 70%
}

.gas-meter .multi-input .md-block {
    width: 49%
}

.gas-meter .multi-input .md-block-40 {
    width: 40%
}

.gas-meter .multi-input .sm-block {
    width: 24%
}

.gas-meter .multi-input .xs-block {
    width: 9%
}

.gas-meter input[type="radio"] + label {
    margin-left: 0.5rem
}

    .gas-meter input[type="radio"] + label:before {
        left: 0
    }

.gas-meter input[type="radio"]:checked + label:after {
    left: .26666667rem
}

.gas-meter p.custom-radio-button, .gas-meter p.individual-category, .gas-meter .individual-category.p, .gas-meter .custom-radio-button.p {
    padding: 0.53333333rem 1rem
}

.gas-meter textarea {
    min-height: 5.33333333rem
}

.gas-meter .user-actions .btn-dark, .gas-meter .user-actions .btn-dark-widget, .gas-meter .user-actions .btn-content-open-dark, .gas-meter .user-actions .btn-content-open-dark-noborder, .gas-meter .user-actions .dropdown .dropdown-btn, .dropdown .gas-meter .user-actions .dropdown-btn, .gas-meter .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .gas-meter .user-actions .dropdown-btn, .gas-meter .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .gas-meter .user-actions .dropdown-btn, .gas-meter .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .gas-meter .user-actions .dropdown-btn, .gas-meter .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .gas-meter .user-actions .dropdown-btn, .gas-meter .user-actions .dropdown-white .dropdown-btn, .dropdown-white .gas-meter .user-actions .dropdown-btn {
    width: auto
}

@media only screen and (max-width: 768px) {
    .lg-block {
        width: 100% !important
    }

    .xs-block {
        width: 100% !important
    }
}

@media only screen and (max-width: 768px) {
    .gas-meter .my-enbgidge-acc, .manage-account-tab .my-enbgidge-acc {
        margin-top: 2rem
    }
}

@media only screen and (max-width: 540px) {
    .acc-block-heading {
        display: table;
        width: 100%
    }

        .acc-block-heading span {
            display: table-cell
        }

        .acc-block-heading h3 {
            display: table-cell
        }
}

.margin-bottom-20 {
    margin-bottom: 1.33333333rem
}

.news-heading {
    margin-top: 2.6rem
}

@media screen and (max-width: 767px) {
    .newsroom-right-content .margin-bottom-20:last-child {
        margin-bottom: 0
    }
}

.payment-installments-main .installment-section {
    background-color: #d0d0ce;
    padding: .66666667rem 1.33333333rem;
    margin-top: .86666667rem;
    margin-bottom: .46666667rem;
    min-height: 3.8rem
}

    .payment-installments-main .installment-section .custom-width-txtbox {
        width: 76%;
        display: inline-block;
        margin: 0 1.33333333rem
    }

    .payment-installments-main .installment-section .left-textbox {
        float: left
    }

        .payment-installments-main .installment-section .left-textbox .installment-no {
            padding-right: .26666667rem
        }

        .payment-installments-main .installment-section .left-textbox .custom-padding {
            float: left;
            padding-right: 1.33333333rem;
            padding-top: .53333333rem
        }

        .payment-installments-main .installment-section .left-textbox .calendar-icon {
            width: 81%
        }

        .payment-installments-main .installment-section .left-textbox label {
            width: 3%
        }

.payment-installments-main .remove-install {
    display: none;
    color: red;
    padding-top: 10px
}

    .payment-installments-main .remove-install .custom-leftpadding {
        padding-left: 20px;
        font-weight: bold
    }

.payment-installments-main .custom-margin {
    margin-top: 0rem
}

.payment-installments-main .add-installment-section {
    border: 1px dotted #555;
    text-align: center;
    line-height: 2.26666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    text-transform: uppercase;
    margin-bottom: .46666667rem;
    color: #353535;
    cursor: pointer
}

.payment-installments-main .total-installment-section {
    background-color: #FFB81C;
    padding: .93333333rem 3.86666667rem 1.33333333rem 2.73333333rem;
    color: #353535
}

    .payment-installments-main .total-installment-section .display-block {
        display: block;
        font-weight: bold
    }

    .payment-installments-main .total-installment-section .amount-display {
        display: block;
        font-size: 2rem;
        font-family: "FoundationBold",Arial,sans-serif;
        padding-top: .46666667rem
    }

@media screen and (max-width: 767px) {
    .payment-installments-main .installment-section {
        padding: .66666667rem
    }

        .payment-installments-main .installment-section .left-textbox {
            float: none;
            min-height: 3.06666667rem
        }

            .payment-installments-main .installment-section .left-textbox .calendar-icon {
                width: 76%
            }

            .payment-installments-main .installment-section .left-textbox .mobile-left-space {
                padding-left: .53333333rem
            }

            .payment-installments-main .installment-section .left-textbox .custom-padding {
                padding-right: .73333333rem
            }

            .payment-installments-main .installment-section .left-textbox label {
                width: 8%
            }

        .payment-installments-main .installment-section .custom-width-txtbox {
            margin-left: .8rem
        }

    .payment-installments-main .remove-install .custom-leftpadding {
        padding-left: 30px
    }
}

.community-form-container .clearfix {
    clear: both !important
}

.community-form-container .Serve-time .form-group {
    width: 40% !important;
    margin-right: .86666667rem;
    display: inline-block
}

    .community-form-container .Serve-time .form-group select {
        width: 100%
    }

.community-form-container .Double-container .form-group {
    display: inline-block;
    margin-right: .86666667rem;
    width: 19%
}

    .community-form-container .Double-container .form-group .form-control {
        width: 100% !important
    }

.community-form-container .form-group {
    width: 40%
}

    .community-form-container .form-group textarea {
        resize: none
    }

    .community-form-container .form-group #street-address {
        margin-bottom: .66666667rem !important;
        display: block
    }

.community-form-container .no-of-ppl .form-control {
    width: 10%
}

.community-form-container .date-container {
    width: 100% !important
}

    .community-form-container .date-container .calendar-icon {
        width: 100% !important
    }

        .community-form-container .date-container .calendar-icon .form-control {
            width: 100%
        }

.community-form-container .required-field {
    margin-top: 1.66666667rem
}

.community-form-container label {
    color: #353535
}

.community-form-container h3 {
    padding-bottom: 2rem;
    font-size: 1.66666667rem;
    color: #353535
}

.community-form-container .Event-Requirements-info {
    padding-bottom: 1.6rem;
    border-bottom: .06666667rem solid #B4B4B4;
    margin-bottom: 2.66666667rem
}

    .community-form-container .Event-Requirements-info .form-group textarea {
        display: block
    }

    .community-form-container .Event-Requirements-info p, .community-form-container .Event-Requirements-info .p {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .community-form-container .Event-Requirements-info .food-types .form-group {
        margin-bottom: 0
    }

        .community-form-container .Event-Requirements-info .food-types .form-group label {
            font-weight: normal
        }

    .community-form-container .Event-Requirements-info .other-section {
        margin-top: .8rem
    }

        .community-form-container .Event-Requirements-info .other-section label {
            font-family: "FoundationLight",Arial,sans-serif !important
        }

    .community-form-container .Event-Requirements-info .sponsor-package {
        margin-top: 1.13333333rem
    }

    .community-form-container .Event-Requirements-info .custom-radio-button, .community-form-container .Event-Requirements-info .individual-category {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0rem;
        margin-top: .66666667rem
    }

    .community-form-container .Event-Requirements-info .no-of-attendes {
        margin-top: 1.86666667rem
    }

        .community-form-container .Event-Requirements-info .no-of-attendes label {
            font-family: "FoundationLight",Arial,sans-serif !important
        }

    .community-form-container .Event-Requirements-info .submit-section {
        margin-top: 1.66666667rem
    }

.community-form-container .organisation-info {
    padding-bottom: 1.6rem;
    border-bottom: .06666667rem solid #B4B4B4;
    margin-bottom: 2.66666667rem
}

.community-form-container .event-info {
    padding-bottom: 1.6rem;
    border-bottom: .06666667rem solid #B4B4B4;
    margin-bottom: 2.66666667rem
}

@media only screen and (max-width: 991px) {
    .community-form-container .form-group {
        width: 100%
    }

        .community-form-container .form-group .form-control {
            width: 100%
        }

    .community-form-container .date-container .calendar-icon {
        width: 100%
    }

    .community-form-container .Serve-time select {
        width: 100% !important
    }

    .community-form-container .Double-container .form-group {
        width: 100%
    }
}

.collective-account > p, .collective-account > .p, .rebate-cta .rebate-cta-desc .collective-account > p {
    color: #353535
}

.collective-account h1 {
    margin-top: 2.6rem;
    margin-bottom: 0
}

.collective-account .mar-top40 {
    margin-top: 2.66666667rem
}

.collective-account .btn-dark, .collective-account .btn-dark-widget, .collective-account .btn-content-open-dark, .collective-account .btn-content-open-dark-noborder, .collective-account .dropdown .dropdown-btn, .dropdown .collective-account .dropdown-btn, .collective-account .dropdown-dark .dropdown-btn, .dropdown-dark .collective-account .dropdown-btn, .collective-account .dropdown-grey .dropdown-btn, .dropdown-grey .collective-account .dropdown-btn, .collective-account .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .collective-account .dropdown-btn, .collective-account .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .collective-account .dropdown-btn, .collective-account .dropdown-white .dropdown-btn, .dropdown-white .collective-account .dropdown-btn {
    margin-top: 2.66666667rem
}

.street-fields label {
    margin-right: .33333333rem;
    float: left;
    margin-top: .4rem;
    width: 2%
}

.street-fields input {
    margin-right: 1%;
    margin-bottom: 1.33333333rem;
    float: left
}

    .street-fields input:last-child {
        margin-right: 0
    }

    .street-fields input:nth-child(1) {
        width: auto
    }

    .street-fields input:nth-child(2) {
        width: 15%
    }

    .street-fields input:nth-child(3) {
        width: 6%
    }

    .street-fields input:nth-child(4) {
        width: 7%
    }

    .street-fields input:nth-child(5) {
        width: 15.5%
    }

    .street-fields input:nth-child(6) {
        width: 15%
    }

    .street-fields input:nth-child(7) {
        width: 15%
    }

    .street-fields input:nth-child(8) {
        width: 15%
    }

.street-fields .date-container {
    float: left;
    width: 15%
}

.msg-grey-block {
    background: #f2f3f3;
    padding: 1.33333333rem 2.33333333rem;
    margin-bottom: 1.33333333rem
}

    .msg-grey-block p, .msg-grey-block .p, .msg-grey-block .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .msg-grey-block p {
        margin: 0;
        padding: 0;
        line-height: 1.4rem;
        color: #353535;
        letter-spacing: .04rem
    }

@media screen and (max-width: 991px) {
    .street-fields label {
        margin-right: .33333333rem;
        float: none
    }

    .street-fields input {
        margin-right: 0;
        margin-bottom: 1.33333333rem;
        float: none;
        width: 100% !important
    }

        .street-fields input:nth-child(3) {
            width: 30% !important;
            display: inline-block;
            margin-right: 1%
        }

        .street-fields input:nth-child(4) {
            width: 68.3% !important;
            display: inline-block
        }

    .street-fields .date-container {
        float: none;
        width: 100%
    }

    .collective-account .mar-top40 {
        margin-top: 0
    }

    .collective-account .btn-dark, .collective-account .btn-dark-widget, .collective-account .btn-content-open-dark, .collective-account .btn-content-open-dark-noborder, .collective-account .dropdown .dropdown-btn, .dropdown .collective-account .dropdown-btn, .collective-account .dropdown-dark .dropdown-btn, .dropdown-dark .collective-account .dropdown-btn, .collective-account .dropdown-grey .dropdown-btn, .dropdown-grey .collective-account .dropdown-btn, .collective-account .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .collective-account .dropdown-btn, .collective-account .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .collective-account .dropdown-btn, .collective-account .dropdown-white .dropdown-btn, .dropdown-white .collective-account .dropdown-btn {
        margin-top: 2.33333333rem
    }
}

@media screen and (max-width: 540px) {
    .street-fields input:nth-child(4) {
        width: 68% !important
    }
}

.how-to-save-main .how-to-save-heading .page-description {
    margin-bottom: .33333333rem
}

.how-to-save-main .how-to-save-heading .font-bold, .how-to-save-main .how-to-save-heading .next-results {
    font-weight: "FoundationBold",Arial,sans-serif
}

.how-to-save-main .chart .rebate-cta {
    margin-top: 0
}

    .how-to-save-main .chart .rebate-cta .rebate-cta-desc {
        padding: 2.46666667rem 1.2rem 2.66666667rem 2.8rem
    }

    .how-to-save-main .chart .rebate-cta .cta-img {
        display: none
    }

.how-to-save-main .chart .cta-lmr-text h2 {
    background-image: url("../images/icon-home-black.svg");
    background-repeat: no-repeat;
    padding-left: 12%;
    padding-bottom: 1rem;
    padding-top: .26666667rem;
    margin-left: -.66666667rem
}

.subheading-how-tosave {
    font-weight: "FoundationBold",Arial,sans-serif;
    font-size: 1.66666667rem;
    margin-top: 2.66666667rem;
    margin-bottom: 2rem
}

.how-to-save.rebate-cta {
    background: #eaeaed
}

    .how-to-save.rebate-cta .rebate-cta-img-background {
        background: none;
        min-height: 13.5rem;
        width: 17rem;
        margin: 1.66666667rem 0 .66666667rem 1.66666667rem
    }

        .how-to-save.rebate-cta .rebate-cta-img-background::before {
            background: none
        }

    .how-to-save.rebate-cta .rebate-cta-desc {
        padding-left: 2rem
    }

@media only screen and (max-width: 991px) {
    .how-to-save-main .chart .cta-lmr-text h2 {
        margin-left: 0;
        padding-left: 3.33333333rem;
        padding-top: 0;
        text-align: left
    }

    .how-to-save-main .chart .rebate-cta .rebate-cta-desc {
        width: 100%;
        padding: 1.8rem 2rem
    }

    .how-to-save.rebate-cta .rebate-cta-desc {
        width: 100%
    }

    .how-to-save.rebate-cta .rebate-cta-img-background {
        margin: 1.66666667rem 0;
        width: 100%
    }

        .how-to-save.rebate-cta .rebate-cta-img-background img {
            width: 100%
        }

        .how-to-save.rebate-cta .rebate-cta-img-background.grey-img {
            width: 100% !important;
            margin-top: 0
        }

            .how-to-save.rebate-cta .rebate-cta-img-background.grey-img img {
                max-height: 15.06666667rem
            }

    .subheading-how-tosave {
        padding: 0 0rem 1rem 0rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .how-to-save.rebate-cta .rebate-cta-img-background {
        margin: 1.66666667rem 0;
        width: 38%
    }
}

.general-enquires-container h3 {
    color: #353535;
    margin-bottom: 1rem
}

.general-enquires-container p, .general-enquires-container .p, .general-enquires-container .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .general-enquires-container p {
    margin-bottom: 0
}

.general-enquires-container .form-group {
    width: 40%
}

    .general-enquires-container .form-group textarea {
        resize: none
    }

    .general-enquires-container .form-group:last-child {
        margin-bottom: 0
    }

.general-enquires-container .existing-enbridge {
    width: 40%
}

    .general-enquires-container .existing-enbridge .form-group {
        margin-bottom: 0
    }

@media screen and (max-width: 991px) {
    .form-group input, .form-group select, .form-group textarea, .form-group button {
        width: 100% !important
    }

    .general-enquires-container {
        margin-top: 2.4rem
    }

        .general-enquires-container .form-group {
            width: 100% !important
        }
}

.inspection-cancellation .btn-dark, .inspection-cancellation .btn-dark-widget, .inspection-cancellation .btn-content-open-dark, .inspection-cancellation .btn-content-open-dark-noborder, .inspection-cancellation .dropdown .dropdown-btn, .dropdown .inspection-cancellation .dropdown-btn, .inspection-cancellation .dropdown-dark .dropdown-btn, .dropdown-dark .inspection-cancellation .dropdown-btn, .inspection-cancellation .dropdown-grey .dropdown-btn, .dropdown-grey .inspection-cancellation .dropdown-btn, .inspection-cancellation .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .inspection-cancellation .dropdown-btn, .inspection-cancellation .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .inspection-cancellation .dropdown-btn, .inspection-cancellation .dropdown-white .dropdown-btn, .dropdown-white .inspection-cancellation .dropdown-btn {
    margin-top: 2.66666667rem
}

.inspection-cancellation > p, .inspection-cancellation > .p, .rebate-cta .rebate-cta-desc .inspection-cancellation > p {
    color: #353535
}

.inspection-cancellation h1 {
    margin-top: 2.6rem;
    margin-bottom: 0rem
}

.large-business-customer-main .custom-padding {
    padding-top: 2.33333333rem;
    padding-bottom: 2rem
}

.large-business-customer-main .cust-margin {
    margin-bottom: 1.33333333rem
}

.large-business-customer-main .customwidth {
    width: 60%;
    margin-right: 5%;
    float: left
}

.large-business-customer-main .customwidthext {
    width: 35%;
    float: left
}

.large-business-customer-main .display-inline {
    display: inline-block
}

.large-business-customer-main .have-enbrige-account {
    margin-bottom: 0 !important
}

.large-business-customer-main .ques-txt {
    margin-bottom: 0;
    padding-top: .66666667rem
}

.large-business-customer-main .newserv-heading {
    color: #353535;
    padding-bottom: 1.33333333rem
}

.large-business-customer-main .street-fieldss label {
    float: none;
    margin-bottom: 1rem;
    display: block;
    width: 100%
}

.large-business-customer-main .street-fieldss input {
    margin-right: 1%;
    margin-bottom: 0;
    float: left;
    width: 16%
}

    .large-business-customer-main .street-fieldss input:last-child {
        margin-right: 0
    }

    .large-business-customer-main .street-fieldss input:nth-child(4) {
        width: 49%
    }

.large-business-customer-main .customwidth-country {
    width: 48%;
    margin-right: 4%;
    float: left
}

.large-business-customer-main .customwidth-province {
    width: 48%;
    float: left
}

.large-business-customer-main .chooseoption-margin {
    margin-bottom: 0
}

.large-business-customer-main .terms-custom-margin {
    margin-bottom: .66666667rem;
    width: 100%
}

    .large-business-customer-main .terms-custom-margin .terms-text {
        font-family: "FoundationRoman",Arial,sans-serif;
        margin-bottom: 0;
        font-weight: normal
    }

        .large-business-customer-main .terms-custom-margin .terms-text input {
            margin-right: .33333333rem
        }

.large-business-customer-main .cust-width-radio {
    width: 33%;
    display: inline-block;
    padding-left: 0;
    padding-right: 0
}

    .large-business-customer-main .cust-width-radio label {
        margin-left: 1.66666667rem !important
    }

.large-business-customer-main .space-above {
    margin-top: 1.66666667rem
}

.custom-padding-left {
    padding-left: 1.66666667rem;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .large-business-customer-main .form-group {
        width: 100%
    }

    .large-business-customer-main .customwidth {
        width: 60%;
        margin-right: 5%;
        float: left
    }

    .large-business-customer-main .customwidthext {
        width: 35%;
        float: left
    }

    .large-business-customer-main .cust-width-radio {
        width: 100%;
        display: block
    }

    .large-business-customer-main .street-fieldss input {
        margin-bottom: .66666667rem;
        width: 100%
    }

        .large-business-customer-main .street-fieldss input:nth-child(4) {
            width: 100%
        }

    .large-business-customer-main .terms-custom-margin .terms-text {
        width: 100%
    }

        .large-business-customer-main .terms-custom-margin .terms-text input {
            width: 4% !important;
            margin-right: 2%
        }
}

@media only screen and (min-width: 460px) and (max-width: 991px) {
    .terms-custom-margin input {
        margin-right: 0 !important
    }
}

.general-information .panel-group .panel-heading h2, .contracts-forms .panel-group .panel-heading h2 {
    margin: 0
}

.general-information h2, .contracts-forms h2 {
    font-size: 1.66666667rem;
    margin-bottom: .93333333rem;
    margin-top: 2.33333333rem
}

.general-information h3, .contracts-forms h3 {
    color: #353535;
    margin-bottom: .8rem
}

.general-information .faq-block, .contracts-forms .faq-block {
    margin-top: 2.2rem
}

    .general-information .faq-block .faq-middle, .general-information .faq-block .search-results, .contracts-forms .faq-block .faq-middle, .contracts-forms .faq-block .search-results {
        padding: 4.6rem 2.46666667rem
    }

        .general-information .faq-block .faq-middle h2, .general-information .faq-block .search-results h2, .contracts-forms .faq-block .faq-middle h2, .contracts-forms .faq-block .search-results h2 {
            margin-top: 0;
            margin-bottom: 0;
            line-height: 1.86666667rem
        }

    .general-information .faq-block .faq-input-find .input-faq-box, .contracts-forms .faq-block .faq-input-find .input-faq-box {
        float: none;
        width: 100%
    }

    .general-information .faq-block .faq-input-find .search-faq-button, .contracts-forms .faq-block .faq-input-find .search-faq-button {
        float: none;
        width: 100%;
        margin-top: 1.66666667rem;
        padding-left: 0
    }

        .general-information .faq-block .faq-input-find .search-faq-button a, .contracts-forms .faq-block .faq-input-find .search-faq-button a {
            width: 100%;
            position: relative
        }

.general-information .cta-with-icon, .contracts-forms .cta-with-icon {
    margin-top: 2.2rem
}

    .general-information .cta-with-icon .cta-middle .cta-content h2, .general-information .cta-with-icon .grey .cta-content h2, .general-information .cta-with-icon .faq-middle .cta-content h2, .general-information .cta-with-icon .search-results .cta-content h2, .general-information .cta-with-icon .signin .cta-content h2, .contracts-forms .cta-with-icon .cta-middle .cta-content h2, .contracts-forms .cta-with-icon .grey .cta-content h2, .contracts-forms .cta-with-icon .faq-middle .cta-content h2, .contracts-forms .cta-with-icon .search-results .cta-content h2, .contracts-forms .cta-with-icon .signin .cta-content h2 {
        margin-top: 0;
        margin-bottom: 0
    }

.commercial-right-section {
    margin-top: 5.73333333rem
}

.transportation-status ul {
    padding-left: 15px
}

.commercial-industries-heading .page-main-heading {
    padding-bottom: 0
}

.commercial-industries-heading .page-description {
    display: none
}

.direct-purchase-signup {
    padding: 0
}

    .direct-purchase-signup .card-body p, .direct-purchase-signup .card-body .p {
        font-size: 18px;
        color: #353535;
        margin: 15px 0 5px 0
    }

    .direct-purchase-signup input {
        border: 1px solid #d0d0ce;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 40px
    }

    .direct-purchase-signup .padding-left0 {
        padding-left: 0
    }

@media only screen and (max-width: 991px) {
    .direct-purchase-signup .padding-left0 {
        padding-left: 15px
    }
}

.direct-purchase-signup button {
    width: 100%
}

.direct-purchase-signup .account-thanks img {
    margin-bottom: 30px
}

.direct-purchase-signup .account-thanks p, .direct-purchase-signup .account-thanks .p {
    margin-top: 25px
}

@media only screen and (max-width: 991px) {
    .direct-purchase-signup h3, .direct-purchase-signup p, .direct-purchase-signup .p, .direct-purchase-signup .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .direct-purchase-signup p {
        text-align: center !important
    }
}

@media only screen and (max-width: 991px) {
    .card-body.account-thanks {
        text-align: center !important
    }
}

@media only screen and (max-width: 768px) {
    .general-information .faq-block, .general-information .cta-with-icon {
        margin-bottom: 1.33333333rem;
        margin-top: 0rem
    }

    .commercial-right-section {
        margin-top: 0px
    }

    #contracts-forms {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.accordion-component .panel {
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.accordion-component .panel-default {
    border: 0
}

.accordion-component .panel-body {
    border: 0
}

.accordion-component .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0
}

.accordion-component .panel-heading h2 {
    padding: 0;
    margin: 0;
    font-size: 1.13333333rem;
    font-family: "FoundationRoman",Arial,sans-serif;
    color: #1A1A1A;
    letter-spacing: .04666667rem
}

    .accordion-component .panel-heading h2 a:hover, .accordion-component .panel-heading h2 a:focus {
        text-decoration: none;
        color: #1A1A1A
    }

.accordion-component .panel-default > .panel-heading {
    background: #f2f3f3;
    position: relative
}

.accordion-component .panel-heading:before {
    position: absolute;
    content: "";
    border-width: 1px 0px 0px 1px;
    top: 86%;
    display: inline-block;
    padding: 6px;
    background: #f2f3f3;
    border: 1px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sign-in-box {
    padding-top: 10px;
    padding-bottom: 10px
}

    .sign-in-box .msg-flyout .modal .Sign-in-flyout .modal-content {
        padding: 0
    }

        .sign-in-box .msg-flyout .modal .Sign-in-flyout .modal-content .modal-body {
            padding: 0
        }

            .sign-in-box .msg-flyout .modal .Sign-in-flyout .modal-content .modal-body .content-area {
                padding: 0
            }

.cap-trade-section .page-description {
    display: none
}

.cap-trade-section .cap-video-section {
    margin-top: 2rem
}

.cap-trade-section .Estimate-cap-box {
    width: 100%;
    border: .06666667rem solid #d0d0ce;
    margin-top: 2rem
}

    .cap-trade-section .Estimate-cap-box .Estimate-header {
        background-color: #d0d0ce;
        color: #fff;
        height: 2.66666667rem;
        line-height: 2.66666667rem;
        font-size: 1.66666667rem;
        font-family: "FoundationBold",Arial,sans-serif;
        padding: 0 1rem
    }

    .cap-trade-section .Estimate-cap-box .Estimate-body {
        min-height: 12rem;
        padding: 1rem 1.2rem
    }

        .cap-trade-section .Estimate-cap-box .Estimate-body h3 {
            color: #353535
        }

        .cap-trade-section .Estimate-cap-box .Estimate-body a {
            text-decoration: none
        }

            .cap-trade-section .Estimate-cap-box .Estimate-body a:hover {
                text-decoration: none;
                color: inherit
            }

        .cap-trade-section .Estimate-cap-box .Estimate-body .calculate-section {
            margin-top: .8rem
        }

            .cap-trade-section .Estimate-cap-box .Estimate-body .calculate-section input[type="text"] {
                min-height: 2.6rem;
                margin-right: .66666667rem
            }

            .cap-trade-section .Estimate-cap-box .Estimate-body .calculate-section button {
                margin-right: .66666667rem
            }

            .cap-trade-section .Estimate-cap-box .Estimate-body .calculate-section .estimated-amount {
                display: none;
                font-family: "FoundationBold",Arial,sans-serif;
                margin-top: .66666667rem;
                padding: 0
            }

.cap-trade-section .residential-customer {
    margin-top: 2rem
}

@media only screen and (max-width: 991px) {
    .cap-trade-section .page-heading {
        padding: 0
    }

    .Estimate-cap-box .Estimate-body .calculate-section input {
        width: 100%;
        margin-bottom: .66666667rem
    }
}

.how-to-pay {
    background-color: #ffffff !important;
    right: 0;
    padding: 20px 30px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    top: 20%;
    border: 0.06666667rem solid #FFB81C
}

    .how-to-pay::after {
        bottom: 99%;
        right: 18%;
        border: solid #FFB81C;
        border-width: 1px 0px 0px 1px;
        display: inline-block;
        padding: 10px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        content: " ";
        position: absolute;
        background: #fff
    }

    .how-to-pay .close {
        opacity: 0.9;
        color: #353535
    }

@media only screen and (max-width: 991px) {
    .how-to-pay {
        background-color: #ffffff !important;
        right: 0;
        left: 0;
        top: 18%
    }

        .how-to-pay::after {
            bottom: 99.2%;
            left: 18%;
            right: initial
        }
}

@media only screen and (max-width: 480px) {
    .how-to-pay::after {
        bottom: 99.5%;
        left: 28%
    }
}

.submitMeterReading p, .submitMeterReading .p, .submitMeterReading .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .submitMeterReading p {
    padding-bottom: 0
}

.submitMeterReading .Meter-reading-login {
    display: none
}

.submitMeterReading .Meter-reading-form {
    display: none
}

    .submitMeterReading .Meter-reading-form .Meter-reading-step1 .step-box h3 {
        color: #353535;
        margin-bottom: .66666667rem
    }

    .submitMeterReading .Meter-reading-form .Meter-reading-step1 .findLink {
        margin-bottom: .66666667rem;
        display: inline-block
    }

    .submitMeterReading .Meter-reading-form .Meter-reading-step2 {
        display: none
    }

.submitMeterReading .forminstruction {
    padding-bottom: 0.8rem
}

.submitMeterReading #dateRangeMessage {
    padding-top: 1rem
}

.how-to-read-flyout {
    width: 100%;
    height: 20rem;
    background: #fff
}

.circle-red {
    height: 25px;
    width: 25px;
    background-color: red;
    border-radius: 50%;
    display: inline-block
}

.circle-green {
    height: 25px;
    width: 25px;
    background-color: green;
    border-radius: 50%;
    display: inline-block
}

.circle-yellow {
    height: 25px;
    width: 25px;
    background-color: yellow;
    border-radius: 50%;
    display: inline-block
}

.image-align-circle {
    width: 6.66666667rem;
    margin: 0 auto
}

.transportation-status .divtable tr.transportation-header {
    background-color: #FFB81C
}

.contact-img img {
    margin-right: .4rem
}

.tab-container .panel-heading h3 {
    margin: 0
}

.bill-options-wrapper a {
    color: #353535;
    font-family: "FoundationBold",Arial,sans-serif;
    text-decoration: underline;
    margin-right: .33333333rem
}

.three-column-cta {
    min-height: 20.33333333rem
}

.cta-white h2, .cta-white p, .cta-white .p, .cta-white .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .cta-white p {
    color: #fff
}

.cta-img img {
    width: auto
}

.myacc-content {
    margin: 0 0 1.33333333rem 0
}

    .myacc-content .letter-spacing {
        display: table
    }

    .myacc-content h3 {
        margin-bottom: 1.2rem;
        color: #353535
    }

    .myacc-content .step-heading {
        font-weight: bold;
        display: table-cell;
        width: 4rem
    }

    .myacc-content .step-desc {
        display: table-cell
    }

    .myacc-content.tab-container ul.list_style {
        padding-left: 1.66666667rem
    }

    .myacc-content ul.list_style {
        padding-left: 1.66666667rem
    }

.energy-usage-contentMigration td {
    background-color: transparent !important
}

#postal-code {
    display: block
}

#country-name-confirm, #country-name-review {
    display: block
}

.focus-link:focus {
    color: #23527c
}

.disclaimer-text {
    font-size: .8rem
}

.ul-list-style {
    padding-left: 1.66666667rem;
    letter-spacing: .04rem;
    margin-bottom: 2.66666667rem
}

    .ul-list-style li {
        margin-bottom: .8rem;
        margin-top: 0
    }

.letter-spacing {
    letter-spacing: .04rem
}

#my-payment-payment {
    display: none
}

.getting-gas-content {
    margin: 1.33333333rem 0
}

.faq h3 {
    color: #353535
}

.faq .acc-block-heading h3 {
    color: #353535
}

.faq .my-enbgidge-acc {
    border: 0;
    margin: 1rem 0 0 0
}

.faq .accordion-component {
    padding-top: 1.6rem;
    margin-bottom: 0
}

    .faq .accordion-component:first-child {
        padding-top: 0
    }

.smell-gas-block {
    margin: 1.33333333rem 0
}

    .smell-gas-block p, .smell-gas-block .p, .smell-gas-block .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .smell-gas-block p {
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-bottom: 0;
        margin-bottom: 0
    }

.commercial-forms .panel-group .panel-default .commercial-forms .panel-group .panel-default {
    border: 1px solid
}

.commercial-content-heading {
    padding: 1.33333333rem 0
}

#AboutUs h2, #News h2, #Regulatory h2, #Projects h2, #Careers h2 {
    padding: 1.33333333rem 0
}

#AboutUs .row .letter-spacing {
    height: 9.33333333rem
}

#Projects h3 {
    margin: 0
}

#Projects .accordion-component h3 a {
    padding: 1.33333333rem 2.53333333rem
}

.commercial-forms .panel-group .panel-default .commercial-forms .panel-group .panel-default {
    border: 1px solid
}

#Projects .panel-body {
    padding-top: 30px
}

#Projects .commercial-forms h2, h3 {
    font-family: "FoundationBold",Arial,sans-serif
}

#Projects .commercial-forms .h2, .h3 {
    font-family: "FoundationBold",Arial,sans-serif
}

#Projects .commercial-forms .panel-group .panel-default {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

#Projects .accordion-component.panel-group .panel-default {
    border: solid 1px #FFB81C
}

#Projects .commercial-forms .panel-group .panel-default .panel-heading {
    background: #FFB81B;
    padding: 1.33333333rem 2.53333333rem
}

#Projects .accordion-component.panel-group .panel-default .panel-heading {
    background: transparent;
    padding: 0
}

    #Projects .accordion-component.panel-group .panel-default .panel-heading a.collapsed:after {
        content: "\f0d7";
        margin-left: 2rem;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased
    }

    #Projects .accordion-component.panel-group .panel-default .panel-heading a:after {
        margin-left: 2rem;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f0d8"
    }

.commercial-forms .accordion-component .panel-heading:before {
    display: none
}

.commercial-forms .panel-group .panel-default .panel-heading a.collapsed:after {
    content: "\f0d7";
    margin-left: 2rem;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.commercial-forms .panel-group .panel-default .panel-heading a:after {
    margin-left: 2rem;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0d8"
}

.commercial-forms .accordion-component .panel-group .panel-default .panel-heading a.collapsed:after {
    content: "\f0d7";
    margin-left: 2rem;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.commercial-forms .accordion-component .panel-group .panel-default .panel-heading a:after {
    margin-left: 2rem;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0d8"
}

.three-column-tabs {
    min-width: 33.33% !important
}

.four-column-tabs {
    min-width: 25% !important
}

.five-column-tabs {
    min-width: 20% !important
}

#Projects .accordion-component p a, #Projects .accordion-component .p a {
    padding: 0
}

#Regulatory-collapse h3 {
    margin: 0
}

#Regulatory h3 {
    margin: 0
}

.cta-right .cta-content p, .cta-right .cta-content .p, .cta-right .cta-content h2 {
    padding-bottom: 1.33333333rem;
    margin: 0
}

.cta-right .cta-content img {
    padding: 0;
    margin-bottom: 1.33333333rem
}

.header-bottom .navbar-nav .cta-right a:hover {
    background-color: #FFB81C;
    color: #353535
}

@media only screen and (max-width: 991px) {
    .tab-container #myTab-accordion .commercial-forms .panel-group .panel-default {
        border: solid 1px #FFB81C;
        border-radius: 0;
        padding: 1.33333333rem 2.53333333rem
    }

    .tab-container #myTab-accordion #Projects-collapse .commercial-forms .panel-group .panel-default {
        border: 0;
        padding: 0
    }

    .tab-container #myTab-accordion #Projects-collapse .commercial-forms .accordion-component.panel-group .panel-default {
        border: solid 1px #FFB81C
    }

        .tab-container #myTab-accordion #Projects-collapse .commercial-forms .accordion-component.panel-group .panel-default .panel-heading {
            background: transparent;
            padding: 1rem 0
        }

    .tab-container #myTab-accordion .commercial-forms .panel-group .panel-default .panel-heading a {
        padding: 0
    }

    .tab-container #myTab-accordion .commercial-forms .panel-group .panel-default .commercial-forms .panel-group .panel-default {
        border: 1px solid
    }

    #Projects-collapse .commercial-forms .panel-group .panel-default {
        padding: 0
    }

    .tab-container #myTab-accordion #Projects-collapse .commercial-forms .panel-group .panel-default .panel-heading {
        background: #FFB81C;
        padding: 1rem 0
    }

    #Projects-collapse .accordion-component h3 {
        margin: 0
    }

    #Projects-collapse .accordion-component.panel-group .panel-default .panel-heading {
        background: transparent;
        padding: 0
    }

    #Projects-collapse .accordion-component.panel-group .panel-default {
        border: 1px solid #FFB81C
    }

    #Projects-collapse .panel-collapse .panel-body {
        padding: 1.66666667rem 1.66666667rem 0 1.66666667rem
    }

    .commercial-forms .panel-group .panel-default .panel-heading {
        padding: 0
    }

    .accordion-component .panel-group {
        margin-bottom: 1.33333333rem
    }

    .commercial-forms .panel-group .panel-collapse .panel-body {
        border: 0;
        padding: 25px
    }

    #Projects-collapse .panel-group {
        margin-bottom: 20px
    }

        #Projects-collapse .panel-group:last-child {
            margin-bottom: 0
        }

    #Regulatory-collapse .commercial-forms .panel-default, #Residential-collapse .commercial-forms .panel-default {
        border: 1px solid #FFB81C;
        padding: 0
    }

    #AboutUs-collapse h2, #News-collapse h2, #Regulatory-collapse h2, #Projects-collapse h2, #Careers-collapse h2 {
        padding: 1.33333333rem 0
    }

    #AboutUs-collapse .row .letter-spacing {
        height: auto
    }

    .myacc-content.tab-container ul.list_style {
        padding-left: 0
    }

    .myacc-content ul.list_style {
        padding-left: 0
    }

    .ul-list-style {
        padding: 0 3.33333333rem;
        letter-spacing: .04rem;
        margin-bottom: 2.66666667rem
    }

    .how-to-save-content {
        margin: 1.33333333rem 0
    }

    .panel-heading.active a.js-tabcollapse-panel-heading:after {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        margin-top: -.53333333rem
    }

    a.js-tabcollapse-panel-heading:after {
        width: 0;
        height: 0;
        border-top: 0.4rem solid #353535;
        border-bottom: 0.4rem solid transparent;
        border-left: 0.4rem solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.33333333rem;
        margin-top: 0.46666667rem;
        border-right: 0.4rem solid transparent;
        content: ""
    }
}

.header-top input {
    border: none;
    display: none;
    margin-top: 0;
    padding-top: 0
}

.header-top button {
    height: 2.46666667rem;
    border: none;
    margin-top: 0;
    background: none;
    padding-left: 1.73333333rem;
    width: 5.4rem
}

.search-placeholder {
    position: relative;
    height: 50px;
    z-index: 5;
    display: none
}

@media only screen and (min-width: 992px) {
    .search-placeholder .coveo-for-sitecore-search-box-container {
        background-color: #eaeaed;
        width: 40%;
        float: right;
        padding: 13px;
        position: absolute;
        right: 0px
    }
}

.header-sec .search-placeholder .coveo-for-sitecore-search-box-container {
    background-color: #eaeaed;
    padding: 10px 5px
}

@media (max-width: 480px) {
    .CoveoSearchInterface .CoveoSearchbox {
        margin-right: 0 !important
    }
}

.faq .blocks {
    padding: 1.2rem 0;
    min-height: 9.86666667rem;
    background: #f2f3f3
}

    .faq .blocks h2 {
        margin-top: .93333333rem;
        margin-bottom: .66666667rem;
        font-family: "FoundationBold",Arial,sans-serif;
        text-transform: uppercase;
        min-height: 2.46666667rem;
        font-size: 1rem;
        padding: 0;
        line-height: 1rem
    }

.faq .panel-body p, .faq .panel-body .p {
    padding: 1rem 0 1rem;
    margin: 0
}

.faq .accordion-component h3 {
    color: #1A1A1A;
    margin-bottom: 0;
    font-family: "FoundationRoman",Arial,sans-serif
}

.faq .acc-block-heading {
    margin-top: 1.33333333rem
}

.faq .panel {
    box-shadow: none;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    -o-box-shadow: 0;
    -ms-box-shadow: 0
}

.k-treeview span.k-in {
    position: relative;
    padding-left: 0px
}

span.k-in:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

a.k-link.k-in {
    position: relative;
    padding-left: 0px;
    color: #337ab7;
    text-decoration: none
}

    a.k-link.k-in:before {
        content: "";
        width: 0px;
        height: 0px;
        display: inline-block;
        top: 0;
        position: absolute;
        left: 0
    }

    a.k-link.k-in:hover {
        color: #337ab7;
        text-decoration: underline
    }

.k-treeview .k-item {
    padding-top: 10px
}

ul li::before {
    color: transparent !important
}

.k-tabstrip-items .k-item .k-link {
    color: #1A1A1A !important;
    font-family: "FoundationBold", Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 1.2px;
    display: block
}

.k-tabstrip > .k-tabstrip-items > .k-item {
    border-right: 2px solid #ffffff !important;
    min-width: 22%;
    text-align: center;
    margin: 0;
    letter-spacing: 0.08rem;
    line-height: 1.4rem;
    min-height: 50px
}

    .k-tabstrip > .k-tabstrip-items > .k-item:last-child {
        border-right: none !important
    }

.k-header {
    background-color: transparent !important
}

.k-tabstrip-items .k-item {
    background-color: #d0d0ce !important;
    border-right: 2px solid #ffffff;
    text-align: center;
    min-height: 50px
}

    .k-tabstrip-items .k-item.k-state-hover {
        background-color: none !important;
        border-top: 1px solid #d0d0ce !important;
        border-bottom: 1px solid #d0d0ce !important
    }

div.k-treeview {
    margin-top: 40px
}

.k-tabstrip-items .k-item:before {
    display: none
}

.k-tabstrip-items .k-state-active {
    background-color: #FFB81B !important;
    border-bottom-color: transparent !important
}

.k-state-active > .k-link:after {
    position: absolute;
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.k-tabstrip:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.k-tabstrip .k-tabstrip-items .k-link {
    padding: 1.071em 1.124rem
}

.k-tabstrip-items .k-item.k-state-hover {
    background: #d0d0ce;
    border-color: #d0d0ce
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .k-tabstrip-items .k-item .k-link {
        font-size: 13px
    }

    .k-tabstrip .k-tabstrip-items .k-link {
        padding: 1.071em 1.31rem
    }

    .k-tabstrip > .k-tabstrip-items > .k-item {
        width: 19%
    }

    .k-tabstrip .k-tabstrip-items {
        margin: 0 !important
    }
}

@media only screen and (max-width: 991px) {
    .one-column-content .container-content .main-content {
        padding: 3.66666667rem 3.33333333rem;
        min-height: 63.33333333rem
    }

    .k-tabstrip > .k-tabstrip-items > .k-item {
        width: 100%;
        display: block;
        z-index: 99999;
        text-align: left
    }

    .k-tabstrip > .k-tabstrip-items > .k-item {
        border-right: none !important
    }

    .k-tabstrip .k-content.k-state-active {
        border: 1px solid #dcdcdc !important
    }
}

.cta-texts {
    margin: 1.33333333rem .66666667rem;
    text-align: left !important
}

    .cta-texts h2 {
        font-size: 2.33333333rem;
        margin: 2.66666667rem 0 .8rem 0
    }

    .cta-texts .h1heading {
        font-size: 2.33333333rem;
        margin: 2.66666667rem 0 .8rem 0;
        color: #000;
        font-family: "FoundationBold",Arial,sans-serif;
        line-height: 2.66666667rem;
        letter-spacing: -0.1px
    }

    .cta-texts p, .cta-texts .p, .cta-texts .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .cta-texts p {
        color: #333;
        line-height: 2.13333333rem;
        margin-bottom: 0
    }

    .cta-texts .callus-text {
        color: #000;
        font-size: 1.53333333rem;
        font-weight: bold;
        letter-spacing: .01333333rem;
        line-height: 2.13333333rem;
        margin: 2.93333333rem 0 0 0;
        width: 100%
    }

    .cta-texts ul.bullet-class {
        text-align: left
    }

a:focus {
    text-decoration: none;
    outline: none
}

.popup-main-overlay {
    border: 1px solid #D0D0CE;
    border-radius: 4px;
    max-width: 920px;
    margin: auto;
    background: #fff;
    padding-right: 0 !important
}

    .popup-main-overlay .heading-section {
        border-bottom: 1px solid #f0f0f0;
        padding: .53333333rem 2rem
    }

        .popup-main-overlay .heading-section h3 {
            display: inline-block;
            margin: .66666667rem auto
        }

        .popup-main-overlay .heading-section button {
            color: #555;
            float: right;
            font-size: 1.2rem;
            opacity: 0.5;
            margin: 15px 0
        }

    .popup-main-overlay .center-content {
        margin: 0 6.13333333rem 2.4rem 6.13333333rem
    }

        .popup-main-overlay .center-content .mobile-image-bg {
            display: none
        }

        .popup-main-overlay .center-content .circle-image-bg {
            background-color: #d0d0ce;
            border-radius: 50%;
            margin: 2.26666667rem auto;
            height: 120px;
            width: 120px;
            padding: 2.46666667rem 1.6rem
        }

        .popup-main-overlay .center-content h2 {
            padding-bottom: 1.33333333rem;
            text-align: center
        }

        .popup-main-overlay .center-content p, .popup-main-overlay .center-content .p {
            color: #333;
            line-height: 32px;
            margin-bottom: 0
        }

        .popup-main-overlay .center-content .gas-reconnect-common-button a {
            display: block;
            margin: 1.33333333rem auto;
            text-transform: capitalize
        }

ul.bullet-class {
    list-style-type: disc;
    font-size: 1.2rem
}

    ul.bullet-class li {
        line-height: 1.6rem
    }

@media only screen and (max-width: 767px) {
    .cta-texts {
        margin: 1.33333333rem 0
    }

        .cta-texts h2 {
            border-bottom: 1px solid #D0D0CE;
            font-size: 1.66666667rem;
            margin: 0 -17px 1rem -17px;
            letter-spacing: 0.2px;
            line-height: 2.13333333rem;
            padding: 21px 0;
            text-align: center
        }

        .cta-texts .h1heading {
            border-bottom: 1px solid #D0D0CE;
            font-size: 1.66666667rem;
            margin: 0 -17px 1rem -17px;
            letter-spacing: 0.2px;
            line-height: 2.13333333rem;
            padding: 21px 0;
            text-align: center
        }

        .cta-texts .custom-margins {
            padding-bottom: 0
        }

        .cta-texts p, .cta-texts .p, .cta-texts .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .cta-texts p {
            margin: 25px 10px 0 10px;
            text-align: left
        }

        .cta-texts .start-button-class {
            margin-top: 0;
            width: 100%
        }

        .cta-texts .callus-text {
            margin: 1.2rem 0 0 0;
            text-align: center
        }

        .cta-texts .gas-reconnect-common-button {
            margin: auto 10px
        }

    .popup-main-overlay .heading-section {
        border-bottom: 1px solid #D0D0CE;
        margin-top: 3.33333333rem
    }

        .popup-main-overlay .heading-section h3 {
            text-align: center;
            width: 92%
        }

    .popup-main-overlay .center-content {
        margin: auto 20px
    }

        .popup-main-overlay .center-content .mobile-image-bg {
            display: block
        }

        .popup-main-overlay .center-content h2 {
            margin: 35px auto;
            width: 72%
        }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .popup-main-overlay {
        margin-left: 16%
    }
}

.emailForms.formMeterActivationForConstructionHeatRequest > div > div > .form-group .custom-checkbox label {
    max-width: 100%
}

    .emailForms.formMeterActivationForConstructionHeatRequest > div > div > .form-group .custom-checkbox label::before, .emailForms.formMeterActivationForConstructionHeatRequest > div > div > .form-group .custom-checkbox label::after {
        top: 21% !important
    }

.emailForms.formCommunityEventRequest .form-group label[for=Other] {
    display: none
}

.emailForms .info-box {
    padding: 1.25rem 1.875rem;
    background-color: #f2f3f3
}

.emailForms .form-info-list {
    padding-left: 1em
}

    .emailForms .form-info-list li {
        list-style-type: disc
    }

.emailForms .row-padding [class*="col-"] {
    padding-left: 3px;
    padding-right: 3px
}

.emailForms button.parsley-error {
    border: 2px solid #b94a48
}

.emailForms .ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left
}

.emailForms > div.repeat-field-container {
    margin-top: 25px;
    padding-left: 15px
}

    .emailForms > div.repeat-field-container button.form-control.dropdown-toggle {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        position: relative;
        padding-right: 20px
    }

        .emailForms > div.repeat-field-container button.form-control.dropdown-toggle span {
            display: none
        }

        .emailForms > div.repeat-field-container button.form-control.dropdown-toggle::after {
            position: absolute;
            content: "";
            top: 16px;
            right: 12px;
            border-top: 4px dashed;
            border-top: 4px solid \9;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent
        }

    .emailForms > div.repeat-field-container .row-number {
        position: absolute;
        bottom: 40%;
        left: 0;
        font-size: 1.1875rem;
        font-weight: bold;
        color: #353535
    }

    .emailForms > div.repeat-field-container .main-row .row-number {
        bottom: 25%
    }

    .emailForms > div.repeat-field-container .row-padding {
        padding: 0 15px
    }

        .emailForms > div.repeat-field-container .row-padding > div:last-child {
            padding-right: 0
        }

    .emailForms > div.repeat-field-container .form-group > .parsley-errors-list {
        display: none
    }

    .emailForms > div.repeat-field-container .form-group .form-group {
        margin-bottom: 0
    }

    .emailForms > div.repeat-field-container .dropdown-menu {
        background-color: #fff;
        padding: 0;
        margin: 0
    }

        .emailForms > div.repeat-field-container .dropdown-menu > li {
            cursor: pointer;
            padding: 5px 10px
        }

            .emailForms > div.repeat-field-container .dropdown-menu > li:hover {
                background-color: #f3f3f3
            }

            .emailForms > div.repeat-field-container .dropdown-menu > li label {
                cursor: pointer;
                padding-left: 5px
            }

.emailForms > div.next-button-container {
    margin: 0 0 1.66666667rem
}

    .emailForms > div.next-button-container > a {
        cursor: pointer;
        text-transform: uppercase
    }

.emailForms > div > div .page-main-heading {
    margin-bottom: 20px;
    font-size: 1.5625rem
}

.emailForms > div > div .form-group > .parsley-errors-list .parsley-required:before {
    display: none
}

.emailForms > div > div .form-group > .parsley-errors-list .parsley-required span, .emailForms > div > div .form-group > .parsley-errors-list .parsley-required br {
    display: none
}

.emailForms > div > div .form-group label {
    padding-left: 0px;
    display: block;
    font-size: 0.9375rem
}

.emailForms > div > div .form-group input.autoWidth {
    width: 100%
}

.emailForms > div > div .form-group input.address {
    display: inline-block;
    margin-top: -25px
}

.emailForms > div > div .form-group select.autoWidth {
    width: auto
}

.emailForms > div > div .form-group .marB0 {
    margin-bottom: 0px
}

.emailForms > div > div .custom-sub-heading {
    font-size: 1.5625rem;
    border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 25px
}

@media only screen and (max-width: 991px) {
    .main-content {
        padding: 0 !important
    }

        .main-content .page-heading {
            padding-left: 0rem;
            padding-right: 0rem
        }

        .main-content .emailForms > div.repeat-field-container {
            padding: 0 15px
        }

            .main-content .emailForms > div.repeat-field-container .row-number {
                position: inherit;
                padding: 0 0 10px
            }

            .main-content .emailForms > div.repeat-field-container .row-padding {
                padding: 0
            }

                .main-content .emailForms > div.repeat-field-container .row-padding > div {
                    padding: 0
                }

                    .main-content .emailForms > div.repeat-field-container .row-padding > div .dropdown-menu {
                        width: 100%
                    }

                        .main-content .emailForms > div.repeat-field-container .row-padding > div .dropdown-menu > li > input, .main-content .emailForms > div.repeat-field-container .row-padding > div .dropdown-menu > li label {
                            width: auto !important
                        }

            .main-content .emailForms > div.repeat-field-container .additional-row {
                padding-top: 10px
            }

            .main-content .emailForms > div.repeat-field-container .form-group > .parsley-errors-list {
                display: block
            }

        .main-content .footer-top {
            margin-top: 0 !important
        }
}

.appt-scheduling-gas-reconnect p.addContactInfoText, .appt-scheduling-gas-reconnect .addContactInfoText.p {
    color: #333;
    font-size: 18px;
    line-height: 32px
}

.appt-scheduling-gas-reconnect .contactForm .appt-contact-form {
    margin: 1.33333333rem 0 0
}

    .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group {
        margin-bottom: 2.66666667rem
    }

        .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group input {
            border: none;
            border-bottom: 1px solid #d0d0ce;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: unset;
            outline: 0;
            padding-left: 0;
            color: #333
        }

        .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group label {
            font-size: 12px;
            font-family: "Foundation Sans";
            letter-spacing: 0.22px;
            line-height: 24px
        }

        .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group textarea {
            border: 1px solid #d0d0ce;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: 0;
            color: #333
        }

    .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .continue-button-class a {
        border: none;
        border-radius: .26666667rem;
        margin: .53333333rem 0 0;
        padding: 1.06666667rem;
        text-transform: none;
        width: 240px
    }

    .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .previous-button-class a {
        border: none;
        border-radius: .26666667rem;
        letter-spacing: 0.3px;
        margin: 1.33333333rem 0 0;
        padding: 1.06666667rem;
        text-transform: none;
        width: 240px
    }

@media screen and (max-width: 767px) {
    .appt-scheduling-gas-reconnect h1, .appt-scheduling-gas-reconnect h2, .appt-scheduling-gas-reconnect p.stepInfo, .appt-scheduling-gas-reconnect .stepInfo.p {
        text-align: center
    }

    .appt-scheduling-gas-reconnect p.addContactInfoText, .appt-scheduling-gas-reconnect .addContactInfoText.p {
        text-align: center;
        width: 100%
    }

    .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .continue-button-class a, .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .previous-button-class a {
        width: 100%
    }
}

.gas-reconnect-headings h1 {
    margin: 4rem 0 2.26666667rem
}

.gas-reconnect-headings p.stepInfo, .gas-reconnect-headings .stepInfo.p {
    color: #9B9B9B;
    font-size: 1.53333333rem;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem;
    margin-bottom: 1.33333333rem
}

.gas-reconnect-headings h2 {
    margin-bottom: .93333333rem
}

@media screen and (max-width: 991px) {
    .gas-reconnect-headings h1, .gas-reconnect-headings h2, .gas-reconnect-headings p.stepInfo, .gas-reconnect-headings .stepInfo.p {
        font-size: 1.66666667rem;
        text-align: center
    }

    .gas-reconnect-headings h1 {
        border-bottom: 1px solid #d0d0ce;
        margin: 4rem -1.13333333rem 1.13333333rem -1.13333333rem;
        padding-bottom: 1.4rem
    }

    .gas-reconnect-headings p.stepInfo, .gas-reconnect-headings .stepInfo.p {
        margin-bottom: 0
    }

    .gas-reconnect-headings h2 {
        margin-bottom: 2rem
    }
}

.gas-reconnect-verify-appointment .confirm-message-text {
    color: #333;
    margin: .66666667rem 0 .33333333rem 0
}

.gas-reconnect-verify-appointment .verfiyApptForm {
    margin: 1.53333333rem 0 0;
    padding: 0
}

    .gas-reconnect-verify-appointment .verfiyApptForm .form-group {
        margin-bottom: 2.66666667rem
    }

        .gas-reconnect-verify-appointment .verfiyApptForm .form-group input {
            border: none;
            border-bottom: 1px solid #d0d0ce;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: unset;
            color: #333;
            outline: 0;
            font-size: 1.2rem;
            padding-left: 0
        }

        .gas-reconnect-verify-appointment .verfiyApptForm .form-group label {
            color: #9B9B9B;
            font-size: .86666667rem;
            font-family: "FoundationRoman",Arial,sans-serif;
            letter-spacing: 0.22px;
            line-height: 24px
        }

        .gas-reconnect-verify-appointment .verfiyApptForm .form-group textarea {
            border: 1px solid #d0d0ce;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #333;
            outline: 0;
            resize: none;
            font-size: 1.2rem
        }

            .gas-reconnect-verify-appointment .verfiyApptForm .form-group textarea.appointmentReviewTxtArea {
                margin: 6px 0px
            }

    .gas-reconnect-verify-appointment .verfiyApptForm .disclaimer {
        clear: both
    }

        .gas-reconnect-verify-appointment .verfiyApptForm .disclaimer p, .gas-reconnect-verify-appointment .verfiyApptForm .disclaimer .p {
            color: #333;
            font-style: italic;
            line-height: 2.13333333rem
        }

    .gas-reconnect-verify-appointment .verfiyApptForm .gas-reconnect-common-button {
        clear: both
    }

.gas-reconnect-common-button a#btnCalendarRequestAppointment.btn-content-closed-grey:hover {
    color: inherit
}

@media screen and (max-width: 767px) {
    .gas-reconnect-verify-appointment .verfiyApptForm {
        margin: .66666667rem 0
    }

        .gas-reconnect-verify-appointment .verfiyApptForm .form-group {
            margin-bottom: 2rem
        }

            .gas-reconnect-verify-appointment .verfiyApptForm .form-group label {
                font-size: .8rem
            }
}

.main-content .appointment .paddLR0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.main-content .appointment .heading h1 {
    margin-top: 2.86666667rem
}

.main-content .appointment .heading h4 {
    font-size: 1.86666667rem;
    color: #000;
    margin: 2.8rem 0 .46666667rem
}

.main-content .appointment .heading p, .main-content .appointment .heading .p {
    color: #333
}

.main-content .appointment .appointment-box {
    border: 1px solid #d0d0ce;
    text-align: center
}

    .main-content .appointment .appointment-box > .title-box {
        padding: 1.66666667rem 4.26666667rem;
        overflow: hidden
    }

        .main-content .appointment .appointment-box > .title-box > * {
            display: inline-block;
            vertical-align: middle
        }

        .main-content .appointment .appointment-box > .title-box > img {
            padding: .33333333rem;
            float: left
        }

        .main-content .appointment .appointment-box > .title-box > div {
            text-align: left
        }

            .main-content .appointment .appointment-box > .title-box > div > * {
                color: #333
            }

            .main-content .appointment .appointment-box > .title-box > div h4 {
                font-size: 1.66666667rem;
                padding-top: .66666667rem;
                margin-top: 0
            }

            .main-content .appointment .appointment-box > .title-box > div p, .main-content .appointment .appointment-box > .title-box > div .p {
                padding-bottom: 0;
                margin-bottom: 0;
                margin-top: 1.46666667rem;
                font-size: 1.2rem
            }

    .main-content .appointment .appointment-box > .details {
        padding: 1.2rem 0 1.06666667rem;
        border-top: 1px solid #F0F0F0 !important;
        border-bottom: 1px solid #F0F0F0 !important
    }

        .main-content .appointment .appointment-box > .details > h4 {
            font-size: 2.6rem;
            margin: 1.86666667rem 0;
            color: #333
        }

        .main-content .appointment .appointment-box > .details > p, .main-content .appointment .appointment-box > .details > .p, .main-content .appointment .rebate-cta .rebate-cta-desc .appointment-box > .details > p {
            margin: 0;
            padding: 0
        }

            .main-content .appointment .appointment-box > .details > p:first-child, .main-content .appointment .appointment-box > .details > .p:first-child, .main-content .appointment .rebate-cta .rebate-cta-desc .appointment-box > .details > p:first-child {
                color: #9B9B9B;
                text-transform: uppercase;
                padding: 0;
                margin-top: 0
            }

    .main-content .appointment .appointment-box > .book-id {
        padding: 1.6rem 0 1.13333333rem
    }

        .main-content .appointment .appointment-box > .book-id > p, .main-content .appointment .appointment-box > .book-id > .p, .main-content .appointment .rebate-cta .rebate-cta-desc .appointment-box > .book-id > p {
            padding: 0;
            margin: 0;
            font-size: 1.2rem;
            color: #333
        }

.main-content .appointment .disclaimer-text {
    padding-top: 1.73333333rem
}

    .main-content .appointment .disclaimer-text > p, .main-content .appointment .disclaimer-text > .p, .main-content .appointment .rebate-cta .rebate-cta-desc .disclaimer-text > p {
        font-size: .86666667rem;
        margin: 0;
        padding: 0;
        color: #333
    }

    .main-content .appointment .disclaimer-text .gas-reconnect-common-button a {
        margin: 2.6rem 0 0
    }

@media only screen and (max-width: 768px) {
    .main-content .appointment .heading {
        text-align: center
    }

        .main-content .appointment .heading h1 {
            font-size: 1.66666667rem;
            font-family: "FoundationRoman",Arial,sans-serif;
            position: relative
        }

            .main-content .appointment .heading h1::after {
                position: absolute;
                content: "";
                width: 109%;
                bottom: 0;
                left: -15px;
                height: 1px;
                background-color: #d0d0ce
            }

        .main-content .appointment .heading h4 {
            font-size: 1.33333333rem;
            font-family: "FoundationBold",Arial,sans-serif
        }

        .main-content .appointment .heading p, .main-content .appointment .heading .p {
            line-height: 1.78
        }

    .main-content .appointment .appointment-box > .title-box {
        padding: 1.33333333rem
    }
}

@media only screen and (max-width: 599px) {
    .main-content .appointment .appointment-box > .title-box > img {
        margin: inherit
    }

    .main-content .disclaimer-text > p, .main-content .disclaimer-text > .p, .main-content .rebate-cta .rebate-cta-desc .disclaimer-text > p {
        text-align: center
    }
}

.gas-reconnect-report-a-payment p.paymentText, .gas-reconnect-report-a-payment .paymentText.p {
    color: #333;
    letter-spacing: 0.2px;
    line-height: 32px;
    max-width: 725px
}

.gas-reconnect-report-a-payment .outstandingPayment {
    border-radius: 4px;
    background-color: #f0f0f0;
    height: 80px;
    margin: .93333333rem 0 0 1.86666667rem;
    width: 700px
}

    .gas-reconnect-report-a-payment .outstandingPayment .title {
        color: #000;
        font-size: 23px;
        line-height: 1.39;
        letter-spacing: 0.2px;
        padding: 1.4rem 0 0
    }

    .gas-reconnect-report-a-payment .outstandingPayment .balanceAmt {
        border-radius: 4px;
        color: #000;
        font-size: 23px;
        line-height: 1.39;
        letter-spacing: 0.2px;
        padding: 1.4rem 0 0
    }

.gas-reconnect-report-a-payment .reconnectNotice {
    background-color: #FFF6E3;
    border-radius: 4px;
    height: 140px;
    margin: .93333333rem 0 0 1.86666667rem;
    padding: 1.33333333rem 1.33333333rem;
    width: 700px
}

    .gas-reconnect-report-a-payment .reconnectNotice p, .gas-reconnect-report-a-payment .reconnectNotice .p {
        color: #000;
        letter-spacing: 0.2px;
        line-height: 32px
    }

    .gas-reconnect-report-a-payment .reconnectNotice img {
        margin-left: 1rem;
        margin-top: .46666667rem
    }

.gas-reconnect-report-a-payment .how-to-pay-balance-text h4 {
    font-size: 1.53333333rem;
    padding: 25px 0 25px 0;
    color: #000
}

.gas-reconnect-report-a-payment .how-to-pay-balance-text .grrap-h4 {
    font-size: 1.53333333rem;
    padding: 25px 0 25px 0;
    color: #000;
    font-family: "FoundationRoman",Arial,sans-serif
}

.gas-reconnect-report-a-payment .how-to-pay-balance-text ul {
    margin: 0;
    padding-left: 20px
}

    .gas-reconnect-report-a-payment .how-to-pay-balance-text ul li {
        font-size: 1.2rem;
        line-height: 32px
    }

.gas-reconnect-report-a-payment .rap-form .calendar-icon {
    text-align: left;
    width: 96.9%
}

    .gas-reconnect-report-a-payment .rap-form .calendar-icon .input-group-addon {
        background: none;
        right: .66666667rem;
        top: 2rem
    }

.gas-reconnect-report-a-payment .rap-form .form-group {
    margin: 3.46666667rem 0 0 .93333333rem
}

    .gas-reconnect-report-a-payment .rap-form .form-group input {
        border: none;
        border-bottom: 1px solid #d0d0ce;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: unset;
        outline: 0;
        padding-left: 0;
        color: #333;
        font-size: 1.2rem
    }

    .gas-reconnect-report-a-payment .rap-form .form-group textarea {
        font-size: 1.2rem
    }

    .gas-reconnect-report-a-payment .rap-form .form-group label {
        color: #0488E4;
        font-size: .86666667rem;
        font-family: "FoundationRoman",Arial,sans-serif;
        letter-spacing: 0.22px;
        line-height: 24px
    }

.gas-reconnect-report-a-payment .rap-form .gas-reconnect-common-button {
    padding-top: 1.66666667rem;
    margin-bottom: 1.66666667rem
}

@media screen and (max-width: 767px) {
    .gas-reconnect-report-a-payment .rap-form .calendar-icon {
        text-align: left;
        width: 98%
    }

    .gas-reconnect-report-a-payment .rap-form .form-group {
        margin: 3.46666667rem 0 0 .26666667rem
    }

        .gas-reconnect-report-a-payment .rap-form .form-group label {
            font-size: .8rem
        }

    .gas-reconnect-report-a-payment .rap-form .gas-reconnect-common-button {
        padding: 1.66666667rem 0 0 0
    }

    .gas-reconnect-report-a-payment .reconnectNotice {
        width: 100%;
        height: 180px;
        margin: 0;
        padding: 1.06666667rem 0
    }

        .gas-reconnect-report-a-payment .reconnectNotice .col-md-10.col-xs-9 {
            padding-right: 0
        }

        .gas-reconnect-report-a-payment .reconnectNotice h2 {
            font-size: 1.66666667rem !important;
            margin-bottom: 0rem
        }

        .gas-reconnect-report-a-payment .reconnectNotice p, .gas-reconnect-report-a-payment .reconnectNotice .p {
            line-height: 1.78
        }

        .gas-reconnect-report-a-payment .reconnectNotice img {
            position: absolute;
            padding: 2.8rem 0;
            margin-left: .53333333rem
        }

    .gas-reconnect-report-a-payment .outstandingPayment {
        width: 100%;
        margin: .93333333rem 0 0
    }

        .gas-reconnect-report-a-payment .outstandingPayment p.title, .gas-reconnect-report-a-payment .outstandingPayment .title.p, .gas-reconnect-report-a-payment .outstandingPayment p.balanceAmt, .gas-reconnect-report-a-payment .outstandingPayment .balanceAmt.p {
            padding: 1.66666667rem 0 0
        }

        .gas-reconnect-report-a-payment .outstandingPayment .col-xs-8 {
            padding: 0
        }

    .gas-reconnect-report-a-payment .gas-reconnect-report-a-payment {
        padding: 1.66666667rem 0 0 0
    }

        .gas-reconnect-report-a-payment .gas-reconnect-report-a-payment p.paymentText, .gas-reconnect-report-a-payment .gas-reconnect-report-a-payment .paymentText.p {
            width: 100%;
            text-align: justify
        }

    .gas-reconnect-report-a-payment .pl-15 {
        padding-left: 15px
    }

    .gas-reconnect-report-a-payment .pr-15 {
        padding-right: 15px
    }
}

@media screen and (max-width: 380px) {
    .gas-reconnect-report-a-payment .outstandingPayment .title, .gas-reconnect-report-a-payment .outstandingPayment .balanceAmt {
        font-size: 1.46666667rem
    }
}

@media screen and (max-width: 369px) {
    .gas-reconnect-report-a-payment .reconnectNotice h2 {
        font-size: 1.4rem !important
    }

    .gas-reconnect-report-a-payment .outstandingPayment .title, .gas-reconnect-report-a-payment .outstandingPayment .balanceAmt {
        font-size: 1.33333333rem
    }
}

@media screen and (min-width: 992px) {
    .gas-reconnect-report-a-payment .how-to-pay-balance-text {
        margin: 0
    }
}

.main-content .cta-texts, .main-content .my-account-heading-wrapper {
    text-align: center
}

.main-content .appointment-form > form > fieldset > div.form-group {
    position: relative
}

    .main-content .appointment-form > form > fieldset > div.form-group::after {
        position: absolute;
        content: "";
        bottom: -5px;
        height: 1px;
        width: 100%;
        left: 0;
        background-color: #c0c0c0
    }

    .main-content .appointment-form > form > fieldset > div.form-group > h6 {
        color: #4296BD;
        letter-spacing: 1px
    }

    .main-content .appointment-form > form > fieldset > div.form-group > p, .main-content .appointment-form > form > fieldset > div.form-group > .p, .main-content .rebate-cta .rebate-cta-desc .appointment-form > form > fieldset > div.form-group > p {
        padding: .75em 0;
        color: #333;
        margin: 5px
    }

        .main-content .appointment-form > form > fieldset > div.form-group > p.active, .main-content .appointment-form > form > fieldset > div.form-group > .active.p, .main-content .rebate-cta .rebate-cta-desc .appointment-form > form > fieldset > div.form-group > p.active {
            padding: .75em .5em;
            background-color: rgba(4,136,228,0.1)
        }

            .main-content .appointment-form > form > fieldset > div.form-group > p.active > span, .main-content .appointment-form > form > fieldset > div.form-group > .active.p > span, .main-content .rebate-cta .rebate-cta-desc .appointment-form > form > fieldset > div.form-group > p.active > span {
                float: right;
                cursor: pointer
            }

.main-content .appointment-form > form > fieldset > div#months {
    padding: 2em 0
}

    .main-content .appointment-form > form > fieldset > div#months .owl-carousel .owl-item .item h4 {
        color: #000;
        text-align: center
    }

    .main-content .appointment-form > form > fieldset > div#months .owl-carousel .owl-nav button {
        position: absolute;
        top: 0
    }

        .main-content .appointment-form > form > fieldset > div#months .owl-carousel .owl-nav button.owl-prev {
            left: 10%
        }

        .main-content .appointment-form > form > fieldset > div#months .owl-carousel .owl-nav button.owl-next {
            right: 10%
        }

        .main-content .appointment-form > form > fieldset > div#months .owl-carousel .owl-nav button span {
            font-size: 2.4rem
        }

.main-content .appointment-form > form > fieldset > div#dates {
    padding: 2em 0
}

    .main-content .appointment-form > form > fieldset > div#dates .owl-carousel {
        padding: 0 2em
    }

        .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .disabled {
            background-color: #f2f3f3;
            pointer-events: none;
            cursor: not-allowed
        }

        .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item {
            padding: 0;
            border: 1px solid #d0d0ce;
            border-radius: 3px;
            text-align: center;
            cursor: pointer
        }

            .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item > p, .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item > .p, .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .rebate-cta .rebate-cta-desc .item > p {
                font-size: 1.86666667rem;
                padding: .5em 0
            }

            .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item.active {
                border-color: #0488E4;
                background-color: rgba(4,136,228,0.1)
            }

                .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item.active > * {
                    color: #0488E4
                }

            .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item.no-time.active {
                background-color: #d0d0ce;
                border: 1px solid transparent
            }

                .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item.no-time.active > * {
                    color: inherit
                }

        .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-nav button {
            position: absolute;
            top: 25%
        }

            .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-nav button.owl-prev {
                left: 0
            }

            .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-nav button.owl-next {
                right: 0
            }

            .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-nav button span {
                font-size: 2.4rem
            }

.main-content .appointment-form > form > fieldset > div#timings > ul.date-timings {
    display: none;
    padding: 0;
    list-style: none
}

    .main-content .appointment-form > form > fieldset > div#timings > ul.date-timings.active {
        display: block
    }

    .main-content .appointment-form > form > fieldset > div#timings > ul.date-timings li {
        padding: 1em;
        font-size: 1.53333333rem;
        border: 1px solid transparent;
        color: #000;
        border-radius: 3px;
        text-align: center;
        cursor: pointer
    }

        .main-content .appointment-form > form > fieldset > div#timings > ul.date-timings li:nth-child(odd) {
            background-color: #f5f5f5
        }

        .main-content .appointment-form > form > fieldset > div#timings > ul.date-timings li.active {
            border-color: #0488E4;
            background-color: rgba(4,136,228,0.1);
            color: #0488E4
        }

.main-content .appointment-form > form > fieldset > div#timings > ul.no-timings {
    display: none;
    padding: 0;
    list-style: none
}

    .main-content .appointment-form > form > fieldset > div#timings > ul.no-timings.active {
        display: block
    }

    .main-content .appointment-form > form > fieldset > div#timings > ul.no-timings li {
        background: #f5f5f5;
        padding: 5em 1em;
        color: #9B9B9B;
        font-size: 1.53333333rem;
        text-align: center
    }

.main-content .appointment-form .gas-reconnect-common-button a {
    display: block;
    margin: 1.33333333rem auto
}

.main-content .appointment-form .gas-reconnect-common-button .btn-content-closed-grey, .main-content .appointment-form .gas-reconnect-common-button .btn-content-closed-grey:hover {
    background-color: #9B9B9B;
    color: #fff;
    cursor: auto
}

@media (min-width: 991px) {
    .main-content .cta-texts, .main-content .my-account-heading-wrapper {
        text-align: left
    }

    .main-content .appointment-form > form {
        margin: 2em 0
    }

        .main-content .appointment-form > form > fieldset > div.form-group {
            width: 50%;
            margin: 0 auto
        }

        .main-content .appointment-form > form > fieldset > div#months {
            text-align: center;
            width: 50%;
            margin: 0 auto
        }

            .main-content .appointment-form > form > fieldset > div#months .owl-carousel .owl-item .item h4 {
                font-size: 2.33333333rem;
                text-align: center
            }

            .main-content .appointment-form > form > fieldset > div#months .owl-carousel .owl-nav button {
                top: 25%
            }

        .main-content .appointment-form > form > fieldset > div#dates {
            text-align: center;
            width: 75%;
            margin: 0 auto
        }

            .main-content .appointment-form > form > fieldset > div#dates .owl-carousel .owl-item .item {
                text-align: center
            }

        .main-content .appointment-form > form > fieldset > div#timings > * {
            width: 50%;
            margin: 0 auto 4em
        }

        .main-content .appointment-form > form > fieldset > div.cta-texts .start-button-class {
            width: 25%
        }
}

.appt-scheduling-gas-reconnect p.addContactInfoText, .appt-scheduling-gas-reconnect .addContactInfoText.p {
    color: #333;
    line-height: 32px;
    margin: .66666667rem 0 0
}

.appt-scheduling-gas-reconnect .contactForm .appt-contact-form {
    margin: 1.33333333rem 0 0
}

    .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group {
        margin-bottom: 2.66666667rem
    }

        .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group input {
            border: none;
            border-bottom: 1px solid #d0d0ce;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: unset;
            outline: 0;
            padding-left: 0;
            color: #333;
            font-size: 1.2rem
        }

        .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group label {
            color: #0488E4;
            font-size: .86666667rem;
            font-family: "FoundationRoman",Arial,sans-serif;
            letter-spacing: 0.22px;
            line-height: 24px
        }

        .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group textarea {
            color: #333;
            border: 1px solid #d0d0ce;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: 0;
            resize: none;
            font-size: 1.2rem
        }

@media screen and (max-width: 767px) {
    .appt-scheduling-gas-reconnect p.addContactInfoText, .appt-scheduling-gas-reconnect .addContactInfoText.p {
        width: 100%
    }

    .appt-scheduling-gas-reconnect .contactForm .appt-contact-form {
        margin: .66666667rem 0
    }

        .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group {
            margin-bottom: 2rem
        }

            .appt-scheduling-gas-reconnect .contactForm .appt-contact-form .form-group label {
                font-size: .8rem
            }
}

.gas-reconnect-insufficient-payment p.insuffpymtText, .gas-reconnect-insufficient-payment .insuffpymtText.p {
    color: #333;
    letter-spacing: 0.2px;
    line-height: 32px;
    padding: 0;
    width: 725px
}

.gas-reconnect-insufficient-payment h3 {
    margin: 2.13333333rem 0 0
}

.gas-reconnect-insufficient-payment .insuff-faq {
    margin: 22px 0 63px 0
}

@media screen and (max-width: 767px) {
    .gas-reconnect-insufficient-payment p.insuffpymtText, .gas-reconnect-insufficient-payment .insuffpymtText.p {
        text-align: justify;
        width: 100%
    }
}

.gas-reconnect-payment-confirmation p.pymtconfText, .gas-reconnect-payment-confirmation .pymtconfText.p, .rebate-cta .rebate-cta-desc .gas-reconnect-payment-confirmation p, .gas-reconnect-payment-confirmation .rebate-cta .rebate-cta-desc p, .gas-reconnect-payment-confirmation p {
    color: #333;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 32px;
    padding: 1rem 0 0;
    width: 725px
}

.gas-reconnect-payment-confirmation p, .gas-reconnect-payment-confirmation .p, .gas-reconnect-payment-confirmation .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .gas-reconnect-payment-confirmation p {
    font-weight: normal
}

.gas-reconnect-payment-confirmation h2 {
    margin: 3rem 0 0
}

.gas-reconnect-payment-confirmation h3 {
    color: #000;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 32px;
    margin: 2.8rem 0 0
}

.gas-reconnect-payment-confirmation .gas-reconnect-common-button {
    padding-top: 1.33333333rem
}

@media screen and (max-width: 767px) {
    .gas-reconnect-payment-confirmation p.pymtconfText, .gas-reconnect-payment-confirmation .pymtconfText.p, .rebate-cta .rebate-cta-desc .gas-reconnect-payment-confirmation p, .gas-reconnect-payment-confirmation .rebate-cta .rebate-cta-desc p, .gas-reconnect-payment-confirmation p {
        width: 100%;
        margin: .93333333rem 0 0
    }

    .gas-reconnect-payment-confirmation h2 {
        margin: 1.86666667rem 0 0
    }
}

.gas-reconnect-payment-confirmations .pymtconfTexts {
    margin-bottom: 20px;
    max-width: 736px
}

.gas-reconnect-payment-confirmations .thanks-message {
    max-width: 736px;
    line-height: 32px
}

.gas-reconnect-payment-confirmations .gas-reconnect-common-button.cust-width a {
    max-width: 290px
}

@media screen and (max-width: 991px) {
    .gas-reconnect-payment-confirmations .pymtconfTexts, .gas-reconnect-payment-confirmations .thanks-message {
        padding-left: 15px
    }

    .gas-reconnect-payment-confirmations .gas-reconnect-common-button.cust-width a {
        max-width: 345px
    }

    .gas-reconnect-payment-confirmations .gas-reconnect-common-button a {
        display: block;
        margin: 20px auto
    }
}

.preAuthorizedPayments .pap-desc {
    margin: 1rem 0 2.13333333rem 0
}

    .preAuthorizedPayments .pap-desc ul li {
        margin-left: -.4rem
    }

    .preAuthorizedPayments .pap-desc h3 {
        font-size: 1.2rem
    }

.preAuthorizedPayments .preAuthorizedForm .papTerms, .preAuthorizedPayments .preAuthorizedForm .financialInst {
    padding: 1.73333333rem 0 0
}

.preAuthorizedPayments .preAuthorizedForm textarea#papTerms {
    border: 1px solid #979797;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #353535;
    height: 272px;
    overflow-y: scroll;
    resize: none
}

.preAuthorizedPayments .preAuthorizedForm .form-group .accNo {
    display: inline
}

    .preAuthorizedPayments .preAuthorizedForm .form-group .accNo a {
        text-decoration: none;
        color: inherit;
        cursor: default
    }

.preAuthorizedPayments .preAuthorizedForm .form-group .acserviceAddr {
    display: block
}

.preAuthorizedPayments .preAuthorizedForm .pap-checkbox {
    margin: 2.66666667rem 0 1.8rem 5.86666667rem;
    width: 70%
}

.preAuthorizedPayments .preAuthorizedForm .user-actions {
    margin-top: 0
}

    .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-dark, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-dark-widget, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-content-open-dark, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-content-open-dark-noborder, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown .dropdown-btn, .dropdown .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-white .dropdown-btn, .dropdown-white .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-disabled {
        width: 265px
    }

.enrollment-status .tick-mark {
    float: left
}

.enrollment-status .confirm-icon {
    padding-left: 1.86666667rem
}

#flyout-pap-Modal-setup-update .modal-dialog {
    margin-bottom: 5.33333333rem
}

#flyout-pap-Modal-cancel .modal-dialog {
    margin-bottom: 5.33333333rem
}

@media screen and (max-width: 767px) {
    .acc-info .account-details {
        margin-top: .8rem !important
    }

    .preAuthorizedPayments .pap-desc ul li {
        margin-left: 1.06666667rem
    }

    .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-dark, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-dark-widget, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-content-open-dark, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-content-open-dark-noborder, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown .dropdown-btn, .dropdown .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-white .dropdown-btn, .dropdown-white .preAuthorizedPayments .preAuthorizedForm .user-actions .dropdown-btn, .preAuthorizedPayments .preAuthorizedForm .user-actions .btn-disabled {
        width: 215px
    }

    .preAuthorizedPayments .preAuthorizedForm .pap-checkbox {
        text-align: left;
        width: 100%;
        margin: 1.66666667rem 0 1.66666667rem 0
    }

        .preAuthorizedPayments .preAuthorizedForm .pap-checkbox label {
            padding: 0px 0 0 .53333333rem
        }

    .preAuthorizedPayments .preAuthorizedForm .form-group .accNo, .preAuthorizedPayments .preAuthorizedForm .form-group .acserviceAddr {
        display: block
    }
}

.preAuthorizedPayments .user-actions .btn-dark, .preAuthorizedPayments .user-actions .btn-dark-widget, .preAuthorizedPayments .user-actions .btn-content-open-dark, .preAuthorizedPayments .user-actions .btn-content-open-dark-noborder, .preAuthorizedPayments .user-actions .dropdown .dropdown-btn, .dropdown .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-white .dropdown-btn, .dropdown-white .preAuthorizedPayments .user-actions .dropdown-btn {
    width: 265px
}

#flyout-papSummary-Modal .modal-dialog {
    margin-bottom: 5.33333333rem
}

@media screen and (max-width: 767px) {
    .acc-info .account-details {
        margin-top: .8rem
    }

    .preAuthorizedPayments {
        padding-top: .33333333rem
    }

        .preAuthorizedPayments .user-actions .btn-dark, .preAuthorizedPayments .user-actions .btn-dark-widget, .preAuthorizedPayments .user-actions .btn-content-open-dark, .preAuthorizedPayments .user-actions .btn-content-open-dark-noborder, .preAuthorizedPayments .user-actions .dropdown .dropdown-btn, .dropdown .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-dark .dropdown-btn, .dropdown-dark .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-grey .dropdown-btn, .dropdown-grey .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .preAuthorizedPayments .user-actions .dropdown-btn, .preAuthorizedPayments .user-actions .dropdown-white .dropdown-btn, .dropdown-white .preAuthorizedPayments .user-actions .dropdown-btn {
            width: 215px
        }

        .preAuthorizedPayments .form-group span {
            display: block
        }
}

@media (min-width: 992px) {
    .cta-right {
        overflow: hidden;
        position: relative;
        min-height: 312px
    }

        .cta-right > img {
            height: 100%;
            width: auto;
            position: absolute;
            top: -9999px;
            left: -9999px;
            right: -9999px;
            bottom: -9999px;
            margin: auto
        }

    .cta-middle.one-column-cta, .one-column-cta.grey, .one-column-cta.faq-middle, .one-column-cta.search-results, .one-column-cta.signin {
        overflow: hidden;
        position: relative;
        height: 254px !important;
        min-height: 254px !important;
        width: 100%
    }

        .cta-middle.one-column-cta > img, .one-column-cta.grey > img, .one-column-cta.faq-middle > img, .one-column-cta.search-results > img, .one-column-cta.signin > img {
            height: 100%;
            width: auto;
            position: absolute;
            top: -9999px;
            left: -9999px;
            right: -9999px;
            bottom: -9999px;
            margin: auto
        }
}

@media (max-width: 991px) {
    .cta-middle.one-column-cta, .one-column-cta.grey, .one-column-cta.faq-middle, .one-column-cta.search-results, .one-column-cta.signin {
        min-height: 254px;
        overflow: hidden
    }

        .cta-middle.one-column-cta.cta-right:before, .one-column-cta.cta-right.grey:before, .one-column-cta.cta-right.faq-middle:before, .one-column-cta.cta-right.search-results:before, .one-column-cta.cta-right.signin:before {
            padding-top: 50%
        }
}

@media (max-width: 540px) {
    .cta-middle.one-column-cta img, .one-column-cta.grey img, .one-column-cta.faq-middle img, .one-column-cta.search-results img, .one-column-cta.signin img {
        height: 100%;
        width: auto;
        position: absolute;
        top: -9999px;
        left: -9999px;
        right: -9999px;
        bottom: -9999px;
        margin: auto
    }
}

.dropdown.mega-dropdown .cta-middle.cta-mega-menu.cta-right, .mega-dropdown.dropdown-dark .cta-middle.cta-mega-menu.cta-right, .mega-dropdown.dropdown-grey .cta-middle.cta-mega-menu.cta-right, .mega-dropdown.dropdown-yellow-whitetxt .cta-middle.cta-mega-menu.cta-right, .mega-dropdown.dropdown-yellow-darktxt .cta-middle.cta-mega-menu.cta-right, .mega-dropdown.dropdown-white .cta-middle.cta-mega-menu.cta-right, .dropdown.mega-dropdown .cta-mega-menu.cta-right.grey, .mega-dropdown.dropdown-dark .cta-mega-menu.cta-right.grey, .mega-dropdown.dropdown-grey .cta-mega-menu.cta-right.grey, .mega-dropdown.dropdown-yellow-whitetxt .cta-mega-menu.cta-right.grey, .mega-dropdown.dropdown-yellow-darktxt .cta-mega-menu.cta-right.grey, .mega-dropdown.dropdown-white .cta-mega-menu.cta-right.grey, .dropdown.mega-dropdown .cta-mega-menu.cta-right.faq-middle, .mega-dropdown.dropdown-dark .cta-mega-menu.cta-right.faq-middle, .mega-dropdown.dropdown-grey .cta-mega-menu.cta-right.faq-middle, .mega-dropdown.dropdown-yellow-whitetxt .cta-mega-menu.cta-right.faq-middle, .mega-dropdown.dropdown-yellow-darktxt .cta-mega-menu.cta-right.faq-middle, .mega-dropdown.dropdown-white .cta-mega-menu.cta-right.faq-middle, .dropdown.mega-dropdown .cta-mega-menu.cta-right.search-results, .mega-dropdown.dropdown-dark .cta-mega-menu.cta-right.search-results, .mega-dropdown.dropdown-grey .cta-mega-menu.cta-right.search-results, .mega-dropdown.dropdown-yellow-whitetxt .cta-mega-menu.cta-right.search-results, .mega-dropdown.dropdown-yellow-darktxt .cta-mega-menu.cta-right.search-results, .mega-dropdown.dropdown-white .cta-mega-menu.cta-right.search-results, .dropdown.mega-dropdown .cta-mega-menu.cta-right.signin, .mega-dropdown.dropdown-dark .cta-mega-menu.cta-right.signin, .mega-dropdown.dropdown-grey .cta-mega-menu.cta-right.signin, .mega-dropdown.dropdown-yellow-whitetxt .cta-mega-menu.cta-right.signin, .mega-dropdown.dropdown-yellow-darktxt .cta-mega-menu.cta-right.signin, .mega-dropdown.dropdown-white .cta-mega-menu.cta-right.signin {
    min-height: 130px
}

.my-account-tab-content.billing-overview-page {
    padding: 0;
    background-color: #fff
}

#billing-insights {
    padding-left: 1.13333333rem;
    padding-right: 1.13333333rem;
    background-color: #fff
}

    #billing-insights .billing-insights-group > .panel {
        -webkit-box-shadow: 0 0 0 #000;
        box-shadow: 0 0 0 #000;
        border: 0
    }

        #billing-insights .billing-insights-group > .panel > .panel-head {
            padding-bottom: 2.66666667rem
        }

        #billing-insights .billing-insights-group > .panel > .panel-collapse {
            padding-top: 2.66666667rem;
            border-top: 1px solid #eaeaed
        }

            #billing-insights .billing-insights-group > .panel > .panel-collapse .highlights .panel-heading.active .ellipsis {
                display: none
            }

            #billing-insights .billing-insights-group > .panel > .panel-collapse .billing-cta {
                padding-top: 2.66666667rem;
                padding-bottom: 2.66666667rem
            }

        #billing-insights .billing-insights-group > .panel > .collapse-btn > a {
            display: block;
            padding-top: 2rem;
            border-top: 1px solid #eaeaed
        }

            #billing-insights .billing-insights-group > .panel > .collapse-btn > a:hover {
                text-decoration: none
            }

            #billing-insights .billing-insights-group > .panel > .collapse-btn > a > p, #billing-insights .billing-insights-group > .panel > .collapse-btn > a > .p, #billing-insights .rebate-cta .rebate-cta-desc .billing-insights-group > .panel > .collapse-btn > a > p {
                color: #0488E4;
                padding-bottom: 0;
                margin-bottom: 0;
                font-size: 1.2rem;
                text-transform: capitalize
            }

                #billing-insights .billing-insights-group > .panel > .collapse-btn > a > p > span, #billing-insights .billing-insights-group > .panel > .collapse-btn > a > .p > span, #billing-insights .rebate-cta .rebate-cta-desc .billing-insights-group > .panel > .collapse-btn > a > p > span {
                    background: url("/images/expand-icon.svg");
                    width: 14.5px;
                    height: 9px;
                    background-repeat: no-repeat;
                    top: -1px;
                    left: 1rem
                }

                #billing-insights .billing-insights-group > .panel > .collapse-btn > a > p.close-collapse, #billing-insights .billing-insights-group > .panel > .collapse-btn > a > .close-collapse.p, #billing-insights .rebate-cta .rebate-cta-desc .billing-insights-group > .panel > .collapse-btn > a > p.close-collapse {
                    display: block
                }

                #billing-insights .billing-insights-group > .panel > .collapse-btn > a > p.open-collapse, #billing-insights .billing-insights-group > .panel > .collapse-btn > a > .open-collapse.p, #billing-insights .rebate-cta .rebate-cta-desc .billing-insights-group > .panel > .collapse-btn > a > p.open-collapse {
                    display: none
                }

            #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > p.close-collapse, #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > .close-collapse.p, #billing-insights .rebate-cta .rebate-cta-desc .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > p.close-collapse {
                display: none
            }

            #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > p.open-collapse, #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > .open-collapse.p, #billing-insights .rebate-cta .rebate-cta-desc .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > p.open-collapse {
                display: block
            }

                #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > p.open-collapse > span, #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > .open-collapse.p > span, #billing-insights .rebate-cta .rebate-cta-desc .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] > p.open-collapse > span {
                    background: url("/images/collapse-new.svg");
                    background-repeat: no-repeat
                }

@media only screen and (max-width: 991px) {
    .my-account-tab-content {
        margin: 0 !important
    }

        .my-account-tab-content .accordion3.col-custom-pad.left-align {
            margin-bottom: 20px
        }

    #billing-insights {
        padding-left: 1rem;
        padding-right: 1rem
    }

        #billing-insights.billing-card-main {
            -webkit-box-shadow: 0 0 0 #000;
            box-shadow: 0 0 0 #000;
            border: 0
        }

        #billing-insights > div .insights-body > div {
            padding-left: 0;
            padding-right: 0
        }

            #billing-insights > div .insights-body > div .billing-insights-group > .panel > .panel-head {
                padding-bottom: 1.33333333rem
            }

                #billing-insights > div .insights-body > div .billing-insights-group > .panel > .panel-head .billing-cta {
                    padding-left: 1rem !important;
                    margin-top: 1.33333333rem
                }

            #billing-insights > div .insights-body > div .billing-insights-group > .panel > .panel-collapse.in .billing-cta {
                padding-bottom: 0
            }

            #billing-insights > div .insights-body > div .billing-insights-group > .panel > .collapse-btn > a {
                border-top: 0
            }

                #billing-insights > div .insights-body > div .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] {
                    margin-right: 2rem;
                    border-top: 0
                }

            #billing-insights > div .insights-body > div .billing-insights-group > .panel .panel-collapse {
                padding-top: 1rem
            }

                #billing-insights > div .insights-body > div .billing-insights-group > .panel .panel-collapse .highlights {
                    padding: 0
                }

                    #billing-insights > div .insights-body > div .billing-insights-group > .panel .panel-collapse .highlights .highlights-section .highlights-header > div {
                        padding-left: 1.86666667rem;
                        padding-right: 1.86666667rem
                    }

                #billing-insights > div .insights-body > div .billing-insights-group > .panel .panel-collapse .latest-bill .latest-bill-section {
                    border-top: 0;
                    padding-bottom: 0
                }
}

#billing-insights-web10 {
    margin: 72px auto 0 auto
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 {
        margin: 32px auto 0 auto
    }
}

#billing-insights-web10 .insights-two {
    padding: 30px 45px 25px 45px;
    border: 1px solid #D0D0CE;
    border-radius: 4px 4px 0 0;
    background-color: #FFFFFF;
    border-bottom: 0;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .insights-two {
        padding: 0;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

#billing-insights-web10 .insights-heading h1 {
    font-size: 44px;
    font-family: "FoundationRoman",Arial,sans-serif;
    color: #333;
    line-height: normal
}

#billing-insights-web10 .insights-heading p, #billing-insights-web10 .insights-heading .p {
    font-size: 23px;
    font-family: "FoundationRoman",Arial,sans-serif;
    line-height: 32px;
    padding-bottom: 40px
}

#billing-insights-web10 .insights-heading .bi-h1 {
    font-size: 44px;
    font-family: "FoundationRoman",Arial,sans-serif;
    color: #333;
    line-height: normal
}

#billing-insights-web10 .insights-cards {
    margin: 50px 0
}

#billing-insights-web10 .collapse-btn > a {
    display: block;
    padding-top: 2rem;
    border-top: 1px solid #eaeaed;
    margin: 40px 15px 0
}

    #billing-insights-web10 .collapse-btn > a:hover {
        text-decoration: none
    }

    #billing-insights-web10 .collapse-btn > a > p, #billing-insights-web10 .collapse-btn > a > .p, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a > p {
        color: #0488E4;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 1.2rem;
        text-transform: capitalize
    }

        #billing-insights-web10 .collapse-btn > a > p.close-collapse, #billing-insights-web10 .collapse-btn > a > .close-collapse.p, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a > p.close-collapse {
            display: block
        }

        #billing-insights-web10 .collapse-btn > a > p.open-collapse, #billing-insights-web10 .collapse-btn > a > .open-collapse.p, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a > p.open-collapse {
            display: none
        }

        #billing-insights-web10 .collapse-btn > a > p span, #billing-insights-web10 .collapse-btn > a > .p span, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a > p span {
            background: url("/images/expand-icon.svg");
            width: 14.5px;
            height: 9px;
            background-repeat: no-repeat;
            top: -1px;
            left: 1rem
        }

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .collapse-btn > a > p span, #billing-insights-web10 .collapse-btn > a > .p span, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a > p span {
        width: 9px !important;
        background-size: 100% 100%
    }
}

#billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > p.close-collapse, #billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > .close-collapse.p, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a[aria-expanded="true"] > p.close-collapse {
    display: none
}

#billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > p.open-collapse, #billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > .open-collapse.p, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a[aria-expanded="true"] > p.open-collapse {
    display: block
}

    #billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > p.open-collapse span, #billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > .open-collapse.p span, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a[aria-expanded="true"] > p.open-collapse span {
        background: url("/images/collapse-new.svg");
        background-repeat: no-repeat
    }

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > p.open-collapse span, #billing-insights-web10 .collapse-btn > a[aria-expanded="true"] > .open-collapse.p span, #billing-insights-web10 .rebate-cta .rebate-cta-desc .collapse-btn > a[aria-expanded="true"] > p.open-collapse span {
        width: 9px !important;
        background-size: 100% 100%
    }
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .collapse-btn > a {
        text-align: right;
        padding-top: 20px;
        margin-top: 0;
        margin: 0;
        padding-right: 55px
    }
}

#billing-insights-web10 .cons-breakdown {
    margin-top: 37px
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .cons-breakdown {
        padding: 0 0 20px;
        margin-top: 0
    }
}

#billing-insights-web10 .consumption-breakdown {
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .consumption-breakdown {
        padding: 0;
        margin-bottom: 15px
    }
}

#billing-insights-web10 .consumption-breakdown .btn-navigation {
    bottom: 4%;
    position: absolute;
    width: 96.6%;
    padding: 0 20px
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .consumption-breakdown .btn-navigation {
        bottom: 5%;
        width: 100%;
        padding: 0 10px
    }
}

#billing-insights-web10 .consumption-breakdown .btn-navigation button {
    background-color: transparent;
    border: none
}

#billing-insights-web10 .consumption-breakdown .btn-navigation #btnLeftArrow:before {
    content: "\f053";
    font: normal normal normal 12px/1 FontAwesome;
    color: #0488E4
}

#billing-insights-web10 .consumption-breakdown .btn-navigation #btnRightArrow:before {
    content: "\f054";
    font: normal normal normal 12px/1 FontAwesome;
    color: #0488E4
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .insights-call-to-action .billing-cta, #billing-insights-web10 .insights-call-action-section .billing-cta {
        padding-top: 15px
    }
}

#billing-insights-web10 .border-inghts {
    border-top: 1px solid #eaeaed;
    margin: 0 0 40px 0
}

@media only screen and (max-width: 991px) {
    #billing-insights-web10 .border-inghts {
        margin: 0 0 27px
    }
}

#collapseinsights .billing-cta {
    padding-bottom: 0
}

@media only screen and (max-width: 991px) {
    .insights-two .collapse-btn {
        padding: 0
    }

    .my-account-tab-content.billing-insights-tab-content {
        padding: 10px 0 24px !important
    }
}

@media only screen and (max-width: 768px) {
    #billing-insights .billing-insights-group > .panel > .collapse-btn > a {
        float: right;
        margin-right: 2rem;
        padding-top: .66666667rem
    }

        #billing-insights .billing-insights-group > .panel > .collapse-btn > a span {
            width: 9px !important;
            background-size: 100% 100%
        }

        #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] {
            float: right;
            padding-top: 1.33333333rem
        }

            #billing-insights .billing-insights-group > .panel > .collapse-btn > a[aria-expanded="true"] span {
                width: 9px !important;
                background-size: 100% 100%
            }
}

.insights-error .no-bill {
    display: table;
    background: #f0f0f0;
    text-align: center;
    margin: 0 auto;
    height: 518px;
    width: 100%;
    margin-bottom: 60px
}

    .insights-error .no-bill p, .insights-error .no-bill .p {
        color: #9B9B9B;
        vertical-align: middle;
        display: table-cell;
        font-size: 28px;
        letter-spacing: 0.18px !important;
        line-height: 33px;
        padding: 0 45px
    }

.twoyear-breakdown-error .no-bill {
    width: 100%;
    height: 400px
}

.aft-first-bill {
    background-color: #f2f3f3;
    text-align: center;
    padding: 40px 0
}

    .aft-first-bill span {
        font-size: 32px;
        display: inline-block;
        width: 100%;
        font-family: "FoundationRoman",Arial,sans-serif
    }

@media only screen and (max-width: 991px) {
    .aft-first-bill span {
        font-size: 20px
    }
}

.aft-first-bill img {
    padding: 120px 0 85px
}

.aft-first-bill p, .aft-first-bill .p, .aft-first-bill .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .aft-first-bill p {
    font-size: 23px;
    padding: 0 82px 83px;
    line-height: 32px;
    font-family: "FoundationRoman",Arial,sans-serif
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) and (orientation: landscape) {
    .aft-first-bill p, .aft-first-bill .p, .aft-first-bill .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .aft-first-bill p {
        padding: 0 22px 83px
    }
}

@media only screen and (max-width: 991px) {
    .aft-first-bill p, .aft-first-bill .p, .aft-first-bill .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .aft-first-bill p {
        font-size: 20px;
        padding: 0 50px 83px
    }
}

.breakdown-first-bill {
    background-color: #f2f3f3;
    padding: 52px 0;
    text-align: center
}

    .breakdown-first-bill span {
        font-size: 28px;
        display: inline-block;
        width: 100%;
        font-family: "FoundationRoman",Arial,sans-serif
    }

@media only screen and (max-width: 991px) {
    .breakdown-first-bill span {
        font-size: 20px
    }
}

.breakdown-first-bill img {
    padding: 100px 0 85px
}

.breakdown-first-bill p, .breakdown-first-bill .p, .breakdown-first-bill .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .breakdown-first-bill p {
    font-size: 23px;
    line-height: 32px;
    font-family: "FoundationRoman",Arial,sans-serif
}

@media only screen and (max-width: 991px) {
    .breakdown-first-bill p, .breakdown-first-bill .p, .breakdown-first-bill .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .breakdown-first-bill p {
        font-size: 20px;
        padding: 0 50px 0
    }
}

.aft-first-bill.no-data-insights {
    background-color: #F2F3F3
}

    .aft-first-bill.no-data-insights img {
        padding: 120px 0 25px
    }

    .aft-first-bill.no-data-insights p, .aft-first-bill.no-data-insights .p {
        font-size: 18px;
        padding: 0 50px 83px;
        line-height: 21px
    }

@media only screen and (max-width: 991px) {
    .aft-first-bill.no-data-insights p, .aft-first-bill.no-data-insights .p {
        padding: 0 50px 83px;
        line-height: 21px
    }
}

.breakdown-first-bill.no-data-insights {
    background-color: #F2F3F3
}

    .breakdown-first-bill.no-data-insights img {
        padding: 100px 0 20px
    }

    .breakdown-first-bill.no-data-insights p, .breakdown-first-bill.no-data-insights .p {
        font-size: 18px
    }

.collapse-btn-conatiner {
    clear: both
}

#billing-cta-container .card {
    margin: 1em 0
}

.billing-cta > .cta-header h2 {
    color: #0488E4;
    font-size: 1.6rem
}

.billing-cta > .cta-header p, .billing-cta > .cta-header .p, .rebate-cta .rebate-cta-desc .billing-cta > .cta-header p {
    font-size: 1.06666667rem;
    color: #0488E4;
    padding-top: .4rem
}

.billing-cta > .card-group .card {
    border: 1px solid #d0d0ce;
    min-height: 35em;
    border-radius: 4px;
    text-align: left
}

    .billing-cta > .card-group .card > .card-image img {
        width: 100%;
        border-radius: 4px 4px 0 0
    }

    .billing-cta > .card-group .card > .card-body {
        padding: 1.33333333rem
    }

        .billing-cta > .card-group .card > .card-body h3 {
            font-size: 1.86666667rem;
            color: #000;
            font-family: "FoundationRoman",Arial,sans-serif
        }

        .billing-cta > .card-group .card > .card-body .bc-h3 {
            font-size: 1.86666667rem;
            color: #000;
            font-family: "FoundationRoman",Arial,sans-serif
        }

        .billing-cta > .card-group .card > .card-body p, .billing-cta > .card-group .card > .card-body .p, .rebate-cta .rebate-cta-desc .billing-cta > .card-group .card > .card-body p {
            font-size: 1.06666667rem;
            color: #333;
            margin-top: 1.2rem;
            line-height: 2.13333333rem
        }

        .billing-cta > .card-group .card > .card-body .card-button {
            text-align: center;
            width: 100%
        }

            .billing-cta > .card-group .card > .card-body .card-button a {
                border-radius: 4px;
                border: 3px solid #0488E4;
                font-size: 1.06666667rem;
                display: block;
                margin: 0 auto;
                max-width: 240px
            }

                .billing-cta > .card-group .card > .card-body .card-button a:hover {
                    text-decoration: none;
                    background-color: #0488E4;
                    color: #fff
                }

            .billing-cta > .card-group .card > .card-body .card-button button {
                font-size: 1.06666667rem;
                display: block;
                margin: 0 auto;
                width: 95%;
                padding: .86666667rem;
                max-width: 240px
            }

            .billing-cta > .card-group .card > .card-body .card-button .custom-anchor {
                font-size: 1.06666667rem;
                display: block;
                margin: 0 auto;
                max-width: 240px;
                padding: .86666667rem;
                border-radius: 0px;
                border: none
            }

                .billing-cta > .card-group .card > .card-body .card-button .custom-anchor:hover {
                    text-decoration: none;
                    background-color: #FFB81C;
                    color: #353535
                }

    .billing-cta > .card-group .card.desktop-view {
        text-align: center;
        min-height: auto;
        display: table;
        width: 100%
    }

        .billing-cta > .card-group .card.desktop-view > div {
            display: table-cell;
            vertical-align: middle
        }

        .billing-cta > .card-group .card.desktop-view > .card-image {
            width: 41%
        }

            .billing-cta > .card-group .card.desktop-view > .card-image img {
                height: auto;
                width: 100%;
                border-radius: 4px 0 0 4px
            }

@media only screen and (max-width: 991px) {
    .billing-cta > .card-group .card > .card-body {
        text-align: left
    }

        .billing-cta > .card-group .card > .card-body h3 {
            color: #333;
            font-size: 2.06666667rem;
            line-height: 32px
        }

        .billing-cta > .card-group .card > .card-body .bc-h3 {
            color: #333;
            font-size: 2.06666667rem;
            line-height: 32px
        }

        .billing-cta > .card-group .card > .card-body .card-button a {
            max-width: 320px;
            margin: 0 auto
        }

        .billing-cta > .card-group .card > .card-body .card-button .custom-anchor {
            max-width: 320px;
            margin: 0 auto
        }

        .billing-cta > .card-group .card > .card-body .card-button button {
            width: 100%;
            max-width: 320px;
            margin: 0 auto
        }

    .billing-cta > .card-group .card.desktop-view > div {
        display: block
    }

    .billing-cta > .card-group .card.desktop-view > .card-image {
        width: 100%
    }

        .billing-cta > .card-group .card.desktop-view > .card-image img {
            width: 100%;
            border-radius: 4px 4px 0 0
        }
}

.billing-card-main {
    border-radius: 4px;
    margin: 0 auto;
    padding: 2.66666667rem 0 .66666667rem 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    margin-top: 20px
}

    .billing-card-main .welcome-component {
        padding: 0 6.2rem .6rem
    }

        .billing-card-main .welcome-component h1 {
            font-size: 2.93333333rem;
            line-height: 3.2rem;
            letter-spacing: -0.5px
        }

        .billing-card-main .welcome-component p, .billing-card-main .welcome-component .p {
            font-size: 1.53333333rem;
            line-height: 2.13333333rem
        }

            .billing-card-main .welcome-component p a:hover, .billing-card-main .welcome-component .p a:hover {
                border-bottom: 1px solid !important;
                text-decoration: none
            }

    .billing-card-main .bill-breakdown {
        border-top: 1px solid #D0D0CE;
        color: #0488E4;
        clear: both;
        cursor: pointer;
        font-size: 1.2rem;
        letter-spacing: 0.2px;
        line-height: 64px;
        margin-top: 2.53333333rem;
        text-align: center
    }

        .billing-card-main .bill-breakdown .arrows {
            text-decoration: none
        }

            .billing-card-main .bill-breakdown .arrows:after {
                content: "\f077";
                color: #0488E4;
                font-family: 'FontAwesome'
            }

    .billing-card-main .collapsed .arrows:after {
        content: "\f078"
    }

@media screen and (max-width: 991px) {
    .billing-card-main {
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 1.33333333rem 0 .66666667rem 0
    }

        .billing-card-main .welcome-component {
            padding: 0
        }

            .billing-card-main .welcome-component > h1 {
                font-size: 1.86666667rem;
                color: #333333;
                font-family: "FoundationRoman",Arial,sans-serif
            }

            .billing-card-main .welcome-component > p, .billing-card-main .welcome-component > .p, .billing-card-main .rebate-cta .rebate-cta-desc .welcome-component > p {
                color: #333;
                font-size: 1.2rem
            }

        .billing-card-main .bill-breakdown {
            padding: 0
        }

            .billing-card-main .bill-breakdown .arrows {
                float: right
            }
}

.welcome-component h1 {
    font-family: "FoundationRoman",Arial,sans-serif !important
}

.welcome-component .wc-h1 {
    font-family: "FoundationRoman",Arial,sans-serif !important
}

.welcome-component p a:hover, .welcome-component .p a:hover {
    border-bottom: 1px solid !important;
    text-decoration: none;
    cursor: pointer
}

.latest-bill li {
    list-style: none
}

.latest-bill p, .latest-bill .p, .latest-bill .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .latest-bill p {
    margin: 0;
    padding: 0
}

.latest-bill.adjust-fullWidth {
    width: 100% !important;
    right: 0
}

    .latest-bill.adjust-fullWidth .latest-bill-section > .bill-items {
        display: table-cell;
        width: 50%
    }

    .latest-bill.adjust-fullWidth .latest-bill-section > .bill-action a {
        width: 28%
    }

.latest-bill .latest-bill-section {
    padding: 1.33333333rem 2.13333333rem 2.66666667rem;
    border: 1px solid #D0D0CE;
    border-radius: 4px
}

    .latest-bill .latest-bill-section > h2 {
        padding: 0 2.13333333rem 1.26666667rem;
        font-size: 2.33333333rem;
        line-height: 1.1;
        font-family: "FoundationBold",Arial,sans-serif;
        color: #000
    }

        .latest-bill .latest-bill-section > h2 span {
            font-size: .86666667rem;
            color: #787878;
            margin-left: .66666667rem;
            font-family: "FoundationRoman",Arial,sans-serif
        }

    .latest-bill .latest-bill-section > .bill-items {
        padding: 1.26666667rem 2.13333333rem
    }

        .latest-bill .latest-bill-section > .bill-items p, .latest-bill .latest-bill-section > .bill-items .p {
            font-size: 1.2rem
        }

            .latest-bill .latest-bill-section > .bill-items p.bill-title, .latest-bill .latest-bill-section > .bill-items .bill-title.p {
                color: #9b9b9b;
                padding-bottom: 1rem
            }

            .latest-bill .latest-bill-section > .bill-items p.bill-value, .latest-bill .latest-bill-section > .bill-items .bill-value.p {
                color: #333
            }

    .latest-bill .latest-bill-section > h3 {
        padding: 1.33333333rem 2.13333333rem 0;
        color: #000;
        font-size: 1.53333333rem;
        font-family: "FoundationBold",Arial,sans-serif
    }

        .latest-bill .latest-bill-section > h3 span {
            font-size: .86666667rem;
            color: #787878;
            margin-left: .66666667rem;
            font-family: "FoundationRoman",Arial,sans-serif
        }

    .latest-bill .latest-bill-section > .bill-list {
        padding: 2rem 0 2.66666667rem;
        border-bottom: 2px solid #353535;
        margin: 0
    }

        .latest-bill .latest-bill-section > .bill-list li {
            padding: .93333333rem 2.13333333rem 1rem
        }

            .latest-bill .latest-bill-section > .bill-list li:nth-last-child(odd) {
                background-color: #f0f0f0
            }

            .latest-bill .latest-bill-section > .bill-list li > p, .latest-bill .latest-bill-section > .bill-list li > .p, .latest-bill .latest-bill-section > .bill-list .rebate-cta .rebate-cta-desc li > p {
                font-size: 1.2rem;
                color: #333
            }

                .latest-bill .latest-bill-section > .bill-list li > p.bill-title, .latest-bill .latest-bill-section > .bill-list li > .bill-title.p, .latest-bill .latest-bill-section > .bill-list .rebate-cta .rebate-cta-desc li > p.bill-title {
                    float: left
                }

                .latest-bill .latest-bill-section > .bill-list li > p.bill-value, .latest-bill .latest-bill-section > .bill-list li > .bill-value.p, .latest-bill .latest-bill-section > .bill-list .rebate-cta .rebate-cta-desc li > p.bill-value {
                    float: right
                }

    .latest-bill .latest-bill-section > .bill-total {
        padding: 1.33333333rem 2.13333333rem;
        text-align: right
    }

        .latest-bill .latest-bill-section > .bill-total h3 {
            display: inline-block;
            color: #000;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 1.53333333rem;
            text-transform: uppercase
        }

            .latest-bill .latest-bill-section > .bill-total h3.value {
                padding-left: 2.13333333rem
            }

        .latest-bill .latest-bill-section > .bill-total span {
            display: inline-block;
            color: #000;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 1.53333333rem;
            text-transform: uppercase;
            line-height: 1.86666667rem !important;
            letter-spacing: .04rem
        }

            .latest-bill .latest-bill-section > .bill-total span.value {
                padding-left: 2.13333333rem
            }

    .latest-bill .latest-bill-section > .bill-action {
        text-align: center;
        padding-top: 1.33333333rem
    }

        .latest-bill .latest-bill-section > .bill-action a {
            background-color: #FFB81B;
            padding: 1.06666667rem;
            display: block;
            max-width: 16rem;
            margin: auto;
            font-size: 1.06666667rem;
            color: #333;
            letter-spacing: .3px;
            border-radius: 4px
        }

            .latest-bill .latest-bill-section > .bill-action a:hover {
                background-color: #000;
                color: #FFC649;
                text-decoration: none
            }

.currentbalance-inserts.view-bill-inserts a::after {
    top: 22px
}

@media only screen and (max-width: 767px) {
    .currentbalance-inserts .msg-flyout {
        margin: 0 -13px
    }
}

@media only screen and (max-width: 991px) {
    .my-bill-tab-content .current-balance .currentbalance-inserts {
        text-align: center
    }

    .view-bill-inserts .msg-flyout {
        margin: 0 8px
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1024px) {
    .currentbalance-inserts #latest-bill-inserts-Modal-L1 .modal-dialog {
        left: 50%
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .currentbalance-inserts #latest-bill-inserts-Modal-L1 .modal-dialog {
        width: 100% !important
    }
}

.view-bill-inserts.view-bill-btn {
    display: inline-block !important
}

@media only screen and (max-width: 991px) {
    .view-bill-inserts.view-bill-btn {
        display: block !important
    }
}

.view-bill-inserts {
    text-align: center;
    margin-top: 27px
}

    .view-bill-inserts a {
        color: #0488E4;
        text-decoration: none;
        border-bottom: 1px solid #0488E4;
        margin: 0 15px;
        position: relative
    }

        .view-bill-inserts a::after {
            top: 23px;
            left: 50%;
            border: solid #FFB81B;
            border-width: 1px 0px 0px 1px;
            display: inline-block;
            padding: 7px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            position: absolute;
            background: #fff;
            z-index: 9999
        }

    .view-bill-inserts .modal .modal-dialog .modal-content::before {
        content: none !important
    }

    .view-bill-inserts .msg-flyout .in ~ a::after {
        content: ''
    }

.currentbalance-inserts {
    text-align: left;
    margin-top: 14px
}

    .currentbalance-inserts #view-bill-insert {
        margin-left: 0;
        color: #353535;
        border-color: #353535;
        font-size: 12px;
        font-weight: bold
    }

#latest-bill-inserts-Modal-L1 .modal-dialog, #latest-bill-inserts-Modal-L2 .modal-dialog {
    margin: 11px auto;
    left: 0
}

@media only screen and (max-width: 1200px) {
    #latest-bill-inserts-Modal-L1 .modal-dialog, #latest-bill-inserts-Modal-L2 .modal-dialog {
        left: 16%
    }
}

@media only screen and (max-width: 991px) and (min-width: 320px) {
    #latest-bill-inserts-Modal-L1 .modal-dialog, #latest-bill-inserts-Modal-L2 .modal-dialog {
        left: 0
    }
}

#latest-bill-inserts-Modal-L1 .modal-dialog .modal-content, #latest-bill-inserts-Modal-L2 .modal-dialog .modal-content {
    padding: 26px 50px 20px 50px
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .modal-dialog .modal-content, #latest-bill-inserts-Modal-L2 .modal-dialog .modal-content {
        padding: 0
    }
}

#latest-bill-inserts-Modal-L1 .modal-dialog .modal-content::before, #latest-bill-inserts-Modal-L2 .modal-dialog .modal-content::before {
    left: 51%
}

#latest-bill-inserts-Modal-L1 .modal-dialog .modal-header, #latest-bill-inserts-Modal-L2 .modal-dialog .modal-header {
    margin-bottom: 18px
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .modal-dialog .modal-header, #latest-bill-inserts-Modal-L2 .modal-dialog .modal-header {
        margin-bottom: 0
    }
}

#latest-bill-inserts-Modal-L1 h3, #latest-bill-inserts-Modal-L2 h3 {
    padding: 35px 0 0 30px
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 h3, #latest-bill-inserts-Modal-L2 h3 {
        padding: 0;
        font-size: 25px
    }
}

#latest-bill-inserts-Modal-L1 .content-area, #latest-bill-inserts-Modal-L2 .content-area {
    background-color: transparent;
    padding: 0
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .content-area, #latest-bill-inserts-Modal-L2 .content-area {
        padding: 10px 10px !important
    }
}

#latest-bill-inserts-Modal-L1 .content-area p, #latest-bill-inserts-Modal-L1 .content-area .p, #latest-bill-inserts-Modal-L2 .content-area p, #latest-bill-inserts-Modal-L2 .content-area .p {
    color: #333;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 40px;
    padding-left: 30px
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .content-area p, #latest-bill-inserts-Modal-L1 .content-area .p, #latest-bill-inserts-Modal-L2 .content-area p, #latest-bill-inserts-Modal-L2 .content-area .p {
        text-align: center;
        padding: 0;
        margin-bottom: 15px
    }
}

#latest-bill-inserts-Modal-L1 .content-area .border-btn, #latest-bill-inserts-Modal-L2 .content-area .border-btn {
    border-bottom: 1px solid #B4B4B4
}

#latest-bill-inserts-Modal-L1 .content-area .call-or-click, #latest-bill-inserts-Modal-L2 .content-area .call-or-click {
    text-align: center;
    margin-top: 40px
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .content-area .call-or-click, #latest-bill-inserts-Modal-L2 .content-area .call-or-click {
        margin-top: 20px
    }
}

#latest-bill-inserts-Modal-L1 .content-area .call-or-click img, #latest-bill-inserts-Modal-L2 .content-area .call-or-click img {
    margin-bottom: 40px;
    width: 355px;
    display: inline-block
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .content-area .call-or-click img, #latest-bill-inserts-Modal-L2 .content-area .call-or-click img {
        margin-bottom: 20px;
        width: 100%;
        display: block
    }
}

#latest-bill-inserts-Modal-L1 .content-area .no-bill, #latest-bill-inserts-Modal-L2 .content-area .no-bill {
    background: #f0f0f0;
    text-align: center;
    margin: 40px auto;
    height: 357px;
    width: 518px;
    margin-bottom: 60px;
    display: table
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .content-area .no-bill, #latest-bill-inserts-Modal-L2 .content-area .no-bill {
        width: 95%;
        margin: 28px auto 63px;
        height: 249px
    }
}

#latest-bill-inserts-Modal-L1 .content-area .no-bill p, #latest-bill-inserts-Modal-L1 .content-area .no-bill .p, #latest-bill-inserts-Modal-L2 .content-area .no-bill p, #latest-bill-inserts-Modal-L2 .content-area .no-bill .p {
    color: #9B9B9B;
    vertical-align: middle;
    display: table-cell;
    font-size: 28px;
    letter-spacing: 0.18px !important;
    line-height: 33px;
    padding: 0 45px
}

@media only screen and (max-width: 991px) {
    #latest-bill-inserts-Modal-L1 .content-area .no-bill p, #latest-bill-inserts-Modal-L1 .content-area .no-bill .p, #latest-bill-inserts-Modal-L2 .content-area .no-bill p, #latest-bill-inserts-Modal-L2 .content-area .no-bill .p {
        font-size: 23px;
        line-height: 27px;
        letter-spacing: .15px !important;
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    #billing-insights > .row > .clearfix > div:first-child {
        padding-left: 1rem !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .latest-bill .latest-bill-section > .bill-list {
        text-align: center
    }

        .latest-bill .latest-bill-section > .bill-list li {
            padding: .53333333rem 1.33333333rem
        }

            .latest-bill .latest-bill-section > .bill-list li > p.bill-title, .latest-bill .latest-bill-section > .bill-list li > .bill-title.p, .latest-bill .latest-bill-section > .bill-list .rebate-cta .rebate-cta-desc li > p.bill-title {
                float: none;
                line-height: 1.4
            }

            .latest-bill .latest-bill-section > .bill-list li > p.bill-value, .latest-bill .latest-bill-section > .bill-list li > .bill-value.p, .latest-bill .latest-bill-section > .bill-list .rebate-cta .rebate-cta-desc li > p.bill-value {
                float: none;
                padding: .53333333rem 0 .26666667rem
            }

    .latest-bill .latest-bill-section > .bill-total {
        padding-left: 0;
        padding-right: 0;
        text-align: inherit
    }

        .latest-bill .latest-bill-section > .bill-total h3 {
            display: table-cell;
            font-size: 1.53333333rem
        }

            .latest-bill .latest-bill-section > .bill-total h3.value {
                width: 100%;
                text-align: right
            }

        .latest-bill .latest-bill-section > .bill-total span {
            display: table-cell;
            font-size: 1.53333333rem
        }

            .latest-bill .latest-bill-section > .bill-total span.value {
                width: 100%;
                text-align: right
            }
}

@media only screen and (max-width: 991px) {
    .latest-bill.adjust-fullWidth {
        width: auto;
        right: 0
    }

        .latest-bill.adjust-fullWidth .latest-bill-section > .bill-items {
            display: block;
            width: auto
        }

        .latest-bill.adjust-fullWidth .latest-bill-section > .bill-action a {
            width: 100%
        }

    .latest-bill .latest-bill-section {
        text-align: center;
        padding: 2.33333333rem 0;
        border: 0;
        border-top: 1px solid #eaeaed
    }

        .latest-bill .latest-bill-section > h2 {
            padding-right: 0;
            padding-left: 0;
            line-height: 1.1;
            font-size: 2.06666667rem;
            color: #333
        }

            .latest-bill .latest-bill-section > h2::after {
                display: block;
                padding-top: .66666667rem;
                margin-left: 0
            }

            .latest-bill .latest-bill-section > h2 span {
                color: #333;
                display: block;
                padding-top: 2px
            }

        .latest-bill .latest-bill-section > .bill-items {
            padding-right: 0;
            padding-left: 0
        }

            .latest-bill .latest-bill-section > .bill-items p, .latest-bill .latest-bill-section > .bill-items .p {
                font-size: 1.06666667rem
            }

        .latest-bill .latest-bill-section > h3 {
            padding-right: 0;
            padding-left: 0;
            color: #333;
            line-height: 1.1;
            font-size: 1.66666667rem
        }

            .latest-bill .latest-bill-section > h3::after {
                display: block;
                padding-top: .66666667rem
            }

            .latest-bill .latest-bill-section > h3 span {
                color: #333;
                display: block;
                padding-top: 2px
            }

        .latest-bill .latest-bill-section > .bill-list li {
            padding: .53333333rem 1.33333333rem;
            margin-left: 0
        }

            .latest-bill .latest-bill-section > .bill-list li > p.bill-title, .latest-bill .latest-bill-section > .bill-list li > .bill-title.p, .latest-bill .latest-bill-section > .bill-list .rebate-cta .rebate-cta-desc li > p.bill-title {
                float: none;
                line-height: 1.4
            }

            .latest-bill .latest-bill-section > .bill-list li > p.bill-value, .latest-bill .latest-bill-section > .bill-list li > .bill-value.p, .latest-bill .latest-bill-section > .bill-list .rebate-cta .rebate-cta-desc li > p.bill-value {
                float: none;
                padding: .53333333rem 0 .26666667rem
            }

        .latest-bill .latest-bill-section > .bill-total {
            padding-left: 0;
            padding-right: 0;
            text-align: inherit
        }

            .latest-bill .latest-bill-section > .bill-total h3 {
                display: table-cell;
                color: #333;
                font-size: 1.66666667rem
            }

                .latest-bill .latest-bill-section > .bill-total h3.value {
                    width: 100%;
                    text-align: right
                }

            .latest-bill .latest-bill-section > .bill-total span {
                display: table-cell;
                color: #333;
                font-size: 1.66666667rem
            }

                .latest-bill .latest-bill-section > .bill-total span.value {
                    width: 100%;
                    text-align: right
                }

        .latest-bill .latest-bill-section > .bill-action a {
            width: 100%;
            max-width: 240px;
            font-size: 1.33333333rem
        }
}

@media only screen and (max-width: 767px) {
    .latest-bill .latest-bill-section > .bill-action a {
        max-width: 100%
    }
}

.highlights li {
    list-style: none
}

.highlights p, .highlights .p, .highlights .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .highlights p {
    margin: 0;
    padding: 0
}

.highlights .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.highlights .highlights-section {
    padding: 1.33333333rem 1.06666667rem;
    background-color: #f3f3f3;
    border-radius: 4px
}

    .highlights .highlights-section h2 {
        text-align: center;
        font-size: 2.33333333rem;
        font-family: "NHaasGroteskMd", Arial, sans-serif;
        margin-bottom: 1.06666667rem;
        color: #000
    }

    .highlights .highlights-section .panel-group {
        padding: 0;
        margin: 1.33333333rem 0
    }

        .highlights .highlights-section .panel-group:last-child {
            margin-bottom: 0
        }

        .highlights .highlights-section .panel-group > .panel {
            padding: .8rem 1rem .8rem .8rem;
            background-color: #fff;
            border: 0;
            border-left: 4px solid #FFB81C
        }

            .highlights .highlights-section .panel-group > .panel > .panel-heading {
                padding: 0
            }

                .highlights .highlights-section .panel-group > .panel > .panel-heading > .panel-title {
                    font-size: 1.2rem;
                    line-height: 2.13333333rem;
                    color: #333;
                    font-family: "NHaasGroteskBd", Arial, sans-serif
                }

                .highlights .highlights-section .panel-group > .panel > .panel-heading > p, .highlights .highlights-section .panel-group > .panel > .panel-heading > .p, .highlights .highlights-section .rebate-cta .rebate-cta-desc .panel-group > .panel > .panel-heading > p {
                    margin: 1.33333333rem 0;
                    padding: 0;
                    font-size: 1.06666667rem;
                    color: #787878
                }

                    .highlights .highlights-section .panel-group > .panel > .panel-heading > p > a, .highlights .highlights-section .panel-group > .panel > .panel-heading > .p > a, .highlights .highlights-section .rebate-cta .rebate-cta-desc .panel-group > .panel > .panel-heading > p > a {
                        text-decoration: underline;
                        color: #0488E4
                    }

            .highlights .highlights-section .panel-group > .panel > .panel-collapse > .panel-body {
                border-top: 0;
                padding: 0;
                padding-top: .8rem;
                font-size: 1.06666667rem;
                color: #787878;
                line-height: 2.13333333rem
            }

                .highlights .highlights-section .panel-group > .panel > .panel-collapse > .panel-body > a {
                    text-decoration: underline;
                    color: #0488E4
                }

            .highlights .highlights-section .panel-group > .panel > .collapse-btn {
                text-align: center
            }

                .highlights .highlights-section .panel-group > .panel > .collapse-btn span {
                    color: #0488E4;
                    background: url("/images/expand-icon.svg");
                    width: 14px;
                    height: 9px;
                    background-repeat: no-repeat;
                    top: -1px
                }

                .highlights .highlights-section .panel-group > .panel > .collapse-btn > a[aria-expanded="true"] > span {
                    background: url("/images/collapse-new.svg");
                    background-repeat: no-repeat
                }

.account-balance {
    text-align: center;
    background-color: #f3f3f3;
    padding: 2.66666667rem 4.8rem;
    border-radius: 4px
}

    .account-balance p, .account-balance .p, .account-balance .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .account-balance p {
        margin: 0;
        padding: 0
    }

    .account-balance .new-customer-border {
        border-top: 1px solid #D0D0CE;
        margin-top: 1.33333333rem
    }

    .account-balance > h4 {
        color: #333;
        margin: 0;
        font-size: 1.2rem
    }

        .account-balance > h4.title {
            text-transform: uppercase;
            color: #787878
        }

        .account-balance > h4:last-child {
            padding-bottom: 1rem
        }

    .account-balance > h1 {
        color: #000;
        font-size: 4.6rem;
        line-height: 1.1;
        padding: 1.33333333rem 0;
        font-family: "FoundationRoman",Arial,sans-serif
    }

    .account-balance > .current-balance-section {
        padding: 2.06666667rem 3rem 2rem 3.66666667rem;
        margin: 1rem 0 0;
        border-top: 1px solid #D0D0CE;
        border-bottom: 1px solid #D0D0CE
    }

        .account-balance > .current-balance-section .media {
            margin-bottom: 1.33333333rem;
            text-align: left
        }

            .account-balance > .current-balance-section .media p, .account-balance > .current-balance-section .media .p, .rebate-cta .rebate-cta-desc .account-balance > .current-balance-section .media p, .account-balance > .current-balance-section .media a {
                line-height: 1.6rem;
                padding-bottom: 5px;
                font-size: 1.06666667rem
            }

            .account-balance > .current-balance-section .media a {
                border-bottom: 1px solid #0488E4;
                color: #0488E4;
                text-decoration: none;
                padding: 1rem 0 1px 0
            }

            .account-balance > .current-balance-section .media > div.media-left {
                padding-right: 1.73333333rem
            }

        .account-balance > .current-balance-section > h4 {
            color: #353535;
            font-size: 1.06666667rem;
            font-family: "FoundationBold",Arial,sans-serif;
            padding-bottom: 1.46666667rem;
            margin: 0
        }

    .account-balance > p, .account-balance > .p, .rebate-cta .rebate-cta-desc .account-balance > p {
        padding-top: 1.46666667rem;
        font-size: .93333333rem;
        color: #787878
    }

    .account-balance > .account-action {
        padding-top: 2.33333333rem
    }

        .account-balance > .account-action a {
            background-color: #FFB81B;
            padding: 1.2rem !important;
            display: block;
            max-width: 16rem;
            margin: auto;
            font-size: 1.06666667rem;
            color: #353535;
            letter-spacing: .3px;
            border-radius: 4px
        }

            .account-balance > .account-action a:hover {
                background-color: #000;
                color: #FFC649 !important;
                text-decoration: none
            }

    .account-balance > .bill-action {
        text-align: center;
        padding-top: 2.33333333rem
    }

        .account-balance > .bill-action a {
            background-color: #FFB81B;
            padding: 1.06666667rem;
            display: block;
            max-width: 16rem;
            margin: auto;
            font-size: 1.06666667rem;
            color: #333;
            letter-spacing: .3px;
            border-radius: 4px
        }

            .account-balance > .bill-action a:hover {
                background-color: #000;
                color: #FFC649;
                text-decoration: none
            }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .account-balance .current-balance-section {
        padding: 0
    }
}

@media only screen and (max-width: 991px) {
    .account-balance {
        padding: 2.66666667rem 0
    }

        .account-balance > h1 {
            font-size: 3.2rem;
            color: #333
        }

        .account-balance h4.title {
            font-size: 1.06666667rem;
            color: #9B9B9B
        }

        .account-balance > .current-balance-section {
            padding: .8rem .93333333rem 1.2rem
        }

            .account-balance > .current-balance-section h4 {
                font-size: .93333333rem;
                color: #333
            }

            .account-balance > .current-balance-section > a {
                padding-left: 0;
                font-size: .93333333rem
            }

            .account-balance > .current-balance-section .media {
                text-align: center
            }

                .account-balance > .current-balance-section .media > div.media-left {
                    display: block
                }

                    .account-balance > .current-balance-section .media > div.media-left img {
                        margin: 0 auto .8rem
                    }

                .account-balance > .current-balance-section .media > div.media-body {
                    display: block;
                    width: 100%
                }

                    .account-balance > .current-balance-section .media > div.media-body p, .account-balance > .current-balance-section .media > div.media-body .p, .rebate-cta .rebate-cta-desc .account-balance > .current-balance-section .media > div.media-body p, .account-balance > .current-balance-section .media > div.media-body a {
                        font-size: .93333333rem
                    }

        .account-balance > p, .account-balance > .p, .rebate-cta .rebate-cta-desc .account-balance > p {
            line-height: 1.6rem
        }

        .account-balance > .account-action a {
            width: auto;
            max-width: 16rem;
            font-size: 1.33333333rem;
            color: #000
        }

        .account-balance > .bill-action a {
            width: auto;
            max-width: 16rem;
            font-size: 1.33333333rem;
            color: #000
        }
}

@media only screen and (max-width: 767px) {
    .account-balance > .account-action a {
        max-width: 100%
    }

    .account-balance > .bill-action a {
        max-width: 100%
    }
}

#paymentOptions .modal-dialog {
    max-width: 700px
}

    #paymentOptions .modal-dialog .modal-content {
        padding: 2.66666667rem 2.13333333rem
    }

        #paymentOptions .modal-dialog .modal-content > div {
            padding: 0
        }

        #paymentOptions .modal-dialog .modal-content > .modal-header {
            border-bottom: 0
        }

            #paymentOptions .modal-dialog .modal-content > .modal-header button {
                font-size: 1.66666667rem;
                color: #333;
                opacity: 1
            }

                #paymentOptions .modal-dialog .modal-content > .modal-header button span {
                    padding-left: .66666667rem
                }

            #paymentOptions .modal-dialog .modal-content > .modal-header h2 {
                font-size: 1.86666667rem;
                font-family: "FoundationBold",Arial,sans-serif
            }

        #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list {
            padding: 2.66666667rem 0;
            border-bottom: 1px solid #D0D0CE
        }

            #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > h3 {
                font-size: 1.53333333rem;
                padding-bottom: 1.33333333rem;
                color: #000;
                font-family: "FoundationRoman",Arial,sans-serif
            }

            #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > p, #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .p, #paymentOptions .modal-dialog .modal-content > .modal-body .rebate-cta .rebate-cta-desc .payment-options-list > p {
                font-size: 1.2rem;
                line-height: 2.13333333rem;
                color: #333;
                padding-bottom: 0
            }

                #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > p.link-text, #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .link-text.p, #paymentOptions .modal-dialog .modal-content > .modal-body .rebate-cta .rebate-cta-desc .payment-options-list > p.link-text {
                    padding-top: 2.66666667rem
                }

                    #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > p.link-text a, #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .link-text.p a, #paymentOptions .modal-dialog .modal-content > .modal-body .rebate-cta .rebate-cta-desc .payment-options-list > p.link-text a {
                        display: inline;
                        padding: 0
                    }

                #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > p a, #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .p a, #paymentOptions .modal-dialog .modal-content > .modal-body .rebate-cta .rebate-cta-desc .payment-options-list > p a {
                    text-decoration: underline;
                    color: #0488E4
                }

            #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .ob-links {
                padding: 1.33333333rem 1.46666667rem 0
            }

                #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .ob-links a {
                    font-size: 1.2rem;
                    display: block;
                    padding: .33333333rem 0;
                    text-decoration: underline;
                    color: #0488E4
                }

            #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .credit-payment-button {
                padding: 1.06666667rem 1.33333333rem;
                text-align: center;
                margin-top: 2.66666667rem;
                font-size: 1.2rem;
                color: #0488E4;
                border: 2px solid #0488E4;
                border-radius: 4px;
                background-color: transparent;
                width: 50%;
                text-decoration: none;
                display: block
            }

                #paymentOptions .modal-dialog .modal-content > .modal-body .payment-options-list > .credit-payment-button:hover {
                    background-color: #0488E4 !important;
                    text-decoration: none;
                    color: #fff !important
                }

        #paymentOptions .modal-dialog .modal-content > .modal-footer {
            border-top: 0;
            text-align: left;
            padding-top: 2.66666667rem
        }

            #paymentOptions .modal-dialog .modal-content > .modal-footer > p, #paymentOptions .modal-dialog .modal-content > .modal-footer > .p, #paymentOptions .modal-dialog .rebate-cta .rebate-cta-desc .modal-content > .modal-footer > p {
                font-size: 1.2rem;
                color: #333;
                line-height: 2.13333333rem
            }

@media only screen and (max-width: 991px) {
    #paymentOptions .modal-dialog .modal-content {
        text-align: center;
        padding-left: .66666667rem;
        padding-right: .66666667rem
    }

        #paymentOptions .modal-dialog .modal-content > .modal-header h2 {
            font-size: 1.33333333rem;
            font-family: "FoundationRoman",Arial,sans-serif
        }

        #paymentOptions .modal-dialog .modal-content > .modal-header button {
            float: none;
            position: absolute;
            top: 1.06666667rem;
            right: 1.06666667rem
        }

        #paymentOptions .modal-dialog .modal-content > .modal-body > .payment-options-list > .credit-payment-button {
            width: 100%
        }

        #paymentOptions .modal-dialog .modal-content > .modal-footer {
            text-align: center
        }
}

.faq-main {
    padding-top: 20px
}

    .faq-main .tab-content-wrapper {
        padding: 0
    }

    .faq-main .faq-content-wrapper .faq-links-container ul.faq-links {
        padding-left: 0
    }

        .faq-main .faq-content-wrapper .faq-links-container ul.faq-links li.faq-item {
            list-style: none;
            padding: .33333333rem 0;
            margin-bottom: .8rem
        }

            .faq-main .faq-content-wrapper .faq-links-container ul.faq-links li.faq-item .right-arrow {
                display: inline-block;
                padding-right: 10px
            }

            .faq-main .faq-content-wrapper .faq-links-container ul.faq-links li.faq-item a {
                font-size: 1rem;
                color: #353535;
                line-height: 1.4rem;
                text-decoration: underline
            }

        .faq-main .faq-content-wrapper .faq-links-container ul.faq-links hr {
            margin-bottom: 12px
        }

    .faq-main .faq-full-content {
        padding: 0
    }

        .faq-main .faq-full-content .faq-content {
            padding: 2.333333rem 0 0
        }

            .faq-main .faq-full-content .faq-content h2 {
                margin-bottom: .66666667rem;
                font-size: 1.73333333rem;
                font-family: "FoundationBold",Arial,sans-serif;
                color: #353535
            }

            .faq-main .faq-full-content .faq-content .tab-pane {
                padding: 1rem 0
            }

                .faq-main .faq-full-content .faq-content .tab-pane h4 {
                    color: #1A1A1A;
                    padding-bottom: .66666667rem;
                    font-family: "FoundationBold",Arial,sans-serif;
                    font-size: 1rem;
                    line-height: 1.4rem;
                    margin: 0
                }

                .faq-main .faq-full-content .faq-content .tab-pane p, .faq-main .faq-full-content .faq-content .tab-pane .p {
                    padding: 0;
                    color: #1A1A1A;
                    font-size: 1rem;
                    line-height: 1.4rem
                }

                    .faq-main .faq-full-content .faq-content .tab-pane p a, .faq-main .faq-full-content .faq-content .tab-pane .p a {
                        text-decoration: underline
                    }

@media only screen and (max-width: 991px) {
    .faq-main .accordion4.col-custom-pad.left-align {
        margin-bottom: 1.33333333rem
    }

    .faq-main .faq-full-content {
        padding: 1rem
    }
}

@media only screen and (min-width: 1399px) {
    .two-column-container .main-content.faq-page-only {
        padding: 3.66666667rem 3.26666667rem
    }
}

.sign-in-page-mains {
    margin: 50px auto 0
}

    .sign-in-page-mains .sign-in-main {
        min-height: 560px;
        margin: 20px auto 50px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        border-radius: 4px
    }

        .sign-in-page-mains .sign-in-main .signin-page-container {
            border-right: 1px solid #D0D0CE
        }

        .sign-in-page-mains .sign-in-main .signin-page-container-noborder {
            border-right: none
        }

        .sign-in-page-mains .sign-in-main .signin-page-container-gb {
            border-left: 1px solid #D0D0CE
        }

            .sign-in-page-mains .sign-in-main .signin-page-container-gb h2 {
                margin-bottom: 0.8em
            }

        .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp {
            padding: 0 30px 0 19px;
            margin: 49px 0 49px 0
        }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp form {
                width: 92%
            }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp h1 {
                padding-bottom: 30px
            }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .form-group:nth-child(2) {
                margin-bottom: 23px
            }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .form-group {
                margin-bottom: 2.66666667rem
            }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .form-group input {
                    border: none;
                    border-bottom: 1px solid #d0d0ce;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    border-radius: unset;
                    outline: 0;
                    padding-left: 0;
                    color: #333;
                    font-size: 1.2rem
                }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .form-group label {
                    color: #0488E4;
                    font-size: .86666667rem;
                    letter-spacing: 0.22px;
                    line-height: 24px
                }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp button {
                border: none;
                border-radius: .26666667rem;
                font-size: 1.06666667rem;
                margin: 38px auto;
                max-width: 240px;
                padding: 1.06666667rem;
                text-transform: none;
                display: block;
                width: 100%
            }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp button:hover {
                    color: #FFC649
                }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp button:focus {
                    outline-offset: 0
                }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .forgotpsw {
                height: 32px;
                margin-bottom: 5px
            }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .forgotpsw a {
                    color: #0488E4;
                    float: right;
                    font-size: 1.06666667rem
                }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox {
                padding: 0
            }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox label {
                    font-family: "FoundationRoman",Arial,sans-serif;
                    color: #1A1A1A;
                    letter-spacing: .04rem;
                    padding-left: 0;
                    font-size: 1.06666667rem;
                    padding: 3px 15px;
                    width: 100%
                }

                    .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox label:after {
                        content: "";
                        display: table;
                        clear: both
                    }

                    .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox label input[type="checkbox"] {
                        opacity: 0;
                        position: absolute
                    }

                        .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox label input[type="checkbox"] + .cr .cr-icon {
                            opacity: 0
                        }

                        .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox label input[type="checkbox"]:checked + .cr .cr-icon {
                            opacity: 1
                        }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox .cr {
                    position: relative;
                    display: inline-block;
                    border: .06666667rem solid #9B9B9B;
                    height: 20px;
                    width: 20px;
                    margin-right: .5rem;
                    margin-left: -.66666667rem;
                    margin-bottom: -5px;
                    outline: 1px solid transparent;
                    letter-spacing: .04rem
                }

                    .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox .cr .cr-icon {
                        position: absolute;
                        font-size: .66666667rem;
                        top: 49%;
                        -webkit-transform: translate(0, -49%);
                        transform: translate(0, -49%)
                    }

                        .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp .checkbox .cr .cr-icon.fa-check:before {
                            height: .73333333rem;
                            line-height: 100%;
                            font-size: 15px;
                            color: #9B9B9B;
                            content: '\2713\0020';
                            padding-left: 3px
                        }

        .sign-in-page-mains .sign-in-main .sign-in-detail-comp {
            padding: 53px 0 0 0;
            color: #353535;
            font-family: sans-serif
        }

            .sign-in-page-mains .sign-in-main .sign-in-detail-comp h3 {
                padding: 5px 0 12px 0
            }

                .sign-in-page-mains .sign-in-main .sign-in-detail-comp h3 span {
                    font-family: "FoundationRoman",Arial,sans-serif
                }

            .sign-in-page-mains .sign-in-main .sign-in-detail-comp .sic-h3 {
                padding: 5px 0 12px 0
            }

                .sign-in-page-mains .sign-in-main .sign-in-detail-comp .sic-h3 span {
                    font-family: "FoundationRoman",Arial,sans-serif
                }

            .sign-in-page-mains .sign-in-main .sign-in-detail-comp ul {
                margin-left: -8px
            }

                .sign-in-page-mains .sign-in-main .sign-in-detail-comp ul li {
                    list-style-image: url("../images/tickmark-li.svg");
                    padding: 13px 15px
                }

            .sign-in-page-mains .sign-in-main .sign-in-detail-comp .learn-more {
                font-size: 16px;
                line-height: 22px;
                margin-bottom: 37px;
                color: #000;
                letter-spacing: .01333333rem !important;
                font-family: sans-serif
            }

                .sign-in-page-mains .sign-in-main .sign-in-detail-comp .learn-more a {
                    color: #007DBA;
                    text-decoration: underline;
                    text-underline-position: under
                }

                    .sign-in-page-mains .sign-in-main .sign-in-detail-comp .learn-more a:hover {
                        text-decoration: none;
                        color: #007DBA
                    }

            .sign-in-page-mains .sign-in-main .sign-in-detail-comp .card-button {
                text-align: center;
                margin-bottom: 20px
            }

                .sign-in-page-mains .sign-in-main .sign-in-detail-comp .card-button a {
                    border-radius: 4px;
                    border: 3px solid #0488E4;
                    font-size: 1.06666667rem;
                    padding: .86666667rem;
                    display: block;
                    margin: 0 auto;
                    max-width: 240px;
                    border: none
                }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .sign-in-page-mains .sign-in-main .sign-in-detail-comp .card-button a {
        margin-top: 53px !important
    }
}

.sign-in-page-mains .sign-in-main .sign-in-detail-comp .card-button a:hover {
    text-decoration: none !important;
    background-color: #FFB81C !important;
    color: #000 !important
}

.sign-in-page-mains .sign-in-main .right-cus-padding {
    padding: 0
}

.sign-in-page-mains .sign-in-main .sign-in-mobile-image {
    padding: 49px 20px 0 0
}

@media screen and (max-width: 991px) {
    .sign-in-page-mains .sign-in-main {
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .sign-in-page-mains .sign-in-main .mobile-padding-remove {
            padding: 0;
            float: none
        }

        .sign-in-page-mains .sign-in-main .signin-page-container {
            border: none;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            border-radius: 4px;
            padding: 16px 16px 5px 16px
        }

            .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp {
                padding: 0;
                margin: 0
            }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp form {
                    width: 100%
                }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp h1 {
                    font-size: 1.66666667rem
                }

                .sign-in-page-mains .sign-in-main .signin-page-container .sign-in-form-comp button {
                    max-width: 320px;
                    font-size: 1.33333333rem
                }

        .sign-in-page-mains .sign-in-main .mobile-shadow {
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
        }

        .sign-in-page-mains .sign-in-main .sign-in-detail-comp {
            padding: 16px 16px 38px 16px;
            border-radius: 4px;
            margin-top: 20px
        }

            .sign-in-page-mains .sign-in-main .sign-in-detail-comp .learn-more {
                margin-bottom: 29px
            }

            .sign-in-page-mains .sign-in-main .sign-in-detail-comp .card-button {
                margin-bottom: 0
            }

                .sign-in-page-mains .sign-in-main .sign-in-detail-comp .card-button a {
                    font-size: 1.33333333rem;
                    max-width: 320px
                }

        .sign-in-page-mains .sign-in-main .sign-in-mobile-image {
            padding: 0 0 42px 0
        }

            .sign-in-page-mains .sign-in-main .sign-in-mobile-image img {
                margin: auto
            }
}

@media screen and (min-width: 1199px) {
    .sign-in-mobile-image img {
        margin: auto;
        max-height: 468px
    }
}

.logout-text-main {
    padding-top: 60px;
    text-align: center
}

    .logout-text-main .gas-reconnect-common-button {
        margin-top: 20px
    }

        .logout-text-main .gas-reconnect-common-button a {
            display: block;
            margin: auto;
            outline-offset: 0
        }

    .logout-text-main .logout-desc {
        padding: 60px 0 20px 0
    }

@media screen and (max-width: 991px) {
    .logout-text-main h1 {
        font-size: 2rem
    }
}

.billing-cta {
    padding-bottom: 20px
}

.enb-style {
    position: relative
}

    .enb-style input::-ms-clear {
        padding-right: 20px
    }

    .enb-style input::-ms-clear, .enb-style input::-ms-reveal {
        display: none
    }

.toggle-password {
    position: absolute;
    right: 0;
    top: 26px;
    bottom: 0;
    font-size: 12px;
    cursor: pointer;
    color: #989898;
    padding: 10px 10px 0
}

.newpwd .toggle-password {
    top: auto;
    bottom: 0;
    padding-bottom: 7px
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .sign-in-page-mains .sign-in-main .sign-in-detail-comp ul li {
        padding: 7px 15px
    }

    .sign-in-page-mains .sign-in-main .sign-in-detail-comp .learn-more {
        margin-bottom: 31px
    }
}

.register-online .page-heading {
    padding-top: 40px
}

    .register-online .page-heading h1, .register-online .page-heading h2 {
        padding-bottom: 10px;
        color: #353535;
        font-size: 2.133rem;
        padding-top: 0
    }

    .register-online .page-heading h2 {
        font-size: 1.667rem
    }

    .register-online .page-heading .page-description {
        font-size: 1rem;
        margin-bottom: 35px
    }

.register-online-desc {
    padding: 35px 0;
    border-bottom: 1px solid #D0D0CE
}

    .register-online-desc .media-left {
        padding: 0 15px 0 0
    }

        .register-online-desc .media-left img {
            width: 39px
        }

    .register-online-desc .media-body {
        padding-left: 3.6rem
    }

@media screen and (max-width: 991px) {
    .register-online-desc .media-body {
        padding-left: 0;
        margin-top: 15px
    }
}

.register-online-desc .media-left, .register-online-desc .media-body {
    display: inline-block;
    width: 100%
}

.register-online-desc h3 {
    margin-bottom: 0;
    display: inline-block;
    padding: 0 0 0 5px
}

@media screen and (max-width: 991px) {
    .register-online-desc h3 {
        position: relative;
        top: 4px
    }
}

.register-online-desc p, .register-online-desc .p, .register-online-desc .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .register-online-desc p {
    font-size: 1rem;
    color: #353535;
    padding-bottom: 0;
    margin-bottom: 0;
    letter-spacing: .6px !important;
    line-height: 21px
}

@media screen and (max-width: 991px) {
    .register-online-desc p, .register-online-desc .p, .register-online-desc .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .register-online-desc p {
        letter-spacing: .36px !important
    }
}

.no-bottom-border .register-online-desc {
    border-bottom: 0
}

.edg-common-button .btn-content-open-yellow-darktxt {
    max-width: 240px;
    border: none;
    display: block
}

@media screen and (max-width: 991px) {
    .edg-common-button .btn-content-open-yellow-darktxt {
        max-width: 320px;
        display: block;
        margin: auto
    }
}

.pt-top-30 {
    padding-top: 30px
}

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}

@keyframes bounce {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}

@keyframes bounce {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}

.loader-box {
    position: fixed;
    width: 226px;
    height: 150px;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -117px;
    border-radius: 4px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 -1px 4px 0 rgba(116,116,116,0.5);
    box-shadow: 0 -1px 4px 0 rgba(116,116,116,0.5);
    z-index: 1100
}

.loading-dots-holder {
    height: 74px;
    padding-left: 72px;
    position: relative
}

.loading-text-holder {
    height: 76px;
    text-align: center;
    line-height: 76px;
    display: block
}

.loading-dot {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #F0F0F0;
    display: inline-block;
    position: absolute;
    bottom: 0;
    background-color: #FFC649
}

    .loading-dot:nth-child(2) {
        margin-left: 31px
    }

    .loading-dot:nth-child(3) {
        margin-left: 62px
    }

.loader-box .ball-bounce {
    fill: #F0F0F0
}

.loader-box .ball-bounce {
    -webkit-animation: bounce 0.5s alternate infinite;
    animation: bounce 0.5s alternate infinite
}

    .loader-box .ball-bounce:nth-child(2) {
        -webkit-animation-delay: 0.25s;
        -mox-animation-delay: 0.25s;
        animation-delay: 0.25s
    }

    .loader-box .ball-bounce:nth-child(3) {
        -webkit-animation-delay: 0.35s;
        -mox-animation-delay: 0.35s;
        animation-delay: 0.35s
    }

.signin-loader {
    position: absolute;
    width: 226px;
    height: 150px;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -117px;
    border-radius: 4px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 -1px 4px 0 rgba(116,116,116,0.5);
    box-shadow: 0 -1px 4px 0 rgba(116,116,116,0.5)
}

.loading-dots-holder {
    height: 74px;
    padding-left: 72px;
    position: relative
}

.loading-text-holder {
    height: 76px;
    text-align: center;
    line-height: 76px;
    display: block
}

.loading-dot {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #F0F0F0;
    display: inline-block;
    position: absolute;
    bottom: 0;
    background-color: #FFC649
}

    .loading-dot:nth-child(2) {
        margin-left: 31px
    }

    .loading-dot:nth-child(3) {
        margin-left: 62px
    }

.signin-loader .ball-bounce {
    fill: #F0F0F0
}

.signin-loader .ball-bounce {
    -webkit-animation: bounce 0.5s alternate infinite;
    animation: bounce 0.5s alternate infinite
}

    .signin-loader .ball-bounce:nth-child(2) {
        -webkit-animation-delay: 0.25s;
        -mox-animation-delay: 0.25s;
        animation-delay: 0.25s
    }

    .signin-loader .ball-bounce:nth-child(3) {
        -webkit-animation-delay: 0.35s;
        -mox-animation-delay: 0.35s;
        animation-delay: 0.35s
    }

.async-loader-box {
    position: relative !important;
    margin-top: 0;
    margin-bottom: 35px
}

.custom-moving-form-modal {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 1050;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

    .custom-moving-form-modal .modal-dialog {
        margin: 0 15px;
        max-width: 500px;
        width: 100%
    }

    .custom-moving-form-modal .modal-content {
        padding: 30px;
        text-align: center;
        width: 100%
    }

    .custom-moving-form-modal .modal-body .custom-moving-form-loader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-loader-box {
            margin-bottom: 20px;
            position: relative;
            height: 100px;
            width: 100px
        }

        .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-loading-dots-holder {
            height: 70px;
            position: relative;
            left: -35px
        }

        .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-loading-dot {
            width: 20px;
            height: 20px;
            border-radius: 10px;
            background-color: #FFC649;
            display: inline-block;
            position: absolute;
            bottom: 0
        }

            .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-loading-dot:nth-child(2) {
                margin-left: 31px
            }

            .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-loading-dot:nth-child(3) {
                margin-left: 62px
            }

        .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-ball-bounce {
            -webkit-animation: bounce 0.5s alternate infinite;
            animation: bounce 0.5s alternate infinite
        }

            .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-ball-bounce:nth-child(2) {
                -webkit-animation-delay: 0.25s;
                animation-delay: 0.25s
            }

            .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-ball-bounce:nth-child(3) {
                -webkit-animation-delay: 0.35s;
                animation-delay: 0.35s
            }

        .custom-moving-form-modal .modal-body .custom-moving-form-loader .custom-moving-form-loading-text-holder {
            max-width: 90%;
            font-size: 16px;
            color: #333;
            line-height: 1.5;
            word-break: break-word
        }

@keyframes bounce {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}

@media (max-width: 767px) {
    .custom-moving-form-modal .modal-content {
        padding: 0
    }

    .custom-moving-form-loading-text-holder {
        height: 130px
    }
}

.loading-failed-container {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
}

    .loading-failed-container .loading-failed-img {
        margin: 0 auto;
        display: block;
        text-align: center;
        height: 68px;
        width: 52px
    }

    .loading-failed-container .loading-failed-text-holder {
        text-align: center;
        color: #9B9B9B;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 20px;
        letter-spacing: -0.28px;
        line-height: 24px;
        margin: 40px 0
    }

    .loading-failed-container button {
        border: none;
        border-radius: 0.26666667rem;
        font-size: 1.06666667rem;
        margin: 0 auto;
        max-width: 240px;
        padding: 1.06666667rem;
        text-transform: none;
        display: block;
        width: 100%
    }

@media only screen and (max-width: 991px) {
    .loading-failed-container button {
        max-width: 320px
    }
}

.loading-failed-container button:hover {
    color: #FFC649
}

#moving-no-data {
    margin: 40px 0 0;
    padding: 96px 0 110px
}

@media only screen and (max-width: 991px) {
    #moving-no-data {
        margin: 40px 15px 0
    }
}

.notification-main {
    margin: auto
}

    .notification-main .modal-notification .modal-notification-msg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .notification-main .modal-notification .modal-notification-msg .icon-tick {
            padding: 1.33333333rem;
            display: inline-block
        }

        .notification-main .modal-notification .modal-notification-msg .amber {
            background-color: #FFB81C
        }

        .notification-main .modal-notification .modal-notification-msg .alert-content-amber {
            background-color: #FFF6E3;
            color: #1A1A1A;
            font-size: 1.2rem;
            padding: 29px 20px;
            width: 100%
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .notification-main .modal-notification .modal-notification-msg .alert-content-amber {
        line-height: 28px
    }
}

@media only screen and (max-width: 991px) {
    .notification-main .modal-notification .modal-notification-msg .amber {
        text-align: center;
        padding: .86666667rem
    }

        .notification-main .modal-notification .modal-notification-msg .amber img {
            width: 25px;
            height: 25px;
            position: relative;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%)
        }

    .notification-main .modal-notification .modal-notification-msg .alert-content-amber {
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 15px;
        line-height: 1.6rem;
        padding: .86666667rem
    }
}

.green-notice.notification-main {
    margin-top: 2em
}

    .green-notice.notification-main .modal-notification .modal-notification-msg .amber {
        background-color: #4a773c
    }

    .green-notice.notification-main .modal-notification .modal-notification-msg .alert-content-amber {
        background-color: #DBE4D8
    }

.error-notice.notification-main {
    margin-top: 2em
}

    .error-notice.notification-main .modal-notification .modal-notification-msg .amber {
        background-color: #cd1231
    }

    .error-notice.notification-main .modal-notification .modal-notification-msg .alert-content-amber {
        background-color: #f7dbe0
    }

.success-notification {
    width: 100%
}

    .success-notification .notification-main .modal-notification-msg .icon-tick {
        padding: 20px 25px !important;
        border-radius: 4px 0 0 4px
    }

        .success-notification .notification-main .modal-notification-msg .icon-tick img {
            position: relative;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%)
        }

@media (max-width: 991px) {
    .success-notification .notification-main .modal-notification-msg .icon-tick {
        height: auto !important
    }
}

.success-notification .notification-main .modal-notification-msg .alert-content-amber {
    line-height: 24px !important;
    border-radius: 0 4px 4px !important;
    padding: 15px 25px !important;
    width: 90% !important
}

@media (max-width: 991px) {
    .success-notification .notification-main .modal-notification-msg .alert-content-amber {
        padding: 5px !important;
        height: auto !important
    }
}

.success-notification .notification-main .modal-notification-msg .alert-content-amber p, .success-notification .notification-main .modal-notification-msg .alert-content-amber .p {
    color: #1A1A1A;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    line-height: 24px
}

.success-notification .notification-main .modal-notification-msg .alert-content-amber h4 {
    color: #1A1A1A;
    font-size: 1.2rem;
    font-weight: 900;
    margin: 0;
    padding-bottom: 5px;
    line-height: 24px
}

.error-notification .notification-main .modal-notification-msg .icon-tick {
    padding: 20px 25px !important;
    border-radius: 4px 0 0 4px
}

.error-notification .notification-main .modal-notification-msg .alert-content-amber {
    line-height: 24px !important;
    border-radius: 0 4px 4px !important;
    padding: 15px 25px !important;
    width: 90% !important
}

@media (max-width: 991px) {
    .error-notification .notification-main .modal-notification-msg .alert-content-amber {
        height: auto !important
    }
}

.error-notification .notification-main .modal-notification-msg .alert-content-amber p, .error-notification .notification-main .modal-notification-msg .alert-content-amber .p {
    color: #1A1A1A;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    line-height: 24px
}

.error-notification .notification-main .modal-notification-msg .alert-content-amber h4 {
    color: #1A1A1A;
    font-size: 1.2rem;
    font-weight: 900;
    margin: 0;
    padding-bottom: 5px;
    line-height: 24px
}

.payment-arrangement-review-container h2 {
    font-size: 1.66666667rem;
    padding-top: 4px
}

.payment-arrangement-review-container .custom-margin {
    padding-top: 26px
}

.payment-arrangement-review-container .pap-warning-message {
    font-family: "FoundationBold",Arial,sans-serif;
    background: #FFF6E3;
    border: 1px solid #FFB81C;
    padding: .93333333rem 3.86666667rem 1.33333333rem 2.73333333rem
}

.payment-arrangement-review-container .pap-warning-cbx {
    font-family: "FoundationBold",Arial,sans-serif
}

.payment-arrangement-review-container .notification-main {
    margin-top: 30px
}

    .payment-arrangement-review-container .notification-main .alert-content-amber {
        font-weight: bold
    }

    .payment-arrangement-review-container .notification-main .alert-content-payment {
        font-weight: normal !important;
        padding: 20px 10px 0px 10px !important
    }

.payment-arrangement-review-container .payment-arrangements-main {
    border: 1px solid #FFB81B;
    margin-top: 1.66666667rem;
    padding-bottom: 2.13333333rem
}

    .payment-arrangement-review-container .payment-arrangements-main .payment-arrangements-heading {
        background: #FFB81C;
        min-height: 4.93333333rem;
        padding: 1.53333333rem 1.86666667rem
    }

        .payment-arrangement-review-container .payment-arrangements-main .payment-arrangements-heading .heading-text {
            color: #1A1A1A;
            margin-left: .66666667rem;
            line-height: 26px;
            display: inline-block
        }

        .payment-arrangement-review-container .payment-arrangements-main .payment-arrangements-heading .icon-doller {
            display: inline
        }

    .payment-arrangement-review-container .payment-arrangements-main .inner-content-top {
        padding: 1.8rem 2.4rem 0 2.4rem
    }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .fontsize {
            font-size: 2rem;
            font-family: "FoundationBold",Arial,sans-serif;
            padding-right: .26666667rem;
            letter-spacing: .05333333rem
        }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-top p, .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .p {
            margin: 0;
            padding: 0
        }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .custom-padding {
            padding-bottom: .33333333rem
        }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .custom-width-text {
            width: 70%;
            letter-spacing: .04rem
        }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .right-bold-text {
            padding-bottom: .33333333rem;
            text-align: right
        }

            .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .right-bold-text .font-bold-heading {
                line-height: 1.46666667rem;
                font-family: "FoundationBold",Arial,sans-serif;
                letter-spacing: .04rem
            }

    .payment-arrangement-review-container .payment-arrangements-main .inner-content-bottom {
        padding: 4rem 2.4rem 0 2.4rem
    }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-bottom .sub-heading-text {
            color: #353535;
            padding: 0 0 1.46666667rem .33333333rem
        }

    .payment-arrangement-review-container .payment-arrangements-main .noimage {
        padding-left: 3.46666667rem !important
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .displayheading {
        display: none
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .table-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100%;
        display: -webkit-flex;
        -webkit-flex-grow: 0
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-flex-grow: 0
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .text-main, .payment-arrangement-review-container .payment-arrangements-main .download-list-table .text-two, .payment-arrangement-review-container .payment-arrangements-main .download-list-table .text {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-grow: 1
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .wrapper.text-two {
        width: 64%;
        padding: 15px 20px
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .wrapper.text-one {
        width: 33%;
        padding: 15px 20px
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .download_name, .payment-arrangement-review-container .payment-arrangements-main .download-list-table .download_desc {
        width: 50%;
        padding: 0px
    }

    .payment-arrangement-review-container .payment-arrangements-main .download-list-table .download_file {
        width: 95%;
        padding: 0px
    }

.payment-arrangement-review-container span.displayheading.pa-view:before {
    content: '/';
    position: relative;
    left: -1px
}

.payment-arrangement-review-container .green-status::before {
    background: url("../images/circle-check-mark-green.svg") no-repeat center;
    content: "";
    width: 2.2rem;
    height: 2.13333333rem;
    display: inline-block;
    margin-bottom: -.66666667rem;
    background-size: 70%
}

.payment-arrangement-review-container .red-status::before {
    background: url("../images/alert-icon-red.svg") no-repeat center;
    content: "";
    width: 2.2rem;
    height: 2.13333333rem;
    display: inline-block;
    margin-bottom: -.66666667rem;
    background-size: 70%
}

.payment-arrangement-review-container .user-actions {
    padding-top: 25px;
    margin: 0;
    text-align: left
}

    .payment-arrangement-review-container .user-actions button {
        display: block;
        width: 318px
    }

    .payment-arrangement-review-container .user-actions a {
        cursor: pointer;
        width: 318px
    }

@media (max-width: 991px) {
    .payment-arrangement-review-container .payment-arrangements-main {
        border: none;
        padding-bottom: 0
    }

        .payment-arrangement-review-container .payment-arrangements-main .payment-arrangements-heading {
            padding: 1.33333333rem
        }

            .payment-arrangement-review-container .payment-arrangements-main .payment-arrangements-heading .icon-doller {
                float: left;
                margin-right: .66666667rem
            }

            .payment-arrangement-review-container .payment-arrangements-main .payment-arrangements-heading img {
                float: left;
                margin-right: 6px
            }

            .payment-arrangement-review-container .payment-arrangements-main .payment-arrangements-heading .heading-text {
                display: inline;
                margin-left: 0;
                line-height: 30px
            }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-top {
            padding: 1.8rem 0 0 0
        }

            .payment-arrangement-review-container .payment-arrangements-main .inner-content-top div {
                padding-left: 2px
            }

            .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .custom-padding {
                padding-bottom: 1rem
            }

            .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .custom-width-text.custom-padding {
                padding-bottom: 1.46666667rem
            }

            .payment-arrangement-review-container .payment-arrangements-main .inner-content-top .right-bold-text {
                text-align: left;
                padding-bottom: .66666667rem;
                line-height: 1.46666667rem
            }

        .payment-arrangement-review-container .payment-arrangements-main .inner-content-bottom {
            padding: 2.4rem 0 0 0
        }

            .payment-arrangement-review-container .payment-arrangements-main .inner-content-bottom .sub-heading-text {
                padding-left: 0
            }

        .payment-arrangement-review-container .payment-arrangements-main .noimage {
            padding-left: 0
        }

        .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table {
            padding-bottom: 0
        }

            .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .hiding-heading {
                display: none
            }

            .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .displayheading {
                display: inline-block
            }

            .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .wrapper.text-two {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 60%;
                padding: 15px 20px
            }

            .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .download_name, .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .download_desc {
                width: 95%
            }

            .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .wrapper.text-one {
                width: 40%;
                padding: 25px 16px;
                text-align: right
            }

                .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .wrapper.text-two.mobile-heading, .payment-arrangement-review-container .payment-arrangements-main .download-list .download-list-table .wrapper.text-one.mobile-heading {
                    padding: 10px 20px
                }

    .payment-arrangement-review-container .user-actions {
        text-align: center;
        padding-top: 0
    }

        .payment-arrangement-review-container .user-actions button {
            width: 100%;
            max-width: 320px;
            margin: 20px auto
        }

        .payment-arrangement-review-container .user-actions a {
            max-width: 320px;
            width: 100%
        }
}

@media (max-width: 991px) {
    .payment-arrangement-review-container.pa-confirmation-page .sub-heading-text {
        display: none
    }

    .payment-arrangement-review-container.pa-confirmation-page .inner-content-top {
        background: #f2f2f2;
        padding-left: 10px;
        padding-right: 10px
    }

    .payment-arrangement-review-container.pa-confirmation-page .inner-content-bottom {
        background: #f2f2f2
    }

    .payment-arrangement-review-container.pa-confirmation-page .download-list .divtable .tr.headings {
        background: #f2f2f2 !important
    }
}

.payment-arrangement-review-container.orphanpage h1 {
    padding-top: 39px
}

.payment-arrangement-review-container.orphanpage .orphan-text-container {
    height: 154px;
    padding: 59px 10px 20px 10px;
    text-align: center;
    background: #f2f2f2
}

.payment-arrangement-review-container.orphanpage .payment-arrangements-main {
    padding-bottom: 0;
    border: none
}

@media (max-width: 991px) {
    .payment-arrangement-review-container.orphanpage .orphan-text-container {
        background: #f2f2f2
    }
}

.payment-arrangement-review-container.pa-detail-page h1 {
    padding-top: 39px
}

.payment-arrangement-review-container.pa-detail-page .need-help {
    padding: 38px 0 15px 0;
    color: #353535
}

.payment-arrangement-heading h1 {
    padding: 2.6rem 0 2.8rem
}

.payment-arrangement-heading h3 {
    color: #9B9B9B
}

.payment-arrangement-heading .pah-h3 {
    color: #9B9B9B
}

@media only screen and (max-width: 991px) {
    .payment-arrangement-heading p, .payment-arrangement-heading .p, .payment-arrangement-heading .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .payment-arrangement-heading p {
        padding-left: 0
    }
}

.service-address-component {
    padding: 2.93333333rem 0 0
}

    .service-address-component .service-address-container {
        padding-bottom: 30px;
        border-bottom: 1px solid #B4B4B4
    }

@media only screen and (max-width: 991px) {
    .service-address-component .service-address-container {
        border-bottom: none
    }
}

.service-address-component .service-address-container h2 {
    padding-bottom: 22px
}

.service-address-component .service-address-container .sac-h2 {
    padding-bottom: 22px
}

.service-address-component .balance-container {
    padding-top: 25px
}

    .service-address-component .balance-container h4 {
        margin: 0;
        font-family: "FoundationBold",Arial,sans-serif;
        color: #353535
    }

    .service-address-component .balance-container .bc-h4 {
        margin: 0;
        font-family: "FoundationBold",Arial,sans-serif;
        color: #353535
    }

    .service-address-component .balance-container h2 {
        padding: 12px 0 25px;
        font-size: 2rem;
        letter-spacing: .8px
    }

    .service-address-component .balance-container .bc-h2 {
        padding: 12px 0 25px;
        font-size: 2rem;
        letter-spacing: .8px
    }

    .service-address-component .balance-container .balance-txt {
        font-weight: bold;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .service-address-component .balance-container .balance-desc {
        line-height: 21px
    }

.service-address-component .pay-service-addr {
    border: 1px solid #B4B4B4;
    padding: 7px 12px;
    display: inline-block
}

.pa-remainingamount {
    display: inline-block;
    width: 100%;
    padding-top: 25px
}

    .pa-remainingamount .custom-padding {
        padding-bottom: 5px;
        margin-bottom: 0
    }

        .pa-remainingamount .custom-padding .fontsize {
            font-size: 2rem;
            font-family: "FoundationBold",Arial,sans-serif;
            padding-right: 0.26666667rem;
            letter-spacing: 0.05333333rem
        }

    .pa-remainingamount .custom-width-text {
        padding-bottom: 0
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .payment-arrangement-content .service-address-container p.service-address, .payment-arrangement-content .service-address-container .service-address.p {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .service-address-component {
        padding: 1.73333333rem 1.33333333rem
    }

        .service-address-component .service-address-container {
            padding-bottom: 0
        }

            .service-address-component .service-address-container h2 {
                padding-bottom: 20px
            }

            .service-address-component .service-address-container .sac-h2 {
                padding-bottom: 20px
            }

            .service-address-component .service-address-container p, .service-address-component .service-address-container .p {
                margin-bottom: 5px;
                font-weight: bold
            }

        .service-address-component .balance-container {
            padding-top: 1.33333333rem
        }

            .service-address-component .balance-container h4 {
                font-size: 1rem;
                color: #1A1A1A
            }

            .service-address-component .balance-container .bc-h4 {
                font-size: 1rem;
                color: #1A1A1A
            }

            .service-address-component .balance-container h2 {
                font-size: 1.26666667rem;
                color: #1A1A1A;
                padding: .4rem 0 .66666667rem
            }

            .service-address-component .balance-container .bc-h2 {
                font-size: 1.26666667rem;
                color: #1A1A1A;
                padding: .4rem 0 .66666667rem
            }
}

.payment-arrangement-container h2 {
    font-size: 1.66666667rem
}

.payment-arrangement-container .pic-h2 {
    font-size: 1.66666667rem
}

.payment-arrangement-container .top-desc {
    padding: 2.66666667rem 0 1.33333333rem 0rem;
    margin: 0
}

.payment-arrangement-container .payment-arrangement-heading h2 {
    padding-top: 4px
}

.payment-arrangement-container .payment-installments-main h2 {
    padding: 0.6rem 0 1.66666667rem 0
}

.payment-arrangement-container .payment-installments-main .installment-section.installment-paid {
    background: #F0F8EC;
    border: 1px solid #6CC24A
}

    .payment-arrangement-container .payment-installments-main .installment-section.installment-paid input {
        color: #9B9B9B;
        background-color: #fff !important
    }

.payment-arrangement-container .payment-installments-main .installment-section {
    background-color: #d0d0ce;
    padding: .66666667rem 1.33333333rem;
    margin-top: .86666667rem;
    margin-bottom: .46666667rem;
    min-height: 3.8rem
}

    .payment-arrangement-container .payment-installments-main .installment-section .custom-width-txtbox {
        width: 72%;
        display: inline-block;
        margin: 0 15px;
        padding-left: 27px
    }

@media screen and (max-width: 991px) {
    .payment-arrangement-container .payment-installments-main .installment-section .custom-width-txtbox {
        width: 63%
    }
}

.payment-arrangement-container .payment-installments-main .installment-section .left-textbox {
    float: left
}

    .payment-arrangement-container .payment-installments-main .installment-section .left-textbox .installment-no {
        padding-right: .26666667rem
    }

    .payment-arrangement-container .payment-installments-main .installment-section .left-textbox .custom-padding {
        float: left;
        padding-right: 1rem;
        padding-top: .53333333rem
    }

    .payment-arrangement-container .payment-installments-main .installment-section .left-textbox .calendar-icon {
        width: 81%
    }

    .payment-arrangement-container .payment-installments-main .installment-section .left-textbox label {
        width: 3%
    }

.payment-arrangement-container .payment-installments-main .remove-install {
    color: #353535;
    padding-top: 0;
    display: block;
    float: right
}

    .payment-arrangement-container .payment-installments-main .remove-install .custom-leftpadding {
        float: right;
        padding: 8px 5px;
        font-weight: bold;
        font-size: 20px;
        border: none;
        background: none
    }

.payment-arrangement-container .payment-installments-main .custom-margin {
    margin-top: 0rem
}

.payment-arrangement-container .payment-installments-main .add-installment-section {
    border: 1px dashed #555;
    text-align: center;
    line-height: 2.26666667rem;
    font-family: "FoundationBold",Arial,sans-serif;
    text-transform: uppercase;
    margin-bottom: .46666667rem;
    color: #353535;
    cursor: pointer
}

    .payment-arrangement-container .payment-installments-main .add-installment-section span {
        font-size: 1.33333333rem;
        vertical-align: bottom;
        padding-right: 2px
    }

.payment-arrangement-container .payment-installments-main .total-installment-section {
    background-color: #FFB81C;
    padding: .93333333rem 3.86666667rem 1.33333333rem 2.73333333rem;
    color: #353535;
    margin-bottom: 32px
}

    .payment-arrangement-container .payment-installments-main .total-installment-section .display-block {
        display: block;
        font-weight: bold
    }

    .payment-arrangement-container .payment-installments-main .total-installment-section .amount-display {
        display: block;
        font-size: 2rem;
        font-family: "FoundationBold",Arial,sans-serif;
        padding-top: .46666667rem
    }

.payment-arrangement-container .payment-installments-main .user-actions {
    padding-top: 20px;
    margin: 0;
    text-align: left
}

    .payment-arrangement-container .payment-installments-main .user-actions button {
        display: block;
        width: 318px
    }

    .payment-arrangement-container .payment-installments-main .user-actions a {
        cursor: pointer;
        width: 318px
    }

.payment-arrangement-container .payment-installments-main .pap-warning-message {
    font-family: "FoundationBold",Arial,sans-serif;
    background: #FFF6E3;
    border: 1px solid #FFB81C;
    padding: .93333333rem 3.86666667rem 1.33333333rem 2.73333333rem
}

@media screen and (max-width: 991px) {
    .payment-arrangement-container .payment-installments-main {
        padding: 0 20px
    }

        .payment-arrangement-container .payment-installments-main .user-actions {
            text-align: center;
            padding-top: 0
        }

            .payment-arrangement-container .payment-installments-main .user-actions button {
                width: 100%;
                max-width: 320px;
                margin: 20px auto
            }

            .payment-arrangement-container .payment-installments-main .user-actions a {
                max-width: 320px;
                width: 100%
            }
}

@media screen and (max-width: 991px) {
    .payment-arrangement-container .payment-installments-main .installment-section {
        position: relative;
        padding: .66666667rem
    }

        .payment-arrangement-container .payment-installments-main .installment-section .left-textbox {
            float: none;
            min-height: 3.06666667rem
        }

            .payment-arrangement-container .payment-installments-main .installment-section .left-textbox .calendar-icon {
                width: 76%
            }

            .payment-arrangement-container .payment-installments-main .installment-section .left-textbox .custom-padding {
                padding-right: 1.46666667rem
            }

            .payment-arrangement-container .payment-installments-main .installment-section .left-textbox label {
                width: 16px
            }

    .payment-arrangement-container .payment-installments-main .remove-install {
        position: absolute;
        bottom: 18px;
        right: 18px
    }

    .payment-arrangement-container .payment-installments-main .custom-checkbox input[type="checkbox"] + label {
        margin-left: 10px
    }

    .payment-arrangement-container .paid-desc-mob {
        text-align: center;
        font-weight: bold
    }
}

@media screen and (max-width: 492px) {
    .payment-arrangement-container .payment-installments-main .custom-checkbox input[type="checkbox"] + label:before {
        top: 31%
    }
}

.payment-arrangement-container .payment-paid {
    width: 81%;
    display: inline-block
}

.payment-arrangement-container .pay-install-miss {
    display: inline-block;
    position: relative;
    left: 10%;
    top: 7px;
    font-weight: bold
}

.payment-arrangement-container .pay-install-paid {
    float: right;
    margin-right: 36px;
    margin-top: 7px;
    font-weight: bold
}

@media screen and (max-width: 421px) {
    .payment-installments-main .installment-section .remove-install {
        right: 8px
    }
}

.bbp-common-buttons a, .bbp-common-buttons button {
    border: none;
    border-radius: .26666667rem;
    font-size: 1.06666667rem;
    font-family: "FoundationRoman",Arial,sans-serif;
    margin: 1.33333333rem 0 0;
    max-width: 16rem;
    padding: 1.06666667rem .8rem;
    text-transform: none;
    width: 240px
}

    .bbp-common-buttons a:hover, .bbp-common-buttons button:hover {
        background-color: #000;
        color: #FFC649
    }

.bbp-common-buttons .btn-content-open-grey {
    background-color: #353535
}

    .bbp-common-buttons .btn-content-open-grey:hover {
        background-color: #666;
        color: #fff
    }

.common-button-section {
    margin: 52px auto
}

    .common-button-section .common-blue-button {
        border-radius: 4px;
        border: 3px solid #0488E4;
        color: #0488E4;
        cursor: pointer;
        font-size: 18px;
        letter-spacing: 1px;
        padding: 1.06666667rem;
        display: block;
        margin: 0 auto;
        max-width: 240px
    }

        .common-button-section .common-blue-button:hover {
            text-decoration: none;
            background-color: #0488E4;
            color: #fff
        }

.loading-icon {
    display: none;
    margin: 52px auto
}

    .loading-icon img {
        width: 60px;
        height: 60px
    }

.bbp-text-component h2 {
    margin-bottom: .86666667rem
}

.bbp-text-component .bbp-bc-h2 {
    margin-bottom: .86666667rem
}

.bbp-text-component h3 {
    margin-bottom: .66666667rem
}

.bbp-text-component h4 {
    font-size: 1.53333333rem;
    line-height: 2.13333333rem;
    color: #000;
    margin-top: 3.6rem
}

.bbp-text-component p, .bbp-text-component .p, .bbp-text-component .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .bbp-text-component p {
    color: #333;
    max-width: 730px;
    line-height: 2.13333333rem
}

@media screen and (max-width: 991px) {
    .bbp-common-buttons a, .bbp-common-buttons button {
        font-size: 1.33333333rem;
        max-width: 320px;
        color: #000;
        width: 100%;
        margin: 0 auto 1.33333333rem auto
    }

    .bbp-common-buttons .btn-content-open-grey {
        color: #fff
    }

    .bbp-text-component h2 {
        font-size: 2.06666667rem;
        color: #333;
        margin-bottom: .4rem
    }

    .bbp-text-component .bbp-bc-h2 {
        font-size: 2.06666667rem;
        color: #333;
        margin-bottom: .4rem
    }

    .bbp-text-component h3 {
        font-size: 1.86666667rem;
        color: #333
    }

    .bbp-text-component h4 {
        font-size: 1.66666667rem;
        color: #333;
        margin-top: 1.33333333rem
    }

    .common-button-section {
        margin: 36px auto 40px auto
    }
}

.budget-billing-plan {
    margin: .6rem
}

    .budget-billing-plan h2 {
        margin-top: 3.86666667rem
    }

    .budget-billing-plan .bbp-h2 {
        margin-top: 3.86666667rem
    }

    .budget-billing-plan .bbp-estimator {
        background-color: #f0f0f0;
        max-width: 555px;
        margin: 1.86666667rem 0 0 1rem;
        text-align: center
    }

        .budget-billing-plan .bbp-estimator h4 {
            color: #353535;
            font-size: 1.86666667rem;
            line-height: 32px;
            margin: 1.46666667rem 0 0
        }

        .budget-billing-plan .bbp-estimator .bbp-h4 {
            color: #353535;
            font-size: 1.86666667rem;
            line-height: 32px;
            margin: 1.46666667rem 0 0
        }

        .budget-billing-plan .bbp-estimator h3 {
            color: #353535;
            font-size: 1.86666667rem;
            line-height: 32px;
            margin: 1.46666667rem 0 0;
            font-family: "FoundationRoman",Arial,sans-serif
        }

        .budget-billing-plan .bbp-estimator .backtomyaccount {
            margin: auto
        }

        .budget-billing-plan .bbp-estimator .ineligible-icon {
            padding-top: 30px
        }

        .budget-billing-plan .bbp-estimator .sorry-text {
            padding: 25px;
            font-size: 1.33333333rem
        }

        .budget-billing-plan .bbp-estimator p, .budget-billing-plan .bbp-estimator .p {
            color: #787878;
            font-size: 1.2rem;
            line-height: 32px;
            margin: .66666667rem 0 0
        }

            .budget-billing-plan .bbp-estimator p.balanceAmt, .budget-billing-plan .bbp-estimator .balanceAmt.p {
                color: #353535;
                font-size: 2.93333333rem;
                line-height: 48px;
                padding-bottom: 1.66666667rem
            }

            .budget-billing-plan .bbp-estimator p.your-budget-billing, .budget-billing-plan .bbp-estimator .your-budget-billing.p {
                color: #333;
                font-size: 1.2rem;
                line-height: 32px;
                max-width: 293px;
                margin: 0 auto
            }

            .budget-billing-plan .bbp-estimator p.encourageCustomer, .budget-billing-plan .bbp-estimator .encourageCustomer.p {
                border-top: 1px solid #d0d0ce;
                color: #787878;
                font-size: 1.2rem;
                line-height: 32px;
                max-width: 425px;
                margin: auto;
                padding: 20px 0
            }

        .budget-billing-plan .bbp-estimator .estimates {
            background-color: #fff;
            max-width: 479px;
            margin: 0 auto 40px
        }

            .budget-billing-plan .bbp-estimator .estimates p, .budget-billing-plan .bbp-estimator .estimates .p {
                color: #333;
                font-size: 1.2rem;
                line-height: 32px;
                max-width: 425px;
                margin: 0 auto;
                padding: .66666667rem 0
            }

    .budget-billing-plan .bbp-popup .heading-section button {
        opacity: 1
    }

    .budget-billing-plan .bbp-popup .center-content {
        text-align: center
    }

        .budget-billing-plan .bbp-popup .center-content h4 {
            font-size: 1.86666667rem;
            letter-spacing: -0.1px;
            line-height: 32px;
            color: #000;
            margin: 40px 0 32px 0
        }

        .budget-billing-plan .bbp-popup .center-content p, .budget-billing-plan .bbp-popup .center-content .p {
            font-size: 1.2rem
        }

        .budget-billing-plan .bbp-popup .center-content .circle-image-bg {
            padding: 1.8rem;
            margin: 40px auto 0 auto
        }

@media only screen and (max-width: 991px) {
    .budget-billing-plan h2 {
        margin-top: 1.33333333rem
    }

    .budget-billing-plan .bbp-h2 {
        margin-top: 1.33333333rem
    }

    .budget-billing-plan .bbp-estimator {
        margin: 0 15px;
        padding: .53333333rem 1rem 1.33333333rem 1rem
    }

        .budget-billing-plan .bbp-estimator p, .budget-billing-plan .bbp-estimator .p {
            font-size: 1.06666667rem
        }

            .budget-billing-plan .bbp-estimator p.balanceAmt, .budget-billing-plan .bbp-estimator .balanceAmt.p {
                font-size: 2.6rem
            }

            .budget-billing-plan .bbp-estimator p.your-budget-billing, .budget-billing-plan .bbp-estimator .your-budget-billing.p {
                font-size: 1.06666667rem
            }

            .budget-billing-plan .bbp-estimator p.encourageCustomer, .budget-billing-plan .bbp-estimator .encourageCustomer.p {
                padding: 0 10px
            }

        .budget-billing-plan .bbp-estimator .estimates p, .budget-billing-plan .bbp-estimator .estimates .p {
            font-size: 1.06666667rem
        }

    .budget-billing-plan .bbp-popup .heading-section {
        margin-top: 10px
    }

    .budget-billing-plan .bbp-popup h3 {
        color: #333;
        font-size: 1.66666667rem
    }

    .budget-billing-plan .bbp-popup .center-content {
        text-align: center
    }

        .budget-billing-plan .bbp-popup .center-content h4 {
            font-size: 2.06666667rem;
            letter-spacing: -0.2px;
            color: #333;
            margin: 32px 0 26px 0
        }

        .budget-billing-plan .bbp-popup .center-content .circle-image-bg {
            margin: 20px auto 0 auto
        }
}

#loading-image {
    -webkit-animation: rotation 2s linear
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.bbp-opt-out .bbp-estimator {
    padding: 0 65px
}

    .bbp-opt-out .bbp-estimator .bbp-amount {
        padding-top: 1.4rem;
        text-transform: uppercase
    }

    .bbp-opt-out .bbp-estimator .start-date {
        color: #333;
        margin: 0
    }

    .bbp-opt-out .bbp-estimator .estimates {
        background: none;
        margin: 0 auto 2rem
    }

        .bbp-opt-out .bbp-estimator .estimates p, .bbp-opt-out .bbp-estimator .estimates .p {
            padding: 0;
            margin: 0;
            max-width: 425px;
            font-size: 1.13333333rem
        }

    .bbp-opt-out .bbp-estimator .yellow-bg-box, .bbp-opt-out .bbp-estimator .blue-bg-box {
        height: 48px;
        border-radius: 2px;
        background-color: #ffb81c;
        text-align: left;
        padding: .93333333rem 0 0 1.4rem;
        font-size: 1.2rem;
        margin-bottom: 10px;
        color: #353535;
        letter-spacing: 1px
    }

    .bbp-opt-out .bbp-estimator .blue-bg-box {
        background-color: #5ACBE8;
        color: #353535
    }

    .bbp-opt-out .bbp-estimator .monthly-installments {
        border-top: 1px solid #d0d0ce;
        color: #353535;
        font-size: 1.33333333rem;
        padding: 1.06666667rem;
        margin-top: 1.4rem;
        text-align: center;
        line-height: 32px
    }

    .bbp-opt-out .bbp-estimator .icons-display {
        margin-top: 1.53333333rem;
        text-align: left
    }

        .bbp-opt-out .bbp-estimator .icons-display label {
            color: #333;
            font-size: .86666667rem;
            font-weight: normal;
            font-family: "FoundationRoman",Arial,sans-serif
        }

            .bbp-opt-out .bbp-estimator .icons-display label .yellow-icon, .bbp-opt-out .bbp-estimator .icons-display label .blue-icon {
                background-color: #ffb81c;
                border-radius: 2px;
                margin-right: .66666667rem;
                padding: 0 .53333333rem
            }

            .bbp-opt-out .bbp-estimator .icons-display label .blue-icon {
                background-color: #5ACBE8;
                margin-left: 15px
            }

@media only screen and (max-width: 991px) {
    .bbp-opt-out .bbp-estimator {
        padding: 0 1.8rem .06666667rem 1.8rem;
        margin: auto
    }

        .bbp-opt-out .bbp-estimator .icons-display label {
            display: block;
            font-size: 12px;
            margin-bottom: .53333333rem
        }

            .bbp-opt-out .bbp-estimator .icons-display label .blue-icon {
                margin-left: 0
            }
}

@media (max-width: 991px) {
    .prefernece-emailnotification {
        margin: 0 15px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 20px
    }
}

.prefernece-emailnotification .pc-email h3, .prefernece-emailnotification .pc-sms h3 {
    margin: 30px 0;
    font-size: 23px
}

.prefernece-emailnotification .pc-email .pe-h3, .prefernece-emailnotification .pc-sms .pe-h3 {
    margin: 30px 0;
    font-size: 23px
}

.prefernece-emailnotification .pc-email img, .prefernece-emailnotification .pc-sms img {
    margin-right: 15px
}

.prefernece-emailnotification .pc-email .form-group input {
    height: 64px;
    border-radius: 4px;
    border: solid 1px #D0D0CE;
    background-color: #f0f0f0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    padding: 0 30px;
    width: 80%
}

.prefernece-emailnotification .pc-sms .selectdiv:after {
    right: 25%;
    top: 25px;
    padding: 0
}

@media (max-width: 991px) {
    .prefernece-emailnotification .pc-sms .selectdiv:after {
        right: 3%
    }
}

.prefernece-emailnotification .pc-sms .selectdiv select {
    height: 64px;
    border-radius: 4px;
    border: solid 1px #D0D0CE;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    padding: 0 30px;
    width: 80%
}

.preference-bill-delivery {
    margin-top: 60px
}

    .preference-bill-delivery h2 {
        margin-bottom: 30px;
        font-size: 28px
    }

    .preference-bill-delivery h3 {
        font-size: 23px;
        margin-bottom: 18px
    }

    .preference-bill-delivery .pbd-h3 {
        font-size: 23px;
        margin-bottom: 18px
    }

    .preference-bill-delivery .email-notification {
        border-radius: 8px;
        border: solid 1px #ccc;
        padding: 30px 30px 0;
        line-height: 1.9
    }

        .preference-bill-delivery .email-notification p, .preference-bill-delivery .email-notification .p, .preference-bill-delivery .email-notification .custom-checkbox input[type="checkbox"] + label {
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.56;
            letter-spacing: normal;
            color: #666;
            font-size: 18px
        }

            .preference-bill-delivery .email-notification .custom-checkbox input[type="checkbox"] + label:before {
                top: 22px !important
            }

            .preference-bill-delivery .email-notification .custom-checkbox input[type="checkbox"] + label:after {
                top: 22px !important;
                font-weight: 900
            }

        .preference-bill-delivery .email-notification .offlink, .preference-bill-delivery .email-notification .onlink {
            padding: 4px 10px;
            letter-spacing: 0 !important;
            display: block;
            width: 109px;
            float: left;
            font-size: 16px;
            text-decoration: none;
            text-align: center;
            border: 1px solid #FFB81C
        }

            .preference-bill-delivery .email-notification .offlink.active, .preference-bill-delivery .email-notification .onlink.active {
                border: 1px solid #0488E4;
                background-color: #E5F3FC;
                color: #4A90E2;
                font-weight: bold
            }

            .preference-bill-delivery .email-notification .offlink.inactive, .preference-bill-delivery .email-notification .onlink.inactive {
                border: 1px solid #D0D0CE;
                background-color: #D0D0CE;
                color: #9B9B9B;
                cursor: no-drop
            }

        .preference-bill-delivery .email-notification .offlink {
            border-radius: 0 4px 4px 0
        }

        .preference-bill-delivery .email-notification .onlink {
            border-radius: 4px 0 0 4px
        }

@media screen and (max-width: 991px) {
    .preference-bill-delivery {
        margin: 60px 0 0
    }

        .preference-bill-delivery .email-notification .offlink, .preference-bill-delivery .email-notification .onlink {
            width: 105px;
            margin-bottom: 30px
        }

        .preference-bill-delivery .email-notification .custom-checkbox input[type="checkbox"] + label {
            padding-left: 10px
        }
}

.preference-important {
    margin: 10px 0;
    border-radius: 8px;
    border: solid 1px #ccc;
    padding: 30px 30px 0;
    line-height: 1.9
}

    .preference-important h3 {
        font-size: 23px;
        margin-bottom: 5px;
        line-height: 1.39
    }

    .preference-important .pi-h3 {
        font-size: 23px;
        margin-bottom: 5px;
        line-height: 1.39
    }

    .preference-important p, .preference-important .p, .preference-important .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .preference-important p {
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.56;
        letter-spacing: normal;
        color: #666
    }

    .preference-important .on-off {
        clear: both;
        overflow: hidden
    }

        .preference-important .on-off .smslink, .preference-important .on-off .nonelink, .preference-important .on-off .emaillink {
            padding: 2px 10px;
            letter-spacing: 0 !important;
            display: block;
            width: 109px;
            float: left;
            font-size: 16px;
            text-decoration: none;
            text-align: center;
            border: 1px solid #FFB81C;
            background-color: #fff;
            color: #9B9B9B
        }

            .preference-important .on-off .smslink.active, .preference-important .on-off .nonelink.active, .preference-important .on-off .emaillink.active {
                border: 1px solid #0488E4;
                background-color: #E5F3FC;
                color: #4A90E2;
                font-weight: bold
            }

            .preference-important .on-off .smslink.inactive, .preference-important .on-off .nonelink.inactive, .preference-important .on-off .emaillink.inactive {
                border: 1px solid #d0d0ce;
                background-color: #f0f0f0;
                color: #9B9B9B;
                cursor: no-drop
            }

        .preference-important .on-off .nonelink {
            border-radius: 0 4px 4px 0
        }

        .preference-important .on-off .emaillink {
            border-radius: 4px 0 0 4px
        }

    .preference-important .small-txt {
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: 0.2px;
        color: #353535;
        text-align: center;
        padding: 5px 0 0 50px
    }

@media screen and (max-width: 991px) {
    .preference-important {
        margin: 30px 0
    }

        .preference-important .preferencelink {
            text-align: center
        }

        .preference-important .on-off {
            display: inline-block;
            float: none !important
        }

            .preference-important .on-off .smslink, .preference-important .on-off .nonelink, .preference-important .on-off .emaillink {
                width: 85px
            }

        .preference-important .small-txt {
            padding: 0 0 10px;
            float: none !important;
            text-align: center
        }
}

.preference-popup .modal-dialog {
    width: 920px
}

    .preference-popup .modal-dialog .incorrect-error {
        margin-top: -20px;
        padding-bottom: 20px;
        text-align: center;
        color: #C8102E
    }

    .preference-popup .modal-dialog .modal-header {
        border-bottom: 1px solid #f0f0f0;
        padding: 0.53333333rem 2rem
    }

        .preference-popup .modal-dialog .modal-header .modal-title {
            margin: 15px 0;
            font-size: 23px;
            padding-bottom: 0px
        }

@media (max-width: 991px) {
    .preference-popup .modal-dialog .modal-header .modal-title {
        font-size: 25px
    }
}

.preference-popup .modal-dialog .modal-header button {
    font-size: 1.26666667rem;
    line-height: 1.86666667rem;
    color: #353535;
    opacity: 1;
    margin-top: 15px
}

    .preference-popup .modal-dialog .modal-header button span {
        font-size: 1.66666667rem;
        margin-right: 0.33333333rem;
        display: inline-block;
        vertical-align: bottom
    }

.preference-popup .modal-dialog .modal-body {
    margin: 0 92px 50px
}

    .preference-popup .modal-dialog .modal-body h2 {
        font-size: 28px;
        margin-top: 40px;
        padding-bottom: 1.33333333rem;
        text-align: center
    }

@media (max-width: 991px) {
    .preference-popup .modal-dialog .modal-body h2 {
        font-size: 25px;
        text-align: center
    }
}

.preference-popup .modal-dialog .modal-body .bbp-common-buttons {
    text-align: center
}

    .preference-popup .modal-dialog .modal-body .bbp-common-buttons button {
        margin: 20px auto 0 auto
    }

.preference-popup .modal-dialog .modal-body p, .preference-popup .modal-dialog .modal-body .p {
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: center;
    color: #9B9B9B;
    padding: 20px 0;
    margin: 0
}

    .preference-popup .modal-dialog .modal-body p a, .preference-popup .modal-dialog .modal-body .p a {
        color: #0488E4;
        cursor: pointer
    }

.preference-popup .modal-dialog .modal-body #dvSendSmsAgain {
    padding: 0 0 30px
}

.preference-popup .modal-dialog .modal-body .verification-num {
    margin: 15px 0 60px
}

    .preference-popup .modal-dialog .modal-body .verification-num .verifiy {
        height: 61px;
        width: 61px;
        border: 1px solid #D0D0CE;
        border-radius: 4px;
        background-color: #fff;
        padding: 10px 20px;
        margin: 0 10px
    }

@media (max-width: 991px) {
    .preference-popup .modal-dialog .modal-body .verification-num .verifiy {
        height: 50px;
        width: 50px;
        padding: 5px 15px
    }
}

.preference-popup .modal-dialog .modal-body .verification-num input {
    font-size: 35px
}

.preference-popup .modal-dialog .modal-body .verification-num .preference-hyperlink {
    color: #0488E4;
    line-height: 32px;
    text-decoration: none
}

.preference-popup .modal-dialog .modal-body .gas-reconnect-common-button a {
    display: block;
    margin: 1.33333333rem auto;
    text-transform: capitalize
}

@media only screen and (max-width: 767px) {
    .preference-popup .modal-dialog {
        margin: 0;
        width: auto
    }

        .preference-popup .modal-dialog .modal-content {
            border: none
        }

        .preference-popup .modal-dialog .modal-header {
            border-bottom: 1px solid #d0d0ce
        }

            .preference-popup .modal-dialog .modal-header .modal-title {
                text-align: center
            }

        .preference-popup .modal-dialog .modal-body {
            margin: 0 5px
        }

            .preference-popup .modal-dialog .modal-body h2 {
                width: 100%;
                text-align: left;
                font-size: 1.66666667rem;
                margin: 26px 0 6px;
                padding: 0;
                line-height: 30px
            }

            .preference-popup .modal-dialog .modal-body p, .preference-popup .modal-dialog .modal-body .p {
                color: #353535;
                font-size: 16px
            }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .preference-popup .modal-dialog {
        width: auto;
        margin: 0
    }
}

.preference-check {
    border-radius: 4px;
    background-color: #f0f0f0;
    margin: 26px 0 0;
    padding: 30px
}

@media (max-width: 991px) {
    .preference-check {
        margin: 30px 15px
    }
}

.preference-check .custom-checkbox input[type="checkbox"] + label {
    line-height: 1.78;
    letter-spacing: normal;
    color: #353535;
    padding: 5px;
    font-size: 18px;
    font-family: "FoundationRoman",Arial,sans-serif
}

@media (max-width: 991px) {
    .preference-check .custom-checkbox input[type="checkbox"] + label {
        padding-right: 10px
    }
}

.preference-check .custom-checkbox input[type="checkbox"] + label:before {
    top: 30px
}

.preference-check .custom-checkbox input[type="checkbox"] + label:after {
    top: 30px !important;
    font-weight: 900
}

.preference-txt-component {
    margin-top: 35px
}

@media (max-width: 991px) {
    .preference-txt-component {
        margin: 35px 0 10px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 20px
    }
}

.preference-txt-component h2 {
    font-size: 28px;
    line-height: 1.03
}

.preference-txt-component .ptc-h2 {
    font-size: 28px;
    line-height: 1.03
}

.preference-txt-component p, .preference-txt-component .p, .preference-txt-component .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .preference-txt-component p {
    color: #9B9B9B;
    font-size: 18px;
    line-height: 32px
}

@media (max-width: 991px) {
    .preference-txt-component p, .preference-txt-component .p, .preference-txt-component .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .preference-txt-component p {
        color: #333
    }
}

.preference-txt-component p a, .preference-txt-component .p a, .preference-txt-component .rebate-cta .rebate-cta-desc p a, .rebate-cta .rebate-cta-desc .preference-txt-component p a {
    color: #4A90E2;
    text-decoration: underline
}

@media (max-width: 991px) {
    .preference-phone-info .update-info-phone .phone-text img {
        margin: 10px 0
    }
}

.preference-phone-info .update-info-phone .smsEnable img {
    margin-top: 30px;
    padding-left: 5px
}

@media (max-width: 991px) {
    .preference-phone-info .update-info-phone .smsEnable img {
        margin: 10px 0 0;
        padding-left: 0
    }
}

.warn-notification {
    width: 100%
}

    .warn-notification .notification-main .modal-notification-msg .icon-tick {
        padding: 20px 25px !important;
        border-radius: 4px 0 0 4px;
        width: 10% !important
    }

@media (max-width: 991px) {
    .warn-notification .notification-main .modal-notification-msg .icon-tick {
        height: auto !important
    }
}

.warn-notification .notification-main .modal-notification-msg .alert-content-amber {
    line-height: 24px !important;
    border-radius: 0 4px 4px !important;
    padding: 15px 25px !important;
    width: 90% !important
}

@media (max-width: 991px) {
    .warn-notification .notification-main .modal-notification-msg .alert-content-amber {
        padding: 5px !important;
        height: auto !important
    }
}

.warn-notification .notification-main .modal-notification-msg .alert-content-amber p, .warn-notification .notification-main .modal-notification-msg .alert-content-amber .p {
    color: #1A1A1A;
    font-size: 1.2rem;
    font-style: italic
}

.warn-notification .notification-main .modal-notification-msg .alert-content-amber h4 {
    color: #1A1A1A;
    font-size: 1.2rem;
    font-weight: 900;
    margin: 0;
    padding: 0
}

@media (max-width: 991px) {
    .preference-phone-info .remove-phRow-new {
        margin: 0;
        padding-bottom: 20px
    }

    .Number-type-container.MobileContainer .form-group {
        margin: 0
    }
}

.billdilvery-collapse {
    border-top: 1px solid #D0D0CE;
    position: relative;
    margin: 20px -30px 0
}

    .billdilvery-collapse h3 {
        margin: 20px 30px
    }

    .billdilvery-collapse p, .billdilvery-collapse .p, .billdilvery-collapse .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .billdilvery-collapse p {
        margin: 0 30px
    }

.bill-collapse {
    border-top: 1px solid #D0D0CE;
    color: #0488E4;
    clear: both;
    cursor: pointer;
    font-size: 1.2rem;
    letter-spacing: 0.2px;
    line-height: 64px;
    margin-top: 2.53333333rem;
    text-align: center;
    position: relative;
    margin: 0 -30px 0
}

    .bill-collapse a {
        color: #0488E4
    }

    .bill-collapse .arrows {
        text-decoration: none;
        display: block
    }

        .bill-collapse .arrows:after {
            content: "\f077";
            color: #0488E4;
            font-family: 'FontAwesome';
            padding-left: 10px
        }

    .bill-collapse .open-arrows {
        display: none
    }

.collapsed .arrows {
    display: none
}

.collapsed .open-arrows {
    display: block;
    text-decoration: none
}

    .collapsed .open-arrows:after {
        content: "\f078";
        color: #0488E4;
        font-family: 'FontAwesome';
        padding-left: 10px
    }

.small-text p, .small-text .p, .small-text .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .small-text p {
    font-size: 13px;
    letter-spacing: 0.22px;
    line-height: 24px;
    color: #333;
    margin: 30px 0;
    text-align: center
}

.preference-notification .address-container {
    margin-top: 50px
}

.preference-centercontent {
    text-align: center
}

    .preference-centercontent .bbp-common-buttons {
        display: inline-block
    }

        .preference-centercontent .bbp-common-buttons .btn-content-open-grey {
            background-color: #9B9B9B
        }

.preference-success .green-notice .modal-notification .modal-notification-msg .amber {
    border-radius: 4px 0 0 4px
}

.preference-success .green-notice .modal-notification .modal-notification-msg .alert-content-amber {
    border-radius: 0 4px 4px
}

.email-notification .bill-collapse {
    margin: 20px -30px 0
}

.email-notification .form-group {
    margin-bottom: 20px
}

.ebill-sub-header {
    margin-top: -20px;
    line-height: 22px;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .preference-success {
        margin: 0 15px
    }

    .bill-collapse {
        text-align: right;
        padding-right: 10px
    }
}

.displayNone {
    display: none
}

.annual-statement {
    padding: 28px 0 0 0 !important
}

@media (max-width: 991px) {
    .annual-statement {
        padding: 0 !important
    }
}

#my-gas-tab #myTabs {
    padding: 0 42px 35px 42px
}

@media (max-width: 991px) {
    #my-gas-tab #myTabs {
        padding: 0 18px 18px !important
    }
}

#my-gas-tab #myTabs li:first-child {
    margin-right: 17px
}

#my-gas-tab #myTabs li {
    width: 48%
}

@media (max-width: 991px) {
    #my-gas-tab #myTabs li {
        width: 100%;
        margin-left: 0
    }
}

#my-gas-tab #myTabs li a {
    padding: 19px 0px;
    background-color: #fff !important;
    border-radius: 0;
    text-align: center
}

    #my-gas-tab #myTabs li a img {
        display: inline-block;
        margin-bottom: 15px
    }

    #my-gas-tab #myTabs li a p, #my-gas-tab #myTabs li a .p {
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 0
    }

    #my-gas-tab #myTabs li a .fa {
        margin-right: 0.2rem;
        width: 0.86666667rem;
        height: 0.8rem;
        font-size: 0.8rem;
        vertical-align: middle;
        margin-left: 8px
    }

    #my-gas-tab #myTabs li a .fa-check:before {
        font-size: 18px;
        position: relative;
        bottom: 4px
    }

    #my-gas-tab #myTabs li a .toggle-arrow {
        display: none
    }

    #my-gas-tab #myTabs li a .fa-check {
        display: none
    }

#my-gas-tab #myTabs li.active {
    border: 1px solid #FFB81B;
    margin-left: 1px
}

    #my-gas-tab #myTabs li.active .fa-check {
        display: inline-block
    }

@media (min-width: 992px) {
    #my-gas-tab #myTabs li.active {
        margin-top: 1px
    }
}

@media (max-width: 991px) {
    #my-gas-tab #myTabs .tab-content {
        background-color: #fff;
        padding: 0 15px
    }
}

.annual-statement-years {
    background-color: #fff !important;
    padding: 35px 15px 15px !important;
    display: inline-block
}

@media (max-width: 991px) {
    .annual-statement-years {
        padding: 20px 15px 0 !important
    }
}

.annual-statement-years .gas-year-header {
    background-color: #FFB81C;
    padding: 24px
}

    .annual-statement-years .gas-year-header img {
        display: inline-block
    }

    .annual-statement-years .gas-year-header .title {
        padding-left: 18px;
        display: inline;
        vertical-align: middle;
        color: #353535;
        font-weight: bold;
        font-size: 21px;
        font-family: "FoundationRoman",Arial,sans-serif;
        letter-spacing: .01333333rem;
        padding-bottom: 0px
    }

@media (max-width: 663px) {
    .annual-statement-years .gas-year-header .title {
        padding-left: 0
    }
}

@media (max-width: 991px) {
    .annual-statement-years .gas-year-header {
        padding: 19px 16px
    }
}

.annual-statement-years .gas-year-content {
    border: 1px solid #D0D0CE
}

@media (max-width: 991px) {
    .annual-statement-years .gas-year-content {
        padding: 0 12px
    }
}

.annual-statement-years .gas-year-content .gas-year-subtabs {
    padding: 58px 0 40px
}

@media (max-width: 991px) {
    .annual-statement-years .gas-year-content .gas-year-subtabs {
        padding: 20px 0 40px
    }
}

.annual-statement-years .gas-year-content .gas-year-subtabs .myTabs {
    padding: 0
}

    .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li {
        padding: 0;
        text-align: center;
        margin: 0
    }

        .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li a {
            padding: 10px;
            border-radius: 0
        }

            .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li a p, .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li a .p {
                font-weight: bold;
                padding: 0;
                font-family: "FoundationRoman",Arial,sans-serif
            }

        .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li a {
            border: 1px solid #f7dbe0;
            background-color: #fff !important
        }

            .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li a .fa-check {
                display: none
            }

        .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li.active a {
            background-color: #fff !important;
            border: 1px solid #FFB81B
        }

            .annual-statement-years .gas-year-content .gas-year-subtabs .myTabs li.active a .fa-check {
                display: inline-block;
                font-size: 14px
            }

.annual-statement-years .gas-year-content .gas-year-subtabs .my-account-tab-content {
    padding: 0;
    background-color: #fff
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-usage-price {
    padding: 0;
    background-color: #f2f3f3
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs {
    padding-top: 28px
}

@media (max-width: 991px) {
    .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs {
        padding-top: 40px !important;
        text-align: center
    }
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs div {
    padding: 0
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-user-address img {
    width: 24px;
    padding-bottom: 17px
}

@media (max-width: 991px) {
    .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-user-address img {
        display: inline-block
    }
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-user-address span {
    display: block;
    color: #787878;
    font-size: 16px;
    padding-bottom: 18px;
    font-family: "FoundationRoman",Arial,sans-serif
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price {
    margin-top: 20px;
    text-align: center;
    padding: 22px 0 15px
}

    .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price span {
        color: #787878;
        font-family: "FoundationRoman",Arial,sans-serif
    }

    .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price p, .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price .p {
        font-size: 23px;
        padding-top: 10px;
        font-family: "FoundationRoman",Arial,sans-serif
    }

    .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price .note-price-txt {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 13px;
        padding-top: 10px;
        color: #787878;
        padding-bottom: 0
    }

@media (max-width: 991px) {
    .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price .note-price-txt {
        padding-top: 0
    }
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price {
    border-right: .5px solid #9B9B9B;
    padding-top: 7px;
    margin-top: 7px
}

@media (max-width: 991px) {
    .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price {
        border-right: 0
    }

        .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price::after {
            content: "";
            display: block;
            border-bottom: .5px solid #9b9b9b;
            margin: 0 auto;
            max-width: 100px;
            padding: 7px 0;
            margin-bottom: 21px
        }

        .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price.no-border:after {
            border: 0;
            padding: 0;
            margin: 0
        }
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price span {
    font-size: 20px;
    margin-bottom: 23px;
    display: block
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price h3 {
    font-size: 35px;
    color: #000;
    font-family: "FoundationRoman",Arial,sans-serif
}

.annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price .gtp-h3 {
    font-size: 35px;
    color: #000;
    font-family: "FoundationRoman",Arial,sans-serif
}

@media (max-width: 991px) {
    .annual-statement-years {
        padding-top: 20px
    }
}

.gas-download-details {
    text-align: center;
    padding-top: 39px
}

    .gas-download-details a {
        width: 292px
    }

@media (max-width: 991px) {
    .my-gas-usage {
        padding: 0 0;
        margin-top: 50px
    }
}

.my-gas-usage h2 {
    padding: 0 46px 38px 42px
}

@media (max-width: 991px) {
    .my-gas-usage h2 {
        padding: 18px;
        font-size: 20px
    }
}

.my-gas-usage .mgu-h2 {
    padding: 0 46px 38px 42px
}

@media (max-width: 991px) {
    .my-gas-usage .mgu-h2 {
        padding: 18px;
        font-size: 20px
    }
}

@media (max-width: 991px) {
    #usage-history h2 {
        text-align: left
    }
}

.gno-padding {
    padding: 0
}

.no-border {
    border: 0 !important
}

@media (max-width: 991px) {
    .mobile-no-padding {
        padding: 0
    }
}

@media (max-width: 991px) {
    .my-bill-tab-content {
        padding: 15px 15px;
        text-align: center
    }
}

.no-invoice-data {
    margin: 30px 0 0;
    background-color: #f2f3f3;
    padding: 15% !important
}

    .no-invoice-data p, .no-invoice-data .p, .no-invoice-data .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .no-invoice-data p {
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 23px;
        line-height: 1.39;
        letter-spacing: .2px;
        text-align: center;
        color: #9B9B9B
    }

    .no-invoice-data img {
        margin: 10px auto
    }

.print-logo {
    padding-top: 0px
}

@media (max-width: 991px) {
    .print-logo {
        width: 100% !important
    }
}

.company-address {
    padding-top: 0px
}

    .company-address p, .company-address .p, .company-address .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .company-address p {
        color: #FFB81C;
        padding: 0;
        margin: 0;
        font-size: 12px
    }

    .company-address address {
        font-size: 12px;
        margin-bottom: 10px
    }

    .company-address span {
        font-size: 12px;
        font-weight: bold
    }

.pdftabtitle {
    display: inline-block
}

@media (max-width: 991px) {
    .pdftabtitle {
        max-width: 89%;
        vertical-align: middle;
        padding-left: 18px
    }
}

.logo-address {
    display: none
}

.pdftitle {
    padding-left: 8px;
    display: none;
    vertical-align: middle;
    color: #353535;
    font-weight: bold;
    font-size: 21px;
    font-family: "FoundationRoman",Arial,sans-serif
}

.k-pdf-export .pdftitle {
    padding-left: 1.5em;
    display: inline;
    color: #353535;
    font-weight: bold;
    font-size: 13px;
    font-family: "FoundationRoman",Arial,sans-serif
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .k-pdf-export .pdftitle {
        padding-left: 15px
    }
}

@media (max-width: 991px) {
    .k-pdf-export .pdftitle {
        padding-left: 15px
    }
}

@media (max-width: 414px) {
    .k-pdf-export .pdftitle {
        padding-left: 5px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .k-pdf-export .pdftitle {
        padding-left: 1.2rem
    }
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .k-pdf-export .pdftitle {
        padding-left: 1em
    }
}

.k-pdf-export .nav-pills {
    display: none
}

.k-pdf-export .Export-PdfButton {
    display: none
}

.k-pdf-export .pdfyearhide {
    display: none
}

.k-pdf-export .logo-address, .k-pdf-export .gas-annual-year-statement {
    width: 47% !important;
    padding: 0;
    display: block
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .k-pdf-export .logo-address, .k-pdf-export .gas-annual-year-statement {
        width: 56% !important
    }
}

@media (max-width: 991px) {
    .k-pdf-export .logo-address, .k-pdf-export .gas-annual-year-statement {
        width: 100% !important
    }
}

@media only screen and (min-device-width: 640px) and (max-device-width: 1023px) {
    .k-pdf-export .logo-address, .k-pdf-export .gas-annual-year-statement {
        width: 63% !important
    }
}

.k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 0 5px
}

.k-pdf-export .annual-statement-years .gas-year-content {
    border: 1px solid #FFB81C;
    margin-left: 15px;
    width: 97%
}

@media (max-width: 767px) {
    .k-pdf-export .annual-statement-years .gas-year-content {
        width: 96%
    }
}

.k-pdf-export .annual-statement-years .gas-year-header .title {
    font-size: 13px;
    padding: 0
}

.k-pdf-export .company-address p, .k-pdf-export .company-address .p {
    font-size: 8px
}

.k-pdf-export .company-address span {
    font-size: 8px;
    font-weight: normal
}

.k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price h3 {
    font-size: 25px
}

@media (max-width: 991px) {
    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price h3 {
        margin-bottom: 5px
    }
}

.k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price span {
    font-size: 14px;
    margin-bottom: 11px
}

@media (max-width: 991px) {
    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price span {
        margin-bottom: 5px
    }
}

.k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-user-address span {
    font-size: 10px;
    padding-bottom: 2px;
    padding-left: 15px
}

.k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-user-address img {
    margin-left: 15px;
    padding-bottom: 9px;
    width: 16px
}

.k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price {
    margin: 10px 15px 0 15px;
    width: 94%;
    padding: 15px 0 15px
}

    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price p, .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price .p {
        font-size: 16px
    }

    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price .note-price-txt {
        font-size: 10px;
        padding-top: 0
    }

@media (max-width: 991px) {
    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-usage-price {
        margin: 0;
        padding: 0;
        width: 100%
    }
}

.k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .no-invoice-data {
    padding: 0 15% !important
}

    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .no-invoice-data p, .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .no-invoice-data .p {
        font-size: 15px
    }

.k-pdf-export .pdftabtitle {
    padding-left: 17px
}

.k-pdf-export .annual-statement-years .gas-year-header {
    padding: 14px 24px 14px 50px
}

.k-pdf-export .annual-statement-years {
    padding: 65px 0 0 !important
}

    .k-pdf-export .annual-statement-years .gas-year-header img {
        width: 18px
    }

    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs {
        padding-top: 18px
    }

@media (max-width: 991px) {
    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs {
        padding-top: 20px !important
    }
}

@media (max-width: 991px) {
    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price::after {
        margin-bottom: 5px
    }

    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs {
        padding: 0
    }

    .k-pdf-export .annual-statement-years {
        padding: 25px 0 0 !important
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .k-pdf-export .annual-statement-years .gas-year-content .gas-year-subtabs .gas-year-tabs .gas-total-price {
        padding-top: 0
    }

    .k-pdf-export .gas-download-details {
        padding-top: 10px
    }
}

.outline-on:focus, .cta-yellow a.btn-grey:focus, .cta-yellow a.btn-grey-widget:focus, .cta-yellow a.btn-content-open-grey:focus, .cta-yellow a.btn-content-open-grey-noborder:focus, .cta-yellow .dropdown-grey a.dropdown-btn:focus, .dropdown-grey .cta-yellow a.dropdown-btn:focus, .myTab li.active a.outline-on:focus {
    outline: 1px solid #ffb81b !important;
    outline-offset: 0px;
    outline-color: #4d90fe !important;
    outline: 5px auto -webkit-focus-ring-color !important
}

.sign-in-box > a.outline-on:focus, .account-action a.outline-on:focus, .bill-action a.outline-on:focus, .forgot-username.outline-on:focus, .btn-content-open-yellow-darktxt:focus, .cta-yellow a:focus {
    outline: 1px solid #333 !important;
    outline-offset: 0px;
    outline-color: #4d90fe !important;
    outline: 5px auto -webkit-focus-ring-color !important
}

.myTab a:focus {
    outline-offset: -2px;
    z-index: 1
}

.navbar .navbar-brand:focus {
    outline-offset: 10px;
    height: auto
}

.footer-top .navbar-brand:focus {
    outline-offset: 0px;
    height: auto
}

.breadcrumb-item a.outline-on:focus, .signin-trouble a.outline-on:focus, .forgot-username.outline-on:focus {
    outline-offset: 2px
}

.btn-dark.outline-on:focus, .outline-on.btn-dark-widget:focus, .outline-on.btn-content-open-dark:focus, .outline-on.btn-content-open-dark-noborder:focus, .dropdown .outline-on.dropdown-btn:focus, .dropdown-dark .outline-on.dropdown-btn:focus, .dropdown-grey .outline-on.dropdown-btn:focus, .dropdown-yellow-whitetxt .outline-on.dropdown-btn:focus, .dropdown-yellow-darktxt .outline-on.dropdown-btn:focus, .dropdown-white .outline-on.dropdown-btn:focus {
    background: #666;
    color: #ffffff
}

.btn-grey.outline-on:focus, .outline-on.btn-grey-widget:focus, .outline-on.btn-content-open-grey:focus, .outline-on.btn-content-open-grey-noborder:focus, .dropdown-grey .outline-on.dropdown-btn:focus {
    background-color: #FFB81C;
    color: #353535 !important
}

.skip-to-main-content {
    padding: 12px;
    background: #ffb81c;
    display: inline-block;
    position: static;
    top: 17px;
    left: 5px;
    margin-left: -250px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: 400ms;
    transition: 400ms;
    float: left;
    text-transform: uppercase;
    font-family: "FoundationBold",Arial,sans-serif
}

    .skip-to-main-content:focus {
        -webkit-transition: 400ms, outline 0ms;
        transition: 400ms, outline 0ms;
        margin-left: 10px;
        margin-right: 5px;
        color: #000;
        outline: none !important
    }

    .skip-to-main-content:hover {
        background-color: #fff
    }

.sub-nav .dropdown-menu {
    padding: 0 !important
}

    .sub-nav .dropdown-menu a {
        padding-left: 1.3rem !important;
        padding-right: 1.3rem !important
    }

        .sub-nav .dropdown-menu a:focus, .sub-nav .dropdown-menu a:hover {
            background-color: #FFB81B !important
        }

.Ebill-register-page-mains {
    margin: 50px auto 0
}

    .Ebill-register-page-mains .ebill-register-in-main {
        min-height: 480px;
        margin: 25px auto 15px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        border-radius: 4px
    }

        .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp {
            padding: 41px 36px
        }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp form {
                width: 92%
            }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp h2 {
                padding-bottom: 35px
            }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp .form-group {
                padding-left: 15px
            }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp button {
                border: none;
                border-radius: .26666667rem;
                font-size: 1.06666667rem;
                margin: 0px 44px auto 15px;
                max-width: 240px;
                padding: 1.06666667rem;
                text-transform: none;
                display: block;
                width: 100%
            }

                .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp button:hover {
                    color: #FFC649
                }

                .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp button:focus {
                    outline-offset: 0
                }

        .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp {
            padding: 49px 15px 0px 50px;
            color: #353535
        }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp h3 {
                padding: 5px 0 12px 0
            }

                .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp h3 span {
                    font-family: "FoundationRoman",Arial,sans-serif
                }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp ul {
                margin-left: -8px
            }

                .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp ul li {
                    list-style-image: url("../images/tickmark-li.svg");
                    padding: 13px 15px
                }

@media screen and (max-width: 991px) {
    .Ebill-register-page-mains .ebill-register-in-main {
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .Ebill-register-page-mains .ebill-register-in-main .mobile-shadow {
            padding: 0;
            float: none;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
        }

        .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp {
            padding: 16px 16px 30px 16px;
            margin: 0
        }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp .form-group {
                padding-left: 0
            }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp form {
                width: 100%
            }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp h1 {
                font-size: 1.66666667rem
            }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp button {
                max-width: 320px;
                font-size: 1.33333333rem;
                margin: 0px 61px auto 0px
            }

        .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp {
            padding: 16px 16px 30px 16px;
            border-radius: 4px;
            margin-top: 20px
        }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp .learn-more {
                margin-bottom: 29px
            }

            .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp .card-button {
                margin-bottom: 0
            }

                .Ebill-register-page-mains .ebill-register-in-main .ebill-detail-comp .card-button a {
                    font-size: 1.33333333rem;
                    max-width: 320px
                }
}

.register-for-ebill-main h1 {
    margin: 40px 0 22px 0
}

.register-for-ebill-main .register-for-ebill-content {
    padding: 40px 10px 40px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
}

    .register-for-ebill-main .register-for-ebill-content .greentick-image {
        text-align: center
    }

        .register-for-ebill-main .register-for-ebill-content .greentick-image img {
            width: 90px
        }

.register-for-ebill-main .email-box {
    background-color: #F0F0F0;
    min-height: 106px;
    border-radius: 4px;
    max-width: 440px;
    margin: auto;
    font-size: 1.86666667rem;
    line-height: 33px;
    padding: 37px;
    text-align: center;
    word-break: break-all
}

.register-for-ebill-main .bbp-common-buttons {
    padding: 66px 0 28px 0
}

    .register-for-ebill-main .bbp-common-buttons a, .register-for-ebill-main .bbp-common-buttons button {
        margin: 0 auto 20px auto
    }

.register-for-ebill-main .custom-single-button {
    padding-top: 35px
}

.register-for-ebill-main .ebill-form-container {
    margin: auto;
    max-width: 600px
}

    .register-for-ebill-main .ebill-form-container .phase2-checkbox {
        width: 100%
    }

        .register-for-ebill-main .ebill-form-container .phase2-checkbox label {
            margin-left: 30px !important;
            font-size: 1.53333333rem;
            color: #000 !important;
            vertical-align: bottom
        }

    .register-for-ebill-main .ebill-form-container .secure-pdf-text {
        padding: 5px 0 40px 47px
    }

        .register-for-ebill-main .ebill-form-container .secure-pdf-text .circle-pdf {
            display: inline-block
        }

        .register-for-ebill-main .ebill-form-container .secure-pdf-text .cond-text {
            padding-left: 30px;
            font-size: .8rem
        }

        .register-for-ebill-main .ebill-form-container .secure-pdf-text .pdf-text {
            display: inline-block;
            font-size: 1.2rem;
            color: #000;
            margin-left: 15px !important;
            line-height: 24px
        }

    .register-for-ebill-main .ebill-form-container .phoneno-show {
        padding: 5px 0 0px 40px;
        display: none;
        margin-bottom: 0px !important
    }

    .register-for-ebill-main .ebill-form-container .existing-phone-description {
        font-size: .8rem;
        padding-top: 10px;
        line-height: 24px
    }

.ebill-delivery-notes {
    margin-left: 2.4rem
}

    .ebill-delivery-notes p, .ebill-delivery-notes .p, .ebill-delivery-notes .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .ebill-delivery-notes p {
        font-size: 1.06666667rem;
        color: #333
    }

.radio-label-section {
    margin-bottom: 0 !important
}

.send-email-option, .send-sms-option {
    padding-bottom: 15px
}

h2#newEbillTitle {
    color: #1A1A1A;
    font-family: "FoundationRoman", Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.266rem;
    text-align: left;
    padding: unset !important;
    padding-bottom: 40px !important;
    margin: auto;
    max-width: 600px
}

.more-bill-delivery-options {
    padding-top: 20px
}

    .more-bill-delivery-options #btnClickHere:hover, .more-bill-delivery-options #btnClickHere:focus {
        text-decoration: underline
    }

@media screen and (max-width: 991px) {
    .register-for-ebill-main .register-for-ebill-content {
        padding: 5px 10px 40px
    }

        .register-for-ebill-main .register-for-ebill-content .greentick-image {
            margin: 13px 0 25px 0
        }

        .register-for-ebill-main .register-for-ebill-content .custom-radio-button, .register-for-ebill-main .register-for-ebill-content .individual-category {
            padding: 0.53333333rem 1rem !important
        }

    .register-for-ebill-main h1 {
        margin: 40px 0 8px 0
    }

    .register-for-ebill-main .ebill-form-container {
        padding: 10px;
        max-width: 320px
    }

        .register-for-ebill-main .ebill-form-container .phase2-checkbox label {
            font-size: 1.33333333rem
        }

        .register-for-ebill-main .ebill-form-container .secure-pdf-text .pdf-text {
            font-size: 1.06666667rem
        }
}

.register-for-ebill-content.bottom-section {
    margin-top: 30px;
    text-align: center
}

    .register-for-ebill-content.bottom-section h2 {
        padding: 10px 50px 20px 50px
    }

    .register-for-ebill-content.bottom-section p, .register-for-ebill-content.bottom-section .p {
        max-width: 765px;
        margin: auto;
        line-height: 32px;
        color: #9B9B9B
    }

.phase2-checkbox {
    margin-bottom: 0
}

    .phase2-checkbox input[type="checkbox"] + label:before {
        border: .06666667rem solid #9B9B9B;
        height: 16px;
        width: 16px;
        outline: 1px solid transparent
    }

    .phase2-checkbox input[type="checkbox"]:checked + label:after {
        line-height: 100%;
        font-size: 12px;
        color: #9B9B9B;
        content: '\2713\0020';
        padding-left: 3px !important;
        left: 1px !important;
        top: 52.5%
    }

    .phase2-checkbox input[type="checkbox"]:focus + label:before {
        left: 0px !important
    }

@media screen and (max-width: 991px) {
    .phase2-checkbox input[type="checkbox"] + label:before, .phase2-checkbox input[type="checkbox"]:checked + label:after {
        top: 28% !important
    }

    .phase2-checkbox input[type="checkbox"] + label {
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .phase2-checkbox input[type="checkbox"] + label:before, .phase2-checkbox input[type="checkbox"]:checked + label:after {
        top: 19px !important
    }
}

.ebill-text-comp {
    text-align: center
}

    .ebill-text-comp h2 {
        padding: 35px 25px 25px
    }

    .ebill-text-comp p, .ebill-text-comp .p, .ebill-text-comp .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .ebill-text-comp p {
        line-height: 32px;
        max-width: 765px;
        margin: auto;
        margin-bottom: 22px;
        color: #9B9B9B
    }

        .ebill-text-comp p a, .ebill-text-comp .p a, .ebill-text-comp .rebate-cta .rebate-cta-desc p a, .rebate-cta .rebate-cta-desc .ebill-text-comp p a {
            color: #0488E4
        }

@media screen and (max-width: 991px) {
    .ebill-text-comp h2 {
        padding: 16px 6px 25px 6px
    }
}

.ebill-register-in-main .ebill-register-new-account {
    max-width: 500px;
    margin: auto;
    padding: 75px 0 75px 0
}

    .ebill-register-in-main .ebill-register-new-account h2 {
        padding-bottom: 45px
    }

    .ebill-register-in-main .ebill-register-new-account .custom-black {
        color: #9B9B9B
    }

    .ebill-register-in-main .ebill-register-new-account .note-email {
        padding: 10px 0 5px 0;
        font-size: .86666667rem;
        margin: 0
    }

    .ebill-register-in-main .ebill-register-new-account .error-message {
        padding-bottom: 35px
    }

        .ebill-register-in-main .ebill-register-new-account .error-message h3 {
            padding-bottom: 32px
        }

        .ebill-register-in-main .ebill-register-new-account .error-message ul {
            margin-left: -8px
        }

            .ebill-register-in-main .ebill-register-new-account .error-message ul li {
                padding: 10px;
                font-size: 1.2rem
            }

        .ebill-register-in-main .ebill-register-new-account .error-message .valids {
            list-style-image: url("../images/tickmark-li.svg")
        }

        .ebill-register-in-main .ebill-register-new-account .error-message .invalids {
            list-style-image: url("../images/invalid.png")
        }

            .ebill-register-in-main .ebill-register-new-account .error-message .invalids::before, .ebill-register-in-main .ebill-register-new-account .error-message .valids::before {
                background: none
            }

    .ebill-register-in-main .ebill-register-new-account .form-group {
        margin-bottom: 2.66666667rem
    }

    .ebill-register-in-main .ebill-register-new-account .bbp-common-buttons {
        padding-top: 30px
    }

        .ebill-register-in-main .ebill-register-new-account .bbp-common-buttons a, .ebill-register-in-main .ebill-register-new-account .bbp-common-buttons button {
            margin: 20px auto
        }

@media screen and (max-width: 991px) {
    .ebill-register-in-main.mobile-shadow {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        margin: 12px auto 15px
    }

    .ebill-register-in-main {
        padding: 5px
    }

        .ebill-register-in-main .ebill-register-new-account {
            padding: 16px
        }

            .ebill-register-in-main .ebill-register-new-account h2 {
                padding-bottom: 35px
            }

            .ebill-register-in-main .ebill-register-new-account .bbp-common-buttons {
                padding-top: 17px
            }
}

select::-ms-expand {
    display: none
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    line-height: 1.75;
    -ms-word-break: normal;
    word-break: normal
}

.moves-card {
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #D0D0CE;
    border-bottom: 0
}

    .moves-card .moves-heading p, .moves-card .moves-heading .p {
        padding-bottom: 31px
    }

    .moves-card .moves-body .moves-card-group .panel {
        border: 0;
        -webkit-box-shadow: 0 0 0 #000;
        box-shadow: 0 0 0 #000
    }

        .moves-card .moves-body .moves-card-group .panel .panel-head {
            padding-bottom: 3rem
        }

            .moves-card .moves-body .moves-card-group .panel .panel-head .paddL0 {
                padding-left: 0
            }

        .moves-card .moves-body .moves-card-group .panel .panel-collapse {
            padding-top: 3rem;
            border-top: 1px solid #eaeaed
        }

        .moves-card .moves-body .moves-card-group .panel .collapse-btn a {
            display: block;
            padding-top: 2rem;
            border-top: 1px solid #eaeaed
        }

            .moves-card .moves-body .moves-card-group .panel .collapse-btn a:hover {
                text-decoration: none
            }

            .moves-card .moves-body .moves-card-group .panel .collapse-btn a p, .moves-card .moves-body .moves-card-group .panel .collapse-btn a .p {
                color: #0488E4;
                padding-bottom: 0;
                margin-bottom: 0;
                font-size: 1.2rem;
                text-transform: capitalize
            }

                .moves-card .moves-body .moves-card-group .panel .collapse-btn a p.close-collapse, .moves-card .moves-body .moves-card-group .panel .collapse-btn a .close-collapse.p {
                    display: block
                }

                .moves-card .moves-body .moves-card-group .panel .collapse-btn a p.open-collapse, .moves-card .moves-body .moves-card-group .panel .collapse-btn a .open-collapse.p {
                    display: none
                }

                .moves-card .moves-body .moves-card-group .panel .collapse-btn a p span, .moves-card .moves-body .moves-card-group .panel .collapse-btn a .p span {
                    background: url(/images/expand-icon.svg);
                    width: 14.5px;
                    height: 9px;
                    background-repeat: no-repeat;
                    top: -1px;
                    left: 1rem
                }

            .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] > p.close-collapse, .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] > .close-collapse.p, .moves-card .moves-body .moves-card-group .panel .collapse-btn .rebate-cta .rebate-cta-desc a[aria-expanded="true"] > p.close-collapse {
                display: none
            }

            .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] > p.open-collapse, .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] > .open-collapse.p, .moves-card .moves-body .moves-card-group .panel .collapse-btn .rebate-cta .rebate-cta-desc a[aria-expanded="true"] > p.open-collapse {
                display: block
            }

                .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] > p.open-collapse > span, .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] > .open-collapse.p > span, .moves-card .moves-body .moves-card-group .panel .collapse-btn .rebate-cta .rebate-cta-desc a[aria-expanded="true"] > p.open-collapse > span {
                    background: url("/images/collapse-new.svg");
                    background-repeat: no-repeat
                }

.collapse-moves-request-container {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 40px
}

    .collapse-moves-request-container .collapse-moves-req-tile {
        padding: 0;
        border-radius: 0 4px 4px 0;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
    }

        .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

        .collapse-moves-request-container .collapse-moves-req-tile .img-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }

            .collapse-moves-request-container .collapse-moves-req-tile .img-text .moves-img-desc img {
                display: inline-block;
                width: 40px;
                height: 40px;
                margin: 0 auto
            }

            .collapse-moves-request-container .collapse-moves-req-tile .img-text .moves-img-desc p, .collapse-moves-request-container .collapse-moves-req-tile .img-text .moves-img-desc .p {
                margin-top: 10px;
                font-family: "FoundationRoman",Arial,sans-serif;
                padding-bottom: 0
            }

            .collapse-moves-request-container .collapse-moves-req-tile .img-text .moves-img-desc a {
                color: #0488E4;
                font-family: "FoundationRoman",Arial,sans-serif;
                font-size: 16px;
                line-height: 32px;
                text-align: center;
                text-decoration: underline
            }

        .collapse-moves-request-container .collapse-moves-req-tile .personal-info {
            padding: 20px 10px 20px
        }

            .collapse-moves-request-container .collapse-moves-req-tile .personal-info p, .collapse-moves-request-container .collapse-moves-req-tile .personal-info .p {
                color: #333;
                font-size: 1.2rem;
                line-height: 2.13333333rem;
                padding-bottom: 0;
                word-wrap: break-word !important
            }

            .collapse-moves-request-container .collapse-moves-req-tile .personal-info h4 {
                font-family: "FoundationRoman",Arial,sans-serif;
                font-size: 1.2rem;
                line-height: 2.13333333rem;
                color: #9B9B9B
            }

                .collapse-moves-request-container .collapse-moves-req-tile .personal-info h4 span {
                    color: #333
                }

    .collapse-moves-request-container .personal-data .img-text p, .collapse-moves-request-container .personal-data .img-text .p {
        color: #333;
        font-size: 1.2rem;
        line-height: 2.13333333rem
    }

    .collapse-moves-request-container .moving-from-row {
        border-radius: 4px 4px 0 0;
        border-top: 4px solid #0488E4;
        margin-bottom: 0
    }

    .collapse-moves-request-container .moving-to-row {
        border-radius: 4px 4px 0 0;
        border-top: 4px solid #6CC24A;
        margin-bottom: 0
    }

    .collapse-moves-request-container .moving-data .moving-from {
        background-color: #E5F3FC
    }

    .collapse-moves-request-container .moving-data .moving-to {
        background-color: #F0F8EC
    }

    .collapse-moves-request-container .moving-data .img-text {
        border-radius: 4px 0 0 4px
    }

        .collapse-moves-request-container .moving-data .img-text p, .collapse-moves-request-container .moving-data .img-text .p {
            color: #353535;
            font-size: 23px;
            letter-spacing: 0.2px !important;
            line-height: 32px
        }

    .collapse-moves-request-container .moving-data .moving-info {
        margin: 50px 0 0 35px
    }

        .collapse-moves-request-container .moving-data .moving-info .moves-border {
            border-bottom: 1px solid #d0d0ce
        }

            .collapse-moves-request-container .moving-data .moving-info .moves-border .moving-title {
                font-family: "FoundationRoman",Arial,sans-serif;
                font-size: 1.2rem;
                line-height: 2.13333333rem;
                color: #9B9B9B;
                margin-top: 0
            }

    .collapse-moves-request-container .moving-data .moves-account-info .moves-account {
        padding: 0
    }

        .collapse-moves-request-container .moving-data .moves-account-info .moves-account p, .collapse-moves-request-container .moving-data .moves-account-info .moves-account .p {
            margin-top: 15px;
            color: #333;
            font-size: 13px;
            letter-spacing: 0.22px !important;
            line-height: 24px
        }

    .collapse-moves-request-container .moving-data .movingfrom-address {
        padding-left: 0
    }

        .collapse-moves-request-container .moving-data .movingfrom-address p, .collapse-moves-request-container .moving-data .movingfrom-address .p {
            color: #333;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 18px
        }

        .collapse-moves-request-container .moving-data .movingfrom-address .address-line1 {
            font-weight: bold
        }

    .collapse-moves-request-container .moving-data .movingfrom-date p, .collapse-moves-request-container .moving-data .movingfrom-date .p {
        color: #333;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        line-height: 32px;
        padding: 0
    }

    .collapse-moves-request-container .moving-data .movingfrom-date h3 {
        color: #000;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 1.86666667rem;
        letter-spacing: -0.1px !important;
        line-height: 32px
    }

@media only screen and (max-width: 991px) {
    .collapse-moves-request-container .moving-data .movingfrom-date h3 {
        font-size: 1.66666667rem;
        color: #333;
        letter-spacing: 0.2px !important
    }
}

.collapse-moves-request-container .moving-arrow {
    text-align: center;
    margin: 15px 0
}

    .collapse-moves-request-container .moving-arrow span {
        color: #9B9B9B
    }

.ready-to-move.completed img {
    width: 60px
}

@media only screen and (max-width: 991px) {
    .ready-to-move.completed img {
        width: auto
    }
}

@media only screen and (max-width: 991px) {
    .moves-card {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0 !important
    }

        .moves-card .moves-container {
            padding: 0
        }

        .moves-card .moves-body .moves-card-group .panel .panel-head {
            padding-bottom: 20px
        }

            .moves-card .moves-body .moves-card-group .panel .panel-head .paddL0 {
                padding-left: 15px
            }

        .moves-card .moves-body .moves-card-group .panel .panel-collapse {
            padding-top: 1rem
        }

    .collapse-moves-request-container {
        width: 100%;
        margin: 0 0 20px 0
    }

        .collapse-moves-request-container .collapse-moves-req-tile {
            margin-bottom: 10px
        }

            .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex {
                display: block
            }

                .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .img-text {
                    padding: 15px 0
                }

                    .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .img-text .moves-img-desc p, .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .img-text .moves-img-desc .p {
                        font-size: 20px
                    }

                .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .moving-from .moves-img-desc img, .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .moving-to .moves-img-desc img {
                    display: inline-block;
                    width: 32px;
                    height: 32px
                }

                .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .moving-from .moves-img-desc p, .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .moving-from .moves-img-desc .p, .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .moving-to .moves-img-desc p, .collapse-moves-request-container .collapse-moves-req-tile .moves-display-flex .moving-to .moves-img-desc .p {
                    display: inline-block;
                    padding: 0;
                    vertical-align: middle;
                    margin: 0
                }

            .collapse-moves-request-container .collapse-moves-req-tile .personal-info {
                text-align: center
            }

                .collapse-moves-request-container .collapse-moves-req-tile .personal-info h4 {
                    color: #333;
                    word-wrap: break-word
                }

        .collapse-moves-request-container .moving-data .moving-info {
            margin: 30px 0 0
        }

            .collapse-moves-request-container .moving-data .moving-info .moves-border {
                margin: 0 20px
            }

        .collapse-moves-request-container .moving-data .movingfrom-address {
            text-align: center;
            padding-bottom: 20px
        }

            .collapse-moves-request-container .moving-data .movingfrom-address p, .collapse-moves-request-container .moving-data .movingfrom-address .p {
                line-height: 32px;
                padding-bottom: 0
            }

        .collapse-moves-request-container .moving-data .movingfrom-date {
            text-align: center;
            padding-bottom: 20px
        }

            .collapse-moves-request-container .moving-data .movingfrom-date p, .collapse-moves-request-container .moving-data .movingfrom-date .p {
                display: inline-block;
                padding-right: 10px
            }

            .collapse-moves-request-container .moving-data .movingfrom-date h3 {
                display: inline
            }

        .collapse-moves-request-container .moving-data .moves-account-info .moves-account p, .collapse-moves-request-container .moving-data .moves-account-info .moves-account .p {
            text-align: center;
            margin: 15px 20px
        }
}

@media only screen and (max-width: 768px) {
    .moves-card .moves-body .moves-card-group .panel .collapse-btn a p.close-collapse, .moves-card .moves-body .moves-card-group .panel .collapse-btn a .close-collapse.p {
        float: right;
        margin-right: 2rem;
        padding-top: 0.66666667rem
    }

        .moves-card .moves-body .moves-card-group .panel .collapse-btn a p.close-collapse span, .moves-card .moves-body .moves-card-group .panel .collapse-btn a .close-collapse.p span {
            width: 9px !important;
            background-size: 100% 100%
        }

    .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] p.open-collapse, .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] .open-collapse.p {
        float: right;
        margin-right: 2rem
    }

        .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] p.open-collapse span, .moves-card .moves-body .moves-card-group .panel .collapse-btn a[aria-expanded="true"] .open-collapse.p span {
            width: 9px !important;
            background-size: 100% 100%
        }
}

.move-request-tiles .media-row {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .move-request-tiles .media-row .moves-img-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .move-request-tiles .media-row .moves-img-col img {
            -ms-flex-item-align: center;
            align-self: center
        }

    .move-request-tiles .media-row .movereq-status-info h4 {
        color: #787878;
        font-size: 1.2rem;
        line-height: 2.13333333rem;
        letter-spacing: normal;
        text-transform: uppercase;
        margin-bottom: 5px
    }

    .move-request-tiles .media-row .movereq-status-info .status-title {
        font-size: 1.86666667rem;
        padding-bottom: 6px;
        border-bottom: 1px solid #D0D0CE;
        font-family: "FoundationRoman",Arial,sans-serif;
        line-height: 2.13333333rem;
        letter-spacing: -0.1px;
        color: #000;
        margin-bottom: 15px
    }

        .move-request-tiles .media-row .movereq-status-info .status-title span {
            font-family: "FoundationBold",Arial,sans-serif
        }

    .move-request-tiles .media-row .movereq-status-info p, .move-request-tiles .media-row .movereq-status-info .p {
        padding: 0 80px 20px 0;
        font-size: 1.06666667rem;
        letter-spacing: .4px;
        line-height: 1.6rem
    }

    .move-request-tiles .media-row.completed {
        border-top: 6px solid #6CC24A;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
    }

    .move-request-tiles .media-row.processing .movereq-status-info .status-title, .move-request-tiles .media-row.processing .movereq-status-info p, .move-request-tiles .media-row.processing .movereq-status-info .p, .move-request-tiles .media-row.ready-to-move .movereq-status-info .status-title, .move-request-tiles .media-row.ready-to-move .movereq-status-info p, .move-request-tiles .media-row.ready-to-move .movereq-status-info .p {
        color: #353535
    }

@media only screen and (max-width: 991px) {
    .move-request-tiles .media-row.processing .movereq-status-info .status-title, .move-request-tiles .media-row.processing .movereq-status-info p, .move-request-tiles .media-row.processing .movereq-status-info .p, .move-request-tiles .media-row.ready-to-move .movereq-status-info .status-title, .move-request-tiles .media-row.ready-to-move .movereq-status-info p, .move-request-tiles .media-row.ready-to-move .movereq-status-info .p {
        color: #333
    }
}

.move-request-tiles .media-row.not-completed .movereq-status-info h4 {
    color: #9B9B9B
}

.move-request-tiles .media-row.not-completed .movereq-status-info .status-title {
    color: #9B9B9B
}

.move-request-tiles .media-row.not-completed .movereq-status-info p, .move-request-tiles .media-row.not-completed .movereq-status-info .p {
    color: #9B9B9B
}

@media only screen and (max-width: 991px) {
    .move-request-tiles .media-row {
        position: relative;
        display: block;
        padding: 10px 0
    }

        .move-request-tiles .media-row .moves-img-col {
            -webkit-box-pack: normal;
            -ms-flex-pack: normal;
            justify-content: normal
        }

            .move-request-tiles .media-row .moves-img-col img.media-object {
                width: 40px;
                height: 40px;
                display: inline-block
            }

        .move-request-tiles .media-row .movereq-status-info h4 {
            position: absolute;
            top: -43px;
            left: 75px
        }

        .move-request-tiles .media-row .movereq-status-info p, .move-request-tiles .media-row .movereq-status-info .p {
            letter-spacing: 0.2px !important;
            line-height: 32px;
            padding-right: 0
        }

        .move-request-tiles .media-row .movereq-status-info .status-title {
            margin-top: 20px;
            padding-bottom: 17px;
            margin-bottom: 5px;
            font-size: 1.66666667rem
        }
}

.moves-req-cta {
    min-height: 35em;
    border-radius: 4px;
    text-align: left;
    border: 1px solid #d0d0ce
}

    .moves-req-cta .card-image img {
        width: 100%;
        border-radius: 4px 4px 0 0
    }

    .moves-req-cta .card-body {
        padding: 1.33333333rem
    }

        .moves-req-cta .card-body h3 {
            color: #000;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 1.86666667rem;
            letter-spacing: .2px;
            line-height: 2.13333333rem
        }

@media only screen and (max-width: 991px) {
    .moves-req-cta .card-body h3 {
        color: #333333;
        font-size: 2.06666667rem;
        line-height: 32px
    }
}

.moves-req-cta .card-body p, .moves-req-cta .card-body .p {
    display: none
}

    .moves-req-cta .card-body p.moves-card-desc, .moves-req-cta .card-body .moves-card-desc.p {
        display: block;
        margin-top: 38px;
        color: #333;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 1.2rem;
        line-height: 2.13333333rem;
        margin-bottom: 75px
    }

.moves-req-cta .card-body .card-button {
    text-align: center
}

    .moves-req-cta .card-body .card-button a {
        border-radius: 4px;
        border: 3px solid #0488E4;
        font-size: 1.06666667rem;
        letter-spacing: 1px;
        padding: 1.06666667rem;
        display: block;
        margin: 0 auto;
        max-width: 240px
    }

        .moves-req-cta .card-body .card-button a:hover {
            text-decoration: none;
            background-color: #0488E4;
            color: #fff
        }

    .moves-req-cta .card-body .card-button .custom-anchor {
        color: #fff;
        background-color: #555;
        border-radius: 0px;
        border: none;
        font-size: 1.06666667rem;
        letter-spacing: 1px;
        padding: 1.06666667rem;
        display: block;
        margin: 0 auto;
        max-width: 240px
    }

        .moves-req-cta .card-body .card-button .custom-anchor:hover {
            text-decoration: none;
            background-color: #FFB81C;
            color: #353535
        }

.moves-req-cta .card-body .moved-account-cta-list {
    list-style-image: url(../images/BlueArrow.svg);
    margin-bottom: 30px;
    padding-left: 30px
}

    .moves-req-cta .card-body .moved-account-cta-list li {
        color: #333;
        font-family: "FoundationRoman";
        font-size: 18px;
        line-height: 32px;
        margin: 12px
    }

        .moves-req-cta .card-body .moved-account-cta-list li:before {
            content: none
        }

@media only screen and (max-width: 991px) {
    .moves-req-cta .card-body p, .moves-req-cta .card-body .p {
        margin: 0 0 30px 0
    }

    .moves-req-cta .card-body .card-button {
        padding-bottom: 12px
    }

        .moves-req-cta .card-body .card-button a {
            max-width: 320px;
            margin: 0 auto
        }
}

.cant-find-address {
    display: inline-block;
    border: 1px solid #FFB81C;
    padding: 21px 40px 30px
}

@media only screen and (max-width: 991px) {
    .cant-find-address {
        padding: 21px 15px 30px
    }
}

.cant-find-address .find-address-title {
    padding-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .cant-find-address .find-address-title {
        padding-bottom: 10px
    }
}

.cant-find-address .find-address-title span {
    font-size: 19px;
    font-family: "FoundationBold",Arial,sans-serif;
    padding-left: 6px;
    vertical-align: middle
}

@media only screen and (max-width: 991px) {
    .cant-find-address .add-title-disc {
        padding-left: 0
    }
}

@media only screen and (max-width: 991px) {
    .cant-find-address .add-find-btn {
        position: inherit;
        margin-top: 20px;
        padding-left: 46px
    }
}

.cant-find-address .add-find-btn .btn-dark, .cant-find-address .add-find-btn .btn-dark-widget, .cant-find-address .add-find-btn .btn-content-open-dark, .cant-find-address .add-find-btn .btn-content-open-dark-noborder, .cant-find-address .add-find-btn .dropdown .dropdown-btn, .dropdown .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-dark .dropdown-btn, .dropdown-dark .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-grey .dropdown-btn, .dropdown-grey .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-white .dropdown-btn, .dropdown-white .cant-find-address .add-find-btn .dropdown-btn {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .cant-find-address .add-find-btn .btn-dark, .cant-find-address .add-find-btn .btn-dark-widget, .cant-find-address .add-find-btn .btn-content-open-dark, .cant-find-address .add-find-btn .btn-content-open-dark-noborder, .cant-find-address .add-find-btn .dropdown .dropdown-btn, .dropdown .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-dark .dropdown-btn, .dropdown-dark .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-grey .dropdown-btn, .dropdown-grey .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .cant-find-address .add-find-btn .dropdown-btn, .cant-find-address .add-find-btn .dropdown-white .dropdown-btn, .dropdown-white .cant-find-address .add-find-btn .dropdown-btn {
        width: auto
    }
}

.cant-find-address .add-find-btn .btn-dark:focus, .cant-find-address .add-find-btn .btn-dark-widget:focus, .cant-find-address .add-find-btn .btn-content-open-dark:focus, .cant-find-address .add-find-btn .btn-content-open-dark-noborder:focus, .cant-find-address .add-find-btn .dropdown .dropdown-btn:focus, .dropdown .cant-find-address .add-find-btn .dropdown-btn:focus, .cant-find-address .add-find-btn .dropdown-dark .dropdown-btn:focus, .dropdown-dark .cant-find-address .add-find-btn .dropdown-btn:focus, .cant-find-address .add-find-btn .dropdown-grey .dropdown-btn:focus, .dropdown-grey .cant-find-address .add-find-btn .dropdown-btn:focus, .cant-find-address .add-find-btn .dropdown-yellow-whitetxt .dropdown-btn:focus, .dropdown-yellow-whitetxt .cant-find-address .add-find-btn .dropdown-btn:focus, .cant-find-address .add-find-btn .dropdown-yellow-darktxt .dropdown-btn:focus, .dropdown-yellow-darktxt .cant-find-address .add-find-btn .dropdown-btn:focus, .cant-find-address .add-find-btn .dropdown-white .dropdown-btn:focus, .dropdown-white .cant-find-address .add-find-btn .dropdown-btn:focus {
    background-color: #353535;
    opacity: .3;
    color: #fff
}

.cant-find-address .add-find-btn .btn-dark:disabled, .cant-find-address .add-find-btn .btn-dark-widget:disabled, .cant-find-address .add-find-btn .btn-content-open-dark:disabled, .cant-find-address .add-find-btn .btn-content-open-dark-noborder:disabled, .cant-find-address .add-find-btn .dropdown .dropdown-btn:disabled, .dropdown .cant-find-address .add-find-btn .dropdown-btn:disabled, .cant-find-address .add-find-btn .dropdown-dark .dropdown-btn:disabled, .dropdown-dark .cant-find-address .add-find-btn .dropdown-btn:disabled, .cant-find-address .add-find-btn .dropdown-grey .dropdown-btn:disabled, .dropdown-grey .cant-find-address .add-find-btn .dropdown-btn:disabled, .cant-find-address .add-find-btn .dropdown-yellow-whitetxt .dropdown-btn:disabled, .dropdown-yellow-whitetxt .cant-find-address .add-find-btn .dropdown-btn:disabled, .cant-find-address .add-find-btn .dropdown-yellow-darktxt .dropdown-btn:disabled, .dropdown-yellow-darktxt .cant-find-address .add-find-btn .dropdown-btn:disabled, .cant-find-address .add-find-btn .dropdown-white .dropdown-btn:disabled, .dropdown-white .cant-find-address .add-find-btn .dropdown-btn:disabled {
    opacity: .3
}

.cant-find-address .address-search {
    display: none;
    margin-top: 25px
}

    .cant-find-address .address-search hr {
        margin: 0 15px 25px
    }

    .cant-find-address .address-search .house-number input {
        width: 137px
    }

@media only screen and (max-width: 991px) {
    .cant-find-address .address-search .house-number input {
        width: 100%
    }
}

.cant-find-address .address-search .btn-dark, .cant-find-address .address-search .btn-dark-widget, .cant-find-address .address-search .btn-content-open-dark, .cant-find-address .address-search .btn-content-open-dark-noborder, .cant-find-address .address-search .dropdown .dropdown-btn, .dropdown .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-dark .dropdown-btn, .dropdown-dark .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-grey .dropdown-btn, .dropdown-grey .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-white .dropdown-btn, .dropdown-white .cant-find-address .address-search .dropdown-btn {
    margin: 50px 0 10px
}

@media only screen and (max-width: 991px) {
    .cant-find-address .address-search .btn-dark, .cant-find-address .address-search .btn-dark-widget, .cant-find-address .address-search .btn-content-open-dark, .cant-find-address .address-search .btn-content-open-dark-noborder, .cant-find-address .address-search .dropdown .dropdown-btn, .dropdown .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-dark .dropdown-btn, .dropdown-dark .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-grey .dropdown-btn, .dropdown-grey .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .cant-find-address .address-search .dropdown-btn, .cant-find-address .address-search .dropdown-white .dropdown-btn, .dropdown-white .cant-find-address .address-search .dropdown-btn {
        margin: 18px 0 10px
    }
}

.cant-find-address .address-search .search-street-info {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 13px;
    letter-spacing: .6px !important;
    line-height: 21px
}

.cant-find-address .search-add-popup-btn:focus {
    background-color: #353535;
    color: #fff
}

.new-address-found {
    border-top: 0.06666667rem solid #B4B4B4;
    margin-top: 30px
}

    .new-address-found h3 {
        margin: 30px 0 25px;
        padding: 0 !important
    }

    .new-address-found .new-address-section {
        background-color: #f0f0f0;
        padding: 30px 45px 40px 40px;
        position: relative;
        margin-bottom: 10px
    }

@media only screen and (max-width: 991px) {
    .new-address-found .new-address-section {
        padding: 30px 45px 40px 20px
    }
}

.new-address-found .new-address-section a {
    color: #0488E4;
    font-size: 12px;
    text-decoration: underline;
    position: absolute;
    right: 10px;
    top: 10px
}

.new-address-found .new-address-section .new-add-title {
    font-weight: bold;
    font-size: 19px;
    color: #353535;
    margin-bottom: 20px
}

    .new-address-found .new-address-section .new-add-title img {
        margin-right: 10px
    }

.new-address-found .new-address-section .new-add-desc {
    margin-top: 27px;
    line-height: 21px
}

.new-address-found .new-address-section span {
    letter-spacing: .6px !important;
    line-height: 22px;
    color: #1A1A1A
}

@media only screen and (max-width: 991px) {
    .new-address-found .new-address-section .updated-current-address {
        margin-left: 9%;
        display: inline-block
    }
}

.move-form p, .move-form .p, .move-form .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .move-form p {
    color: #9B9B9B;
    font-size: 23px;
    line-height: 32px
}

.move-form h2 {
    font-size: 1.86666667rem;
    color: #000;
    line-height: 2.66666667rem
}

@media only screen and (max-width: 991px) {
    .moves-submission-forms {
        padding: 0
    }
}

.moves-submission-forms .moves-container {
    padding: 0
}

    .moves-submission-forms .moves-container .welcome-component {
        padding: 0 45px 9px
    }

@media only screen and (max-width: 991px) {
    .moves-submission-forms .moves-container .welcome-component {
        padding: 0
    }
}

.moves-submission-forms .moves-container .moves-card-group .panel .panel-head {
    padding-bottom: 2rem !important
}

    .moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-8 {
        width: 55%
    }

@media only screen and (max-width: 991px) {
    .moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-8 {
        width: 100%
    }
}

.moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-8 .move-request-tiles .moves-img-col img {
    width: 40px;
    height: 40px
}

.moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-8 .move-request-tiles .movereq-status-info .status-title {
    font-size: 25px
}

.moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-8 .move-request-tiles .movereq-status-info p, .moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-8 .move-request-tiles .movereq-status-info .p {
    padding: 0 0 20px 0
}

.moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-4 {
    width: 45%
}

@media only screen and (max-width: 991px) {
    .moves-submission-forms .moves-container .moves-card-group .panel .panel-head .col-md-4 {
        width: 100%
    }
}

.moves-submission-forms .moves-container .moves-card-group .panel .panel-collapse {
    padding-top: 0 !important;
    border: 0 !important
}

.moves-submission-forms .collapse-moves-request-container {
    width: 98% !important
}

    .moves-submission-forms .collapse-moves-request-container .moving-data .movingfrom-date {
        padding: 0
    }

        .moves-submission-forms .collapse-moves-request-container .moving-data .movingfrom-date h3 {
            font-size: 22px !important
        }

.steps-2-wrapper .new-address-container .address-search .house-search .form-group {
    width: 100% !important
}

#WhereAreYouMoving .stepOneHeading {
    color: #9b9b9b
}

#step2Address h3 {
    padding: 43px 0 49px
}

#step2Address .custom-radio-button, #step2Address .individual-category {
    padding-left: 0
}

    #step2Address .custom-radio-button label, #step2Address .individual-category label {
        margin-left: 2rem !important;
        font-weight: normal
    }

    #step2Address .custom-radio-button input[type="radio"] + label:before, #step2Address .individual-category input[type="radio"] + label:before {
        width: 17px;
        height: 17px;
        border-color: #979797;
        left: 0 !important
    }

    #step2Address .custom-radio-button input[type="radio"]:checked + label:after, #step2Address .individual-category input[type="radio"]:checked + label:after {
        width: 9px;
        height: 10px
    }

#step2Address select::-ms-expand {
    display: block
}

.ewt-mygas {
    background-color: #f0f0f0;
    padding: 30px 50px 40px;
    margin: 20px 0 10px
}

@media screen and (max-width: 991px) {
    .ewt-mygas {
        padding: 30px 18px 10px;
        margin: 20px 0
    }
}

.ewt-mygas .title-mygas {
    margin-bottom: 30px;
    color: #333;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 21px;
    line-height: 25px;
    padding: 0px
}

.ewt-mygas #my-gas-tab #myTabs {
    padding: 0 0 0 15px
}

    .ewt-mygas #my-gas-tab #myTabs li:first-child {
        margin-right: 20px
    }

    .ewt-mygas #my-gas-tab #myTabs li a img {
        width: 32px;
        height: 38px
    }

.ewt-safety-violation {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .ewt-safety-violation {
        margin: 60px 5px 0
    }
}

.ewt-safety-violation .circle-img {
    text-align: center
}

    .ewt-safety-violation .circle-img img {
        width: 108px;
        height: 108px
    }

.ewt-safety-violation h1 {
    text-align: center;
    font-size: 35px;
    margin: 45px 0 20px;
    font-family: "FoundationBold",Arial,sans-serif;
    padding: 0
}

@media screen and (max-width: 991px) {
    .ewt-safety-violation h1 {
        font-size: 31px
    }
}

.ewt-safety-violation p, .ewt-safety-violation .p, .ewt-safety-violation .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .ewt-safety-violation p {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #9B9B9B;
    padding: 0 20px
}

@media screen and (max-width: 991px) {
    .ewt-safety-violation p, .ewt-safety-violation .p, .ewt-safety-violation .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .ewt-safety-violation p {
        padding: 0 5px;
        text-align: left
    }
}

.ewt-safety-violation a {
    text-decoration: none;
    color: #0488E4;
    cursor: pointer;
    display: block
}

@media screen and (max-width: 991px) {
    .ewt-safety-violation a {
        display: inline
    }
}

.ewt-safety-status {
    margin-top: 30px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
}

@media screen and (max-width: 991px) {
    .ewt-safety-status {
        margin: 30px 5px 0
    }
}

.ewt-safety-status .safety-status-header {
    border-radius: 4px 4px 0 0
}

    .ewt-safety-status .safety-status-header h3 {
        font-size: 23px;
        padding: 15px 30px 0;
        color: #333;
        letter-spacing: -0.1px;
        line-height: 32px;
        margin-bottom: 20px
    }

@media screen and (max-width: 991px) {
    .ewt-safety-status .safety-status-header h3 {
        padding: 15px 5px 0 15px
    }
}

.ewt-safety-status .safety-leftcontent {
    margin-top: 30px
}

    .ewt-safety-status .safety-leftcontent .ewt-status-img img {
        margin: 0 30px 25px;
        width: 64px;
        height: 66px
    }

@media screen and (max-width: 991px) {
    .ewt-safety-status .safety-leftcontent .ewt-status-img img {
        margin: 0 15px 0
    }
}

.ewt-safety-status .safety-leftcontent .safetycontent {
    color: #353535;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 18px;
    letter-spacing: 0.16px;
    line-height: 26px;
    margin: 15px 0
}

@media screen and (max-width: 991px) {
    .ewt-safety-status .safety-leftcontent .safetycontent {
        font-size: 15px;
        padding: 0 10px
    }
}

.ewt-safety-status .safety-Rightcontent {
    margin-top: 30px
}

    .ewt-safety-status .safety-Rightcontent .safetycontent {
        color: #000;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        letter-spacing: 0.16px;
        line-height: 26px;
        padding: 0 15px
    }

@media screen and (max-width: 991px) {
    .ewt-safety-status .safety-Rightcontent .safetycontent {
        margin-bottom: 30px
    }
}

.ewt-safety-status .billdilvery-collapse {
    margin: 20px 0 0
}

    .ewt-safety-status .billdilvery-collapse .orderdetails {
        margin-top: 30px;
        text-align: center
    }

        .ewt-safety-status .billdilvery-collapse .orderdetails p, .ewt-safety-status .billdilvery-collapse .orderdetails .p {
            color: #9B9B9B;
            font-size: 18px;
            letter-spacing: -0.07px;
            line-height: 21px
        }

@media screen and (max-width: 991px) {
    .ewt-safety-status .billdilvery-collapse .orderdetails p, .ewt-safety-status .billdilvery-collapse .orderdetails .p {
        margin: 0 0 0 5px;
        min-height: 60px
    }
}

.ewt-safety-status .billdilvery-collapse .orderdetails .order-content {
    color: #000;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 20px;
    letter-spacing: -0.08px;
    line-height: 24px;
    margin-bottom: 30px
}

.ewt-safety-status .billdilvery-collapse .ewt-infraction {
    border-top: 1px solid #D0D0CE
}

    .ewt-safety-status .billdilvery-collapse .ewt-infraction .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (max-width: 991px) {
    .ewt-safety-status .billdilvery-collapse .ewt-infraction .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.ewt-safety-status .billdilvery-collapse .ewt-infraction .title-infra {
    margin: 20px 35px 25px;
    color: #333;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 21px;
    line-height: 25px
}

@media screen and (max-width: 991px) {
    .ewt-safety-status .billdilvery-collapse .ewt-infraction .title-infra {
        margin: 20px 20px 25px
    }
}

.ewt-safety-status .billdilvery-collapse .ewt-infraction .infra-Leftpar {
    color: #0488E4;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 19px;
    letter-spacing: 0.2px;
    line-height: 32px;
    text-align: right;
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .ewt-safety-status .billdilvery-collapse .ewt-infraction .infra-Leftpar {
        text-align: left;
        margin-bottom: 5px;
        padding-left: 40px
    }
}

.ewt-safety-status .billdilvery-collapse .ewt-infraction .infra-rightpar {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 17px;
    letter-spacing: 0.18px;
    line-height: 20px;
    max-width: 463px;
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .ewt-safety-status .billdilvery-collapse .ewt-infraction .infra-rightpar {
        padding: 0 5px 0 40px
    }
}

.ewt-safety-status .bill-collapse {
    margin: 0
}

.ewt-safety-error .safety-status-header {
    border-top: 4px solid #C8112F;
    background-color: #f7dbe0
}

    .ewt-safety-error .safety-status-header h3 {
        padding: 15px 5px 12px 15px
    }

.ewt-safety-error .ewt-safety-status .safety-leftcontent .safetycontent {
    text-transform: uppercase
}

.ewt-safety-warn .safety-status-header {
    border-top: 4px solid #FFB81C;
    background-color: #FFF6E3
}

    .ewt-safety-warn .safety-status-header .safety-cal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 15px 20px 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (max-width: 991px) {
    .ewt-safety-warn .safety-status-header .safety-cal {
        padding: 0px 5px 15px 15px;
        float: none !important
    }
}

@media screen and (max-width: 991px) {
    .ewt-safety-warn .safety-status-header .safety-cal h3 {
        padding: 15px 5px 10px 15px
    }
}

.ewt-safety-warn .safety-status-header .safety-cal img {
    width: 23px;
    height: 24px
}

.ewt-safety-warn .safety-status-header .safety-cal.scheduled {
    font-weight: 900
}

.ewt-safety-warn .safety-status-header .safety-cal.expired {
    font-weight: 900
}

.ewt-safety-warn .safety-status-header p, .ewt-safety-warn .safety-status-header .p {
    font-size: 18px;
    display: inline;
    padding: 2px 10px 0;
    margin: 0
}

.ewt-safety-warn .ewt-safety-status .safety-leftcontent .safetycontent {
    max-width: 296px;
    text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap
}

    .ewt-safety-warn .ewt-safety-status .safety-leftcontent .safetycontent:hover {
        overflow: visible;
        white-space: normal
    }

.ewt-safety-success .ewt-safety-status .safety-Rightcontent .safetycontent {
    padding: 15px 54px 0 0;
    text-align: right
}

@media screen and (max-width: 991px) {
    .ewt-safety-success .ewt-safety-status .safety-Rightcontent .safetycontent {
        text-align: left;
        padding: 10px 15px 5px
    }
}

.ewt-safety-success .ewt-safety-status .safety-leftcontent .safetycontent {
    max-width: 296px;
    text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap
}

    .ewt-safety-success .ewt-safety-status .safety-leftcontent .safetycontent:hover {
        overflow: visible;
        white-space: normal
    }

.ewt-safety-success .safety-status-header {
    border-top: 4px solid #6CC24A;
    background-color: #F0F8EC
}

    .ewt-safety-success .safety-status-header .safety-cal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 15px 20px 0
    }

@media screen and (max-width: 991px) {
    .ewt-safety-success .safety-status-header .safety-cal {
        padding: 0px 5px 30px 15px;
        float: none !important
    }
}

.ewt-safety-success .safety-status-header .safety-cal img {
    width: 23px;
    height: 24px
}

.ewt-safety-success .safety-status-header p, .ewt-safety-success .safety-status-header .p {
    font-size: 18px;
    display: inline;
    padding: 2px 10px 0;
    margin: 0
}

.removediv {
    display: none
}

.ewt-content {
    margin-top: 50px
}

@media screen and (max-width: 991px) {
    .ewt-content {
        margin: 50px 5px 0
    }
}

.ewt-content h1 {
    font-size: 35px;
    margin-bottom: 12px;
    letter-spacing: -0.3px;
    line-height: 40px
}

@media screen and (max-width: 991px) {
    .ewt-content h1 {
        font-size: 31px
    }
}

.ewt-content p, .ewt-content .p, .ewt-content .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .ewt-content p {
    font-size: 18px;
    letter-spacing: 0.23px;
    line-height: 32px;
    color: #333;
    max-width: 763px;
    padding-bottom: 10px
}

.ewt-button {
    margin-top: 90px;
    text-align: center
}

    .ewt-button .bbp-common-buttons {
        display: inline-block
    }

@media screen and (max-width: 991px) {
    .ewt-button .bbp-common-buttons {
        width: 100%
    }
}

.ewt-button .bbp-common-buttons a {
    padding: 16px 8px
}

.ewt-head-par {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .ewt-head-par {
        margin: 60px 5px 0
    }
}

.ewt-head-par h2 {
    font-size: 28px;
    margin: 30px 0;
    text-align: center;
    padding: 0;
    letter-spacing: -0.3px;
    line-height: 33px
}

.ewt-head-par p, .ewt-head-par .p, .ewt-head-par .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .ewt-head-par p {
    line-height: 32px;
    text-align: center;
    color: #333;
    font-size: 18px;
    padding: 0 20px
}

@media screen and (max-width: 991px) {
    .ewt-head-par p, .ewt-head-par .p, .ewt-head-par .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .ewt-head-par p {
        text-align: left;
        padding: 0 5px
    }
}

.meter-reading-container .submitMeterReading {
    margin-top: 30px
}

@media screen and (max-width: 991px) {
    .meter-reading-container .submitMeterReading {
        margin: 20px 5px
    }
}

.safety-no-outstanding {
    border-radius: 4px;
    background-color: #f0f0f0;
    text-align: center;
    margin-top: 40px
}

@media screen and (max-width: 991px) {
    .safety-no-outstanding {
        margin: 40px 5px 0
    }
}

.safety-no-outstanding .circle-error {
    text-align: center
}

    .safety-no-outstanding .circle-error img {
        width: 49px;
        height: 49px;
        margin: 56px 0 30px
    }

.safety-no-outstanding .no-content {
    color: #9B9B9B;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 28px;
    max-width: 480px;
    margin: auto;
    letter-spacing: -0.3px;
    line-height: 33px;
    padding-bottom: 70px
}

@media screen and (max-width: 991px) {
    .safety-no-outstanding .no-content {
        padding: 0 30px 70px
    }
}

.safety-no-outstanding .no-content span {
    display: block
}

@media screen and (max-width: 991px) {
    .safety-no-outstanding .no-content span {
        display: inline
    }
}

.resolving-voilations-text-main {
    text-align: center;
    margin-top: 60px
}

    .resolving-voilations-text-main h2 {
        padding-bottom: 24px;
        font-size: 1.86666667rem;
        line-height: 32px
    }

    .resolving-voilations-text-main .rv-h2 {
        padding-bottom: 24px;
        font-size: 1.86666667rem;
        line-height: 32px;
        margin-bottom: 0px
    }

    .resolving-voilations-text-main p, .resolving-voilations-text-main .p, .resolving-voilations-text-main .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .resolving-voilations-text-main p {
        max-width: 880px;
        margin: 0 auto 18px auto;
        color: #353535;
        line-height: 32px;
        font-size: 1.2rem
    }

.have-you-fixed-main {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    text-align: center;
    min-height: 165px;
    border-radius: 4px
}

    .have-you-fixed-main .haveyoufixed-headiing {
        font-size: 1.86666667rem;
        color: #000;
        line-height: 32px;
        padding: 20px
    }

    .have-you-fixed-main .yes-no-box {
        border-radius: 4px;
        min-height: 62px;
        max-width: 660px;
        margin: 3px auto 46px auto
    }

        .have-you-fixed-main .yes-no-box a {
            color: #000;
            font-size: 23px;
            letter-spacing: 0.2px;
            line-height: 32px;
            padding: 15px 33px;
            cursor: pointer;
            width: 329px;
            float: left;
            border: 1px solid #FFB81C
        }

        .have-you-fixed-main .yes-no-box .no-anc {
            border-radius: 4px 0 0 4px
        }

        .have-you-fixed-main .yes-no-box .yes-anc {
            border-radius: 0 4px 4px 0;
            border-left: none
        }

        .have-you-fixed-main .yes-no-box a:hover {
            text-decoration: none
        }

        .have-you-fixed-main .yes-no-box a:active, .have-you-fixed-main .yes-no-box .active {
            border: 1px solid #0488E4;
            color: #4A90E2;
            background-color: #E5F3FC;
            text-decoration: none
        }

    .have-you-fixed-main .expand-section-no, .have-you-fixed-main .expand-section-yes {
        display: none;
        border-top: 1px solid #eaeaed;
        margin: 0;
        min-height: 272px
    }

        .have-you-fixed-main .expand-section-no .custom-padding, .have-you-fixed-main .expand-section-yes .custom-padding {
            padding: 0 15px 0 0
        }

            .have-you-fixed-main .expand-section-no .custom-padding .card-image img, .have-you-fixed-main .expand-section-yes .custom-padding .card-image img {
                width: 100%;
                height: 100%
            }

        .have-you-fixed-main .expand-section-no h2, .have-you-fixed-main .expand-section-yes h2 {
            padding: 32px 0 18px 0;
            font-size: 1.86666667rem
        }

        .have-you-fixed-main .expand-section-no .rv-h2, .have-you-fixed-main .expand-section-yes .rv-h2 {
            padding: 32px 0 18px 0;
            font-size: 1.86666667rem
        }

        .have-you-fixed-main .expand-section-no p, .have-you-fixed-main .expand-section-no .p, .have-you-fixed-main .expand-section-yes p, .have-you-fixed-main .expand-section-yes .p {
            line-height: 32px;
            max-width: 480px;
            text-align: left;
            margin-bottom: 8px;
            font-size: 1.2rem;
            margin: auto
        }

        .have-you-fixed-main .expand-section-yes p, .have-you-fixed-main .expand-section-yes .p {
            max-width: 860px;
            text-align: center;
            margin: auto;
            padding: 0 34px 32px 34px;
            font-size: 1.2rem
        }

        .have-you-fixed-main .expand-section-yes .card-button {
            max-width: 570px;
            margin: auto
        }

            .have-you-fixed-main .expand-section-yes .card-button a {
                width: 240px;
                margin: 0 22px;
                display: block;
                float: left
            }

    .have-you-fixed-main .contractor-fixed-section {
        display: none;
        border-top: 1px solid #eaeaed
    }

        .have-you-fixed-main .contractor-fixed-section h2 {
            padding: 35px 33px 20px 33px;
            font-size: 1.86666667rem
        }

        .have-you-fixed-main .contractor-fixed-section .rv-h2 {
            padding: 35px 33px 20px 33px;
            font-size: 1.86666667rem
        }

        .have-you-fixed-main .contractor-fixed-section p, .have-you-fixed-main .contractor-fixed-section .p {
            max-width: 860px;
            text-align: center;
            margin: auto;
            font-size: 1.2rem;
            line-height: 32px
        }

        .have-you-fixed-main .contractor-fixed-section .font-bold, .have-you-fixed-main .contractor-fixed-section .next-results {
            font-weight: bold
        }

        .have-you-fixed-main .contractor-fixed-section .custom-color {
            color: #0488E4
        }

        .have-you-fixed-main .contractor-fixed-section ul {
            display: inline-block;
            padding: 0;
            margin: auto
        }

            .have-you-fixed-main .contractor-fixed-section ul li {
                font-size: 1.06666667rem;
                line-height: 20px;
                margin: 0 0 20px 0;
                list-style: none;
                text-align: left;
                word-break: break-word
            }

        .have-you-fixed-main .contractor-fixed-section .bbp-common-buttons {
            padding: 30px
        }

            .have-you-fixed-main .contractor-fixed-section .bbp-common-buttons a {
                margin: auto
            }

        .have-you-fixed-main .contractor-fixed-section button.close {
            margin: 15px;
            opacity: 0.8;
            color: #353535
        }

@media only screen and (max-width: 991px) {
    .resolving-voilations-text-main {
        text-align: left;
        padding: 5px
    }

    .have-you-fixed-main {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid #eaeaed;
        border-radius: 0
    }

        .have-you-fixed-main .yes-no-box {
            min-height: 39px;
            max-width: 320px
        }

            .have-you-fixed-main .yes-no-box a {
                font-size: 16px;
                padding: 10px;
                width: 160px;
                line-height: 19px
            }

        .have-you-fixed-main .expand-section-no {
            border-top: none;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
        }

            .have-you-fixed-main .expand-section-no .custom-padding {
                padding: 0
            }

                .have-you-fixed-main .expand-section-no .custom-padding .card-image {
                    height: auto
                }

            .have-you-fixed-main .expand-section-no h2 {
                text-align: left
            }

            .have-you-fixed-main .expand-section-no .rv-h2 {
                text-align: left
            }

            .have-you-fixed-main .expand-section-no p, .have-you-fixed-main .expand-section-no .p {
                margin: 0;
                max-width: 95%
            }

        .have-you-fixed-main .expand-section-yes {
            border-top: none;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
        }

            .have-you-fixed-main .expand-section-yes h2 {
                padding: 32px 16px 18px;
                text-align: left
            }

            .have-you-fixed-main .expand-section-yes p, .have-you-fixed-main .expand-section-yes .p {
                padding: 0 16px 32px 16px;
                text-align: left;
                margin: unset
            }

            .have-you-fixed-main .expand-section-yes .card-button {
                padding: 20px 16px 30px 16px
            }

                .have-you-fixed-main .expand-section-yes .card-button a {
                    float: none;
                    margin: 0 auto 20px auto;
                    width: 100%;
                    max-width: 320px
                }

        .have-you-fixed-main .contractor-fixed-section {
            border-top: none;
            text-align: left;
            padding: 0 15px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
        }

            .have-you-fixed-main .contractor-fixed-section h2 {
                padding: 20px 0;
                line-height: 32px
            }

            .have-you-fixed-main .contractor-fixed-section p, .have-you-fixed-main .contractor-fixed-section .p {
                text-align: left;
                line-height: 32px;
                margin-bottom: 5px
            }

            .have-you-fixed-main .contractor-fixed-section ul li span {
                display: block
            }
}

.appointment #appointmnetSuccessdiv {
    margin-bottom: 46px
}

.card-group .cta-voilations .card-image img {
    width: 80px;
    height: 80px;
    margin: 22px auto 18px auto;
    text-align: center
}

.card-group .cta-voilations .card-body {
    text-align: center;
    padding: 0 12px !important
}

    .card-group .cta-voilations .card-body h2 {
        padding: 0 10px;
        line-height: 32px;
        font-size: 1.86666667rem
    }

    .card-group .cta-voilations .card-body p, .card-group .cta-voilations .card-body .p {
        color: #353535;
        margin: 5px 0 25px 0
    }

    .card-group .cta-voilations .card-body .cust-text {
        border-top: 2px solid #D0D0CE;
        padding: 45px 0 50px 0;
        margin: 0;
        text-align: left
    }

    .card-group .cta-voilations .card-body .card-button {
        margin-bottom: 45px
    }

@media only screen and (max-width: 991px) {
    .card-group .cta-voilations .card-body {
        text-align: center !important
    }

        .card-group .cta-voilations .card-body .cust-text {
            padding: 30px 0
        }
}

.inspection-popup h3 {
    color: #000
}

.inspection-popup .center-content {
    margin-bottom: 40px
}

    .inspection-popup .center-content .circle-image-bg {
        background-color: #FFF6E3;
        padding: 39px
    }

        .inspection-popup .center-content .circle-image-bg.runl2-notification-color {
            background-color: #f7dbe0
        }

.inspection-popup .bottom-content {
    border-top: 1px solid #eaeaed;
    margin: 25px;
    padding-top: 32px
}

    .inspection-popup .bottom-content p, .inspection-popup .bottom-content .p {
        padding: 8px 30px;
        font-size: 13px;
        letter-spacing: 0.22px;
        line-height: 24px
    }

.inspection-popup button.close {
    margin: 15px;
    opacity: 0.8;
    color: #353535
}

@media only screen and (max-width: 991px) {
    .inspection-popup .bottom-content {
        margin: 13px
    }

        .inspection-popup .bottom-content p, .inspection-popup .bottom-content .p {
            padding: 8px
        }

    .inspection-popup button.close {
        margin: 5px;
        padding-top: 12px
    }
}

.pagination-new-dropdown {
    margin: 60px
}

    .pagination-new-dropdown .pagination-dropdown {
        width: 201px;
        text-align: center;
        margin: auto;
        position: relative
    }

        .pagination-new-dropdown .pagination-dropdown .selectdiv .new-dropdown-phase2 {
            padding: 16px 50px;
            height: 64px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
            border-radius: 4px
        }

        .pagination-new-dropdown .pagination-dropdown .selectdiv:after {
            right: 30px;
            top: -5px
        }

        .pagination-new-dropdown .pagination-dropdown a {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 31%;
            font-size: 1.2rem
        }

            .pagination-new-dropdown .pagination-dropdown a.previous {
                left: -50px
            }

                .pagination-new-dropdown .pagination-dropdown a.previous:before {
                    content: "\f053";
                    color: #0488E4;
                    font-family: 'FontAwesome';
                    position: absolute;
                    left: 4px;
                    top: 3px
                }

            .pagination-new-dropdown .pagination-dropdown a.next {
                right: -50px
            }

                .pagination-new-dropdown .pagination-dropdown a.next:after {
                    content: "\f054";
                    color: #0488E4;
                    font-family: 'FontAwesome';
                    position: absolute;
                    right: 4px;
                    top: 3px
                }

        .pagination-new-dropdown .pagination-dropdown .inactive {
            cursor: no-drop
        }

@media only screen and (max-width: 991px) {
    .pagination-new-dropdown .pagination-dropdown a {
        font-size: .8rem
    }
}

.moves-account-section {
    border-radius: 4px;
    border: 1px solid #d0d0ce;
    border-top: 6px solid #FFB81B
}

    .moves-account-section .account-moved-container {
        margin: 35px 70px 0px
    }

        .moves-account-section .account-moved-container h3 {
            color: #000;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 23px;
            letter-spacing: 0.2px;
            line-height: 32px;
            margin-bottom: 30px
        }

        .moves-account-section .account-moved-container .animated-image-container {
            width: 100%;
            background-color: #f0f0f0;
            text-align: center;
            padding: 20px 0
        }

            .moves-account-section .account-moved-container .animated-image-container p, .moves-account-section .account-moved-container .animated-image-container .p {
                opacity: 0.32;
                color: #353535;
                font-size: 16px;
                line-height: 19px;
                padding: 5px 0
            }

            .moves-account-section .account-moved-container .animated-image-container img {
                width: 80%;
                margin: 0 auto;
                height: auto
            }

        .moves-account-section .account-moved-container p, .moves-account-section .account-moved-container .p {
            color: #333;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 16px;
            line-height: 32px;
            margin-top: 5px
        }

@media only screen and (max-width: 991px) {
    .moves-account-section {
        margin: 0 0 40px
    }

        .moves-account-section .account-moved-container {
            margin: 15px 15px 0
        }

            .moves-account-section .account-moved-container .animated-image-container img {
                width: 92%
            }
}

#address-search-popup.im-moving-enhance-popup .close {
    margin-top: 5px;
    opacity: 1
}

#address-search-popup.im-moving-enhance-popup h3 {
    text-align: center;
    padding: 0
}

#address-search-popup.im-moving-enhance-popup .modal-body {
    text-align: center
}

#address-search-popup.im-moving-enhance-popup .address-loading {
    display: inline-block;
    text-align: justify;
    margin-top: 20px
}

#address-search-popup.im-moving-enhance-popup .enter-address-details {
    background-color: #f0f0f0;
    padding: 20px 70px 20px 84px;
    min-width: 300px
}

    #address-search-popup.im-moving-enhance-popup .enter-address-details span {
        color: #1A1A1A;
        font-weight: bold;
        margin-bottom: 12px;
        display: inline-block
    }

    #address-search-popup.im-moving-enhance-popup .enter-address-details p, #address-search-popup.im-moving-enhance-popup .enter-address-details .p {
        margin-bottom: 5px
    }

#address-search-popup .nearest-matches {
    width: 40%;
    margin: 27px auto 0
}

@media only screen and (max-width: 991px) {
    #address-search-popup .nearest-matches {
        width: 66%
    }
}

#address-search-popup .nearest-matches p, #address-search-popup .nearest-matches .p {
    font-weight: bold;
    margin-bottom: 26px
}

#address-search-popup .nearest-matches .resulted-address-radio {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    text-align: left
}

#address-search-popup .nearest-matches label {
    line-height: 21px;
    font-weight: normal;
    color: #1A1A1A;
    text-transform: uppercase;
    text-align: left;
    margin-left: 3rem !important
}

#address-search-popup .nearest-matches input[type="radio"]:focus + label:before {
    outline: none
}

#address-search-popup .nearest-matches input[type="radio"] + label:before {
    width: 17px;
    height: 17px;
    top: 32%;
    border-color: #979797;
    left: 1rem !important
}

#address-search-popup .nearest-matches input[type="radio"]:checked + label:after {
    width: 9px;
    height: 10px;
    top: 32%;
    left: 1.26666667rem !important
}

#address-search-popup .nearest-matches input[type=radio]:focus {
    outline: none
}

#address-search-popup .nearest-matches .help-category .individual-category.resulted-address-radio input[type="radio"] + label:after {
    left: 18px !important
}

#address-search-popup .nearest-matches .resulted-address-radio.border2Px {
    border: none !important
}

#address-search-popup .nearest-matches hr {
    margin: 18px 0 18px 57px !important
}

#address-search-popup .nearest-matches .no-address-option input[type="radio"] + label:before {
    top: 44%
}

#address-search-popup .nearest-matches .no-address-option input[type="radio"]:checked + label:after {
    top: 44%
}

#address-search-popup .nearest-matches .no-address-option label {
    text-decoration: none
}

#address-search-popup .nearest-matches .popup-nxt {
    margin: 63px 0 50px
}

    #address-search-popup .nearest-matches .popup-nxt button {
        display: inline-block;
        border: none;
        width: 171px
    }

.streetno-apartmentno-select {
    margin-top: 27px
}

    .streetno-apartmentno-select h5 {
        color: #1A1A1A;
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 15px;
        letter-spacing: .6px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 40px
    }

    .streetno-apartmentno-select .find-street-select {
        width: 50%;
        margin: 0 auto 17px;
        margin-bottom: 17px
    }

        .streetno-apartmentno-select .find-street-select label {
            float: left
        }

    .streetno-apartmentno-select .show-other {
        margin-top: 6px;
        display: inline-block;
        width: 100%
    }

        .streetno-apartmentno-select .show-other p, .streetno-apartmentno-select .show-other .p {
            color: #1A1A1A;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 12px;
            letter-spacing: .48px !important;
            line-height: 14px;
            float: left;
            text-align: left;
            margin-top: 2px;
            margin-bottom: 20px
        }

.im-moving-buttons {
    display: inline-block;
    margin-top: 72px;
    min-width: 171px
}

    .im-moving-buttons button {
        text-align: center;
        width: 100%
    }

    .im-moving-buttons a {
        margin: 10px 0 65px !important;
        width: 100%
    }

.no-result-found {
    margin: 69px 0 61px
}

    .no-result-found p, .no-result-found .p, .no-result-found .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .no-result-found p {
        color: #1A1A1A;
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 15px;
        letter-spacing: 0.6px;
        line-height: 21px;
        text-align: center
    }

@media only screen and (max-width: 991px) {
    .im-moving-enhance-popup .streetno-apartmentno-select {
        margin-top: 40px
    }

        .im-moving-enhance-popup .streetno-apartmentno-select h5 {
            text-align: left;
            width: 50%;
            margin: 0 auto 50px
        }

        .im-moving-enhance-popup .streetno-apartmentno-select .find-street-select {
            width: 80%
        }

    .im-moving-enhance-popup .no-result-found {
        margin: 96px 0 61px
    }
}

.finded-address p, .finded-address .p, .finded-address .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .finded-address p {
    display: inline-block
}

#lblNoneOftheAbove {
    text-transform: none
}

#accountActivity-gasusage #easyPaginate {
    width: 300px
}

    #accountActivity-gasusage #easyPaginate img {
        display: block;
        margin-bottom: 10px
    }

#accountActivity-gasusage .easyPaginateNav {
    margin-left: 105px;
    margin-top: 15px;
    line-height: 40px;
    padding-top: 15px;
    bottom: 128px;
    position: absolute;
    margin-bottom: -20px
}

    #accountActivity-gasusage .easyPaginateNav a {
        padding: 5px
    }

        #accountActivity-gasusage .easyPaginateNav a:focus {
            color: #23527c
        }

        #accountActivity-gasusage .easyPaginateNav a.current {
            font-weight: bold;
            text-decoration: underline
        }

#accountActivity-gasusage .my-account-tab-container ul li::before {
    display: none
}

#accountActivity-gasusage #pager {
    width: 75px;
    margin: 0px 30px;
    bottom: 110px;
    margin-bottom: -10px;
    margin-top: 4px
}

#accountActivity-gasusage #ddlGasUsagePageSize {
    padding: 0px;
    width: 54px;
    height: 25px
}

#accountActivity-gasusage .divtable {
    padding-bottom: 20px
}

#accountActivity-gasusage .filter-select {
    width: 40%;
    display: inline-block;
    clear: both;
    height: 2.66666667rem
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) and (orientation: landscape) {
    #accountActivity-gasusage .filter-select {
        width: 37%
    }
}

#accountActivity-gasusage #usage-history .download-name {
    width: 200px;
    text-align: center
}

#accountActivity-gasusage #usage-history .divtable {
    min-width: 6500px
}

#accountActivity-gasusage .account-activity-main .all-account-activities .divtable .download-name {
    padding-left: 10px
}

#accountActivity-gasusage .account-activity-main .all-account-activities .divtable .download-date {
    padding-left: 10px
}

#accountActivity-gasusage .gas-usage-multi-address {
    padding-bottom: 16px;
    padding-left: 0px
}

#accountActivity-gasusage .gas-usage-filters {
    padding-bottom: 10px
}

#gas-usage-collective-account .account-header {
    min-height: 100px
}

    #gas-usage-collective-account .account-header .heading {
        font-weight: bold;
        margin: 10px 0
    }

    #gas-usage-collective-account .account-header .account-info {
        padding-left: 0
    }

#gas-usage-collective-account .account-summary {
    background-color: white;
    padding-left: 0;
    padding-right: 0;
    padding: 20px;
    min-height: 100px
}

    #gas-usage-collective-account .account-summary .title {
        width: 200px;
        font-weight: 500;
        display: inline-block
    }

#gas-usage-collective-account .interaction {
    margin: 30px 0
}

    #gas-usage-collective-account .interaction .interaction-invoice-date, #gas-usage-collective-account .interaction .interaction-export {
        width: 39%;
        vertical-align: top;
        display: inline-block
    }

    #gas-usage-collective-account .interaction .interaction-invoice-date {
        margin-right: 10%
    }

    #gas-usage-collective-account .interaction .interaction-export {
        margin-left: 10%
    }

    #gas-usage-collective-account .interaction .filter-select {
        margin: 7px 0
    }

#gas-usage-collective-account #invoice-table .download-name {
    display: inline-block;
    width: 32%;
    vertical-align: top
}

#gas-usage-collective-account #invoice-table .divtable {
    width: 100%
}

#gas-usage-collective-account .divtable {
    width: 100%;
    min-width: 0 !important
}

#accountActivity #easyPaginate {
    width: 300px
}

    #accountActivity #easyPaginate img {
        display: block;
        margin-bottom: 10px
    }

#accountActivity .easyPaginateNav {
    margin-left: 105px;
    margin-top: 15px;
    line-height: 40px;
    padding-top: 10px;
    position: absolute
}

    #accountActivity .easyPaginateNav a {
        padding: 5px
    }

        #accountActivity .easyPaginateNav a:focus {
            color: #23527c
        }

        #accountActivity .easyPaginateNav a.current {
            font-weight: bold;
            text-decoration: underline
        }

#accountActivity .my-account-tab-container ul li::before {
    display: none
}

#accountActivity #pager {
    width: 58px;
    margin: 0px 30px;
    bottom: 110px;
    margin-bottom: -10px;
    margin-top: 10px
}

#accountActivity #ddlaccountActivitypagesize {
    padding: 0px;
    width: 54px;
    height: 25px
}

#accountActivity .divtable {
    padding-bottom: 20px
}

.oba-charges-link {
    color: #0488E4 !important;
    text-decoration: underline;
    cursor: pointer
}

.oba-textarea textarea {
    min-height: 234px;
    resize: none;
    margin-top: 10px;
    padding-left: 10px !important
}

.oba-textarea #textarea_feedback {
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 20px;
    color: #9B9B9B;
    position: relative;
    top: -40px;
    text-align: right;
    right: 20px
}

.oba-hr {
    height: 1px;
    border: 1px solid #f0f0f0;
    width: 100%;
    margin: 30px 0
}

.edge-singleline-textarea textarea {
    border: 0 !important;
    border-bottom: 1px solid #D0D0CE !important;
    color: #333;
    font-size: 1.2rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-left: 0;
    resize: none
}

.edge-singleline-textarea label + div {
    border-bottom: 1px solid #d0d0ce;
    color: #333;
    font-size: 1.2rem;
    padding: 6px 0
}

.taxes-included-text {
    font-size: 0.86666667rem !important;
    color: #787878 !important;
    margin: 0;
    font-family: "FoundationRoman",Arial,sans-serif;
    padding: 0 !important
}

@media only screen and (max-width: 991px) {
    .taxes-included-text {
        color: #333 !important;
        display: block;
        margin-left: 0
    }
}

@media only screen and (max-width: 991px) {
    .oba-content .gas-reconnect-headings h1 {
        border-bottom: none;
        font-size: 31px
    }
}

.oba-container .bbp-text-component h1 {
    color: #000;
    font-size: 35px;
    letter-spacing: -.3px;
    line-height: 41px;
    margin: 50px 0 12px 0
}

.oba-container .bbp-text-component p, .oba-container .bbp-text-component .p {
    color: #333;
    font-size: 18px;
    letter-spacing: .23px !important;
    line-height: 32px
}

.oba-container .bbp-text-component h2 {
    color: #000;
    font-size: 28px;
    letter-spacing: -.3px;
    line-height: 33px;
    margin-bottom: 0
}

.oba-container .oba-recent-dispute-container {
    margin-top: 45px
}

.oba-container .oba-latestbill-charges {
    margin-top: 42px
}

@media only screen and (max-width: 991px) {
    .oba-container .oba-latestbill-charges {
        margin-top: 30px
    }
}

.oba-no-charges-company {
    width: 573px;
    border-radius: 4px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    display: table;
    margin-top: 30px
}

    .oba-no-charges-company p, .oba-no-charges-company .p, .oba-no-charges-company .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .oba-no-charges-company p {
        color: #9B9B9B;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        letter-spacing: -.19px !important;
        line-height: 21px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding: 57px 178px
    }

.oba-select-product .pagination-dropdown {
    margin: 30px 0 50px
}

@media only screen and (max-width: 991px) {
    .oba-select-product .pagination-dropdown {
        margin: 30px 0 20px
    }
}

.oba-select-product .pagination-dropdown .pagination-label {
    display: inline-block;
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 20px;
    letter-spacing: -.3px !important;
    line-height: 24px;
    margin-right: 25px
}

.oba-select-product .pagination-dropdown .selectdiv {
    display: inline-block
}

.edg-marginb-20 {
    margin-bottom: 20px
}

.oba-select-product .selectdiv::after {
    top: -5px;
    right: 20px
}

.oba-select-product-search {
    border-radius: 4px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    padding: 25px 165px 35px;
    text-align: center;
    width: 700px
}

    .oba-select-product-search h5 {
        color: #4a4a4a;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        letter-spacing: -.19px !important;
        line-height: 21px;
        margin-bottom: 20px
    }

    .oba-select-product-search .toi {
        color: #4a4a4a;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        letter-spacing: -.19px !important;
        line-height: 21px;
        margin-bottom: 20px
    }

    .oba-select-product-search p, .oba-select-product-search .p, .oba-select-product-search .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .oba-select-product-search p {
        color: #9B9B9B;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        letter-spacing: -.19px !important;
        line-height: 21px;
        text-align: center;
        margin-top: 30px
    }

@media only screen and (max-width: 991px) {
    .oba-container {
        padding: 0 15px
    }

    .oba-charges-content .bbp-text-component h1 {
        font-size: 31px;
        letter-spacing: -.27px;
        line-height: 41px;
        margin: 30px 0 0
    }

    .oba-charges-content .bbp-text-component h2 {
        font-size: 25px;
        letter-spacing: -0.21px;
        line-height: 41px
    }

    .oba-charges-bill, .oba-explore-charges-bill {
        margin-top: 30px
    }

    .oba-no-charges-company {
        width: 100%
    }

        .oba-no-charges-company p, .oba-no-charges-company .p, .oba-no-charges-company .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .oba-no-charges-company p {
            padding: 100px 64px
        }

    .oba-select-product .pagination-dropdown .selectdiv {
        width: 100%
    }

    .oba-select-product-search {
        width: 100%;
        padding: 25px 67px 35px
    }
}

.oba-buttons {
    margin-top: 60px
}

.content-management {
    margin-top: 22px
}

    .content-management .my-account-tab-container .myTab li {
        min-width: 33%
    }

        .content-management .my-account-tab-container .myTab li a {
            min-height: 62px
        }

.content-under-gas {
    margin-top: 60px
}

    .content-under-gas h3 {
        font-size: 25px
    }

    .content-under-gas p, .content-under-gas .p, .content-under-gas .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .content-under-gas p {
        font-size: 15px;
        margin-top: 20px
    }

.content-commerical .commerical-text {
    margin-top: 75px
}

.commerical-text p, .commerical-text .p, .commerical-text .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .commerical-text p, .commerical-text .commerical-heading {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -0.13px;
    line-height: 17px
}

.commerical-text .commerical-heading {
    font-family: "FoundationBold",Arial,sans-serif;
    padding-bottom: 5px
}

.commerical-rate {
    border: 1px solid #FFB81C;
    padding: 20px 30px 30px;
    margin-top: 25px
}

    .commerical-rate h4 {
        margin-bottom: 30px;
        color: #353535;
        font-family: "FoundationBold",Arial,sans-serif;
        font-size: 20px;
        letter-spacing: -0.13px;
        line-height: 24px
    }

    .commerical-rate .commerical-text p, .commerical-rate .commerical-text .p {
        padding-bottom: 30px
    }

.oba-charges-table {
    margin: 42px 0 50px 0
}

@media only screen and (max-width: 991px) {
    .oba-charges-table {
        margin: 20px 0 30px 0
    }
}

.oba-charges-table .latest-bill-section {
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
}

@media only screen and (max-width: 991px) {
    .oba-charges-table .latest-bill-section {
        padding: 0
    }
}

.oba-charges-table .latest-bill-section .bill-list {
    padding: 0
}

    .oba-charges-table .latest-bill-section .bill-list li:nth-child(odd) {
        background-color: #f0f0f0 !important
    }

    .oba-charges-table .latest-bill-section .bill-list li:nth-child(even) {
        background-color: #fff !important
    }

    .oba-charges-table .latest-bill-section .bill-list .bill-title {
        width: 65%;
        padding-right: 20px
    }

@media only screen and (max-width: 991px) {
    .oba-charges-table .latest-bill-section .bill-list .bill-title {
        width: 100%;
        padding-right: 0
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .oba-charges-table .latest-bill-section .bill-list .bill-title {
        width: 100%;
        padding-right: 0
    }
}

.oba-charges-table .latest-bill-section .bill-total h3 {
    margin: 0
}

@media only screen and (max-width: 991px) {
    .oba-charges-table .latest-bill-section .bill-total h3 {
        padding: 0 15px
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .oba-charges-table .latest-bill-section .bill-total h3 {
        padding: 0 15px
    }
}

.oba-charges-table .latest-bill-section .bill-total span {
    margin: 0
}

@media only screen and (max-width: 991px) {
    .oba-charges-table .latest-bill-section .bill-total span {
        padding: 0 15px
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .oba-charges-table .latest-bill-section .bill-total span {
        padding: 0 15px
    }
}

.recent-dispute-table {
    margin: 6px 0 20px
}

    .recent-dispute-table table {
        border-collapse: collapse;
        width: 100%;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        margin-bottom: 20px
    }

        .recent-dispute-table table th {
            background: #fff;
            color: #353535;
            font-size: 15px;
            letter-spacing: .4px;
            line-height: 18px;
            border: 0 !important;
            padding: 15px 0 15px 20px !important
        }

            .recent-dispute-table table th:last-of-type {
                padding-left: 63px !important
            }

    .recent-dispute-table tbody tr td {
        padding: 15px 0 15px 20px;
        color: #1A1A1A;
        font-size: 15px;
        letter-spacing: .6px;
        line-height: 21px;
        border: 0
    }

        .recent-dispute-table tbody tr td img {
            width: 28px;
            height: 28px;
            margin-right: 15px
        }

@media only screen and (max-width: 991px) {
    .recent-dispute-table tbody tr td img {
        margin-right: 0;
        position: relative;
        top: -3px;
        right: 5px
    }
}

@media only screen and (max-width: 991px) {
    .recent-dispute-table tbody tr td span {
        vertical-align: text-bottom;
        padding-left: 5px
    }
}

.recent-dispute-table tbody tr td:first-child {
    width: 20%;
    word-wrap: break-word
}

.recent-dispute-table tbody tr td:last-child {
    padding-right: 10px
}

.recent-dispute-table tbody tr:nth-child(odd) {
    background-color: #f2f3f3
}

    .recent-dispute-table tbody tr:nth-child(odd) td {
        background-color: #f2f3f3
    }

.recent-dispute-table tbody tr:nth-child(even) {
    background-color: #fff
}

    .recent-dispute-table tbody tr:nth-child(even) td {
        background-color: #fff !important
    }

.recent-dispute-status {
    margin-bottom: 14px
}

@media only screen and (max-width: 991px) {
    .recent-dispute-status {
        margin-bottom: 5px
    }
}

.recent-dispute-status .recent-dispute-list {
    padding: 0;
    list-style: none;
    margin-left: 20px
}

    .recent-dispute-status .recent-dispute-list li {
        color: #4a4a4a;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 13px;
        letter-spacing: .13px;
        line-height: 15px;
        margin-left: 10px;
        position: relative;
        margin-bottom: 10px
    }

        .recent-dispute-status .recent-dispute-list li.rejected::before {
            content: '';
            display: inline-block;
            width: 28px;
            background-image: url("../../../../images/BlueError.svg");
            background-size: 20px 20px;
            background-repeat: no-repeat;
            height: 28px;
            position: absolute;
            top: -8px;
            left: -30px;
            margin-left: 0
        }

        .recent-dispute-status .recent-dispute-list li.pending::before {
            content: '';
            display: inline-block;
            width: 28px;
            background-image: url("../../../../images/YellowClock.svg");
            background-repeat: no-repeat;
            background-size: 20px 20px;
            height: 28px;
            position: absolute;
            top: -8px;
            left: -30px;
            margin-left: 0
        }

        .recent-dispute-status .recent-dispute-list li.refunded::before {
            content: '';
            display: inline-block;
            height: 28px;
            width: 28px;
            background-image: url("../../../../images/greentick-with-bg.svg");
            background-repeat: no-repeat;
            background-size: 20px 20px;
            position: absolute;
            top: -8px;
            left: -30px;
            margin-left: 0
        }

@media only screen and (max-width: 991px) {
    .recent-dispute-table thead th {
        display: none
    }

    .recent-dispute-table tr td {
        display: inline-block;
        padding: 3px 10px !important
    }

        .recent-dispute-table tr td:first-child {
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            padding: 15px 10px !important
        }

        .recent-dispute-table tr td:nth-child(odd) {
            width: 50%;
            text-align: right
        }

        .recent-dispute-table tr td:nth-child(even) {
            width: 50%;
            text-align: right
        }

    .recent-dispute-table td[data-th="Created:"]:before {
        content: attr(data-th);
        vertical-align: text-bottom
    }

    .recent-dispute-table td[data-th="Resolution:"]:before {
        content: attr(data-th);
        vertical-align: text-bottom
    }

    .recent-dispute-table td[data-th="caseNo"], .recent-dispute-table td[data-th="statusimg"] {
        float: right
    }
}

.pay-balance-container h1 {
    margin-top: 30px
}

.pay-balance-container .pay-balance-main {
    margin-top: 20px;
    text-align: center
}

    .pay-balance-container .pay-balance-main h3 {
        font-size: 1.53333333rem;
        line-height: 32px;
        padding-bottom: 18px
    }

    .pay-balance-container .pay-balance-main .pb-h3 {
        font-size: 1.53333333rem;
        line-height: 32px;
        padding-bottom: 18px;
        margin-bottom: 0px
    }

    .pay-balance-container .pay-balance-main p, .pay-balance-container .pay-balance-main .p {
        font-size: 18px
    }

    .pay-balance-container .pay-balance-main .custom-fontsize18 {
        font-size: 1.2rem;
        margin-bottom: 15px !important
    }

    .pay-balance-container .pay-balance-main .cust-fontsize16 {
        font-size: 1.06666667rem
    }

    .pay-balance-container .pay-balance-main .account-action a {
        margin: auto
    }

    .pay-balance-container .pay-balance-main .amount-display {
        background: #f2f3f3;
        margin-bottom: 20px
    }

        .pay-balance-container .pay-balance-main .amount-display .fonts-big {
            font-size: 1.86666667rem;
            color: #000;
            font-weight: bold;
            padding: 0
        }

        .pay-balance-container .pay-balance-main .amount-display p, .pay-balance-container .pay-balance-main .amount-display .p, .pay-balance-container .pay-balance-main .amount-display h2 {
            margin: 0
        }

        .pay-balance-container .pay-balance-main .amount-display p, .pay-balance-container .pay-balance-main .amount-display .p {
            padding-bottom: 12px;
            font-size: 1.53333333rem
        }

    .pay-balance-container .pay-balance-main .existing-bank-details label {
        font-weight: normal;
        color: #1A1A1A
    }

    .pay-balance-container .pay-balance-main .existing-bank-details .bank-detail-box {
        border: 1px solid #D0D0CE;
        min-height: 100px
    }

        .pay-balance-container .pay-balance-main .existing-bank-details .bank-detail-box p, .pay-balance-container .pay-balance-main .existing-bank-details .bank-detail-box .p {
            padding-left: 45px;
            text-align: left;
            margin: 0
        }

            .pay-balance-container .pay-balance-main .existing-bank-details .bank-detail-box p span, .pay-balance-container .pay-balance-main .existing-bank-details .bank-detail-box .p span {
                display: block;
                font-size: .86666667rem;
                padding-left: 5px
            }

        .pay-balance-container .pay-balance-main .existing-bank-details .bank-detail-box .custom-radio-button, .pay-balance-container .pay-balance-main .existing-bank-details .bank-detail-box .individual-category {
            margin-top: 10px
        }

    .pay-balance-container .pay-balance-main .existing-bank-details .different-bank-account p, .pay-balance-container .pay-balance-main .existing-bank-details .different-bank-account .p {
        margin-top: 18px
    }

    .pay-balance-container .pay-balance-main .existing-bank-details .different-bank-account label {
        margin-left: -23px
    }

    .pay-balance-container .pay-balance-main .existing-bank-details .phase2-radio input[type="radio"] + label:before {
        border: 1.5px solid #0488E4;
        width: 20px;
        height: 20px;
        margin-left: 13px
    }

    .pay-balance-container .pay-balance-main .existing-bank-details .phase2-radio input[type="radio"]:checked + label:after {
        background: #0488E4;
        width: 8px;
        height: 8px;
        margin-left: 15px
    }

    .pay-balance-container .pay-balance-main .existing-bank-details .phase2-radio input[type="radio"]:focus + label:before {
        left: 0 !important;
        margin-left: 14px
    }

    .pay-balance-container .pay-balance-main .display-top-border {
        border-bottom: 1px solid #D0D0CE;
        margin-top: 24px;
        margin-bottom: 38px
    }

    .pay-balance-container .pay-balance-main .bbp-common-buttons {
        margin: 10px 0 25px 0;
        padding-bottom: 20px
    }

        .pay-balance-container .pay-balance-main .bbp-common-buttons a {
            margin: auto
        }

    .pay-balance-container .pay-balance-main .botom-section {
        border-top: 1px solid #D0D0CE;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: left
    }

        .pay-balance-container .pay-balance-main .botom-section .headings {
            font-size: 1.53333333rem;
            color: #000
        }

        .pay-balance-container .pay-balance-main .botom-section p, .pay-balance-container .pay-balance-main .botom-section .p {
            line-height: 32px;
            font-size: 1.06666667rem;
            color: #787878;
            margin-bottom: 5px;
            padding: 0
        }

    .pay-balance-container .pay-balance-main .card-button.margin-custom a {
        margin: 0
    }

    .pay-balance-container .pay-balance-main .bottom-border {
        display: none;
        border-bottom: 1px solid #D0D0CE;
        margin: 48px auto 40px auto
    }

    .pay-balance-container .pay-balance-main .top-border {
        display: none;
        border-bottom: 1px solid #D0D0CE;
        margin: 12px auto 30px auto
    }

    .pay-balance-container .pay-balance-main .form-section {
        margin: auto;
        text-align: left;
        display: none
    }

        .pay-balance-container .pay-balance-main .form-section .hiding-form {
            display: none
        }

        .pay-balance-container .pay-balance-main .form-section p, .pay-balance-container .pay-balance-main .form-section .p {
            padding-bottom: 12px;
            font-size: 1.86666667rem;
            line-height: 32px
        }

        .pay-balance-container .pay-balance-main .form-section .form-group {
            padding: 0 20px
        }

            .pay-balance-container .pay-balance-main .form-section .form-group textarea#otpTerms {
                min-height: 250px;
                margin-top: 10px;
                font-size: 1.06666667rem;
                resize: none
            }

        .pay-balance-container .pay-balance-main .form-section .custom-checkbox {
            margin: auto;
            width: 315px
        }

            .pay-balance-container .pay-balance-main .form-section .custom-checkbox label {
                font-size: 1.06666667rem;
                margin-left: 14px;
                max-width: 100%
            }

            .pay-balance-container .pay-balance-main .form-section .custom-checkbox a {
                color: #0488E4;
                border-bottom: 1px solid #0488E4;
                text-decoration: none
            }

    .pay-balance-container .pay-balance-main .bbp-common-buttons button {
        margin: 0 auto 20px auto
    }

    .pay-balance-container .pay-balance-main .bbp-common-buttons a {
        margin: auto
    }

    .pay-balance-container .pay-balance-main .button-disable, .pay-balance-container .pay-balance-main .btn-disabled {
        display: block
    }

.existing-bank-main .pay-balance-main .form-section {
    display: block
}

@media (max-width: 991px) {
    .pay-balance-container .pay-balance-main h3, .pay-balance-container .pay-balance-main .pb-h3, .pay-balance-container .pay-balance-main .custom-fontsize18, .pay-balance-container .pay-balance-main .cust-fontsize16 {
        text-align: left
    }

    .pay-balance-container .pay-balance-main .amount-display {
        margin: 0 15px 20px 15px
    }

    .pay-balance-container .pay-balance-main h3, .pay-balance-container .pay-balance-main .custom-fontsize18, .pay-balance-container .pay-balance-main .cust-fontsize16  {
        text-align: left
    }

    .pay-balance-container .pay-balance-main .botom-section {
        margin: 0px 15px;
        padding: 40px 8px
    }

        .pay-balance-container .pay-balance-main .botom-section .headings {
            padding: 10px 0
        }

    .pay-balance-container .pay-balance-main .bottom-border {
        margin: 10px auto 30px auto
    }

    .pay-balance-container .pay-balance-main .card-button {
        margin: 0
    }

        .pay-balance-container .pay-balance-main .card-button a {
            margin: 20px auto !important;
            width: 100%;
            max-width: 320px;
            font-size: 1.33333333rem
        }

        .pay-balance-container .pay-balance-main .card-button div {
            padding: 0
        }

        .pay-balance-container .pay-balance-main .card-button.margin-custom {
            margin: 0
        }

    .pay-balance-container .pay-balance-main .form-section p, .pay-balance-container .pay-balance-main .form-section .p {
        margin: 0;
        padding-bottom: 40px
    }

    .pay-balance-container .pay-balance-main .form-section .form-group {
        padding: 0
    }

    .pay-balance-container .pay-balance-main .form-section .custom-checkbox {
        background: #f0f0f0
    }

        .pay-balance-container .pay-balance-main .form-section .custom-checkbox input[type="checkbox"] + label:before, .pay-balance-container .pay-balance-main .form-section .custom-checkbox input[type="checkbox"]:checked + label:after {
            margin-left: 15px;
            top: 48% !important
        }

        .pay-balance-container .pay-balance-main .form-section .custom-checkbox label {
            margin-left: 30px
        }

    .pay-balance-container .pay-balance-main .display-top-border {
        margin: 20px 15px 38px 15px
    }
}

.oba-dispute-submit-container {
    margin-top: 72px
}

@media only screen and (max-width: 991px) {
    .oba-dispute-submit-container h1 {
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .oba-dispute-submit-container .phase2-main {
        padding: 0
    }
}

.oba-dispute-submit-container .oba-confirmation-info {
    margin: 60px 0 0 25px
}

@media only screen and (max-width: 991px) {
    .oba-dispute-submit-container .oba-confirmation-info {
        margin: 60px 0 0
    }
}

.oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block {
    border-radius: 0 4px 4px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    padding-top: 27px
}

    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 10px
    }

        .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .moves-img-col {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .moves-img-col img {
                width: 80px;
                height: 80px
            }

@media only screen and (max-width: 991px) {
    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .moves-img-col img {
        width: 63px;
        height: 63px
    }
}

.oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .movereq-status-info h3 {
    color: #333;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 25px;
    letter-spacing: .2px;
    line-height: 32px
}

@media only screen and (max-width: 991px) {
    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .movereq-status-info h3 {
        font-size: 21px;
        letter-spacing: .17px;
        line-height: 32px
    }
}

.oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .movereq-status-info p, .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .movereq-status-info .p {
    color: #333;
    font-size: 18px;
    letter-spacing: .23px;
    line-height: 32px;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 991px) {
    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .movereq-status-info p, .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-header .movereq-status-info .p {
        font-size: 16px;
        letter-spacing: .2px;
        line-height: 19px
    }
}

.oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-body {
    margin: 0;
    border-radius: .5px;
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
    padding-bottom: 35px;
    text-align: center
}

    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-body p, .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-body .p {
        margin-bottom: 5px;
        padding: 0;
        color: #787878;
        font-size: 18px;
        letter-spacing: .23px;
        line-height: 32px
    }

    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-body h3 {
        color: #333;
        font-size: 25px;
        letter-spacing: -.32px;
        line-height: 40px;
        font-family: "FoundationRoman",Arial,sans-serif
    }

    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-body .billdate, .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-body .total-estimated {
        margin-top: 15px
    }

        .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-body .billdate span {
            font-size: 1.2rem;
            color: #333
        }

.oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-footer {
    margin: 0;
    text-align: center;
    border-radius: 0 0 4px 4px;
    background-color: #F0F8EC;
    border-top: 1px solid #f0f0f0;
    padding: 15px 0
}

    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-footer span {
        color: #353535;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 16px;
        letter-spacing: .13px;
        line-height: 19px;
        padding-right: 10px
    }

    .oba-dispute-submit-container .oba-confirmation-info .dispute-submitted-block .dispute-submitted-footer .dispute-resolution-date {
        color: #333;
        font-size: 18px;
        letter-spacing: .23px;
        display: inline-block;
        margin: 0;
        padding: 0
    }

.oba-dispute-submit-container .oba-confirmation-info .dispute-contact-information {
    text-align: center;
    border-radius: 4px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    margin-top: 20px;
    padding: 20px 30px 30px
}

    .oba-dispute-submit-container .oba-confirmation-info .dispute-contact-information h5 {
        color: #787878;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 16px;
        letter-spacing: -.17px !important;
        line-height: 19px;
        margin: 0 0 17px 0
    }

    .oba-dispute-submit-container .oba-confirmation-info .dispute-contact-information p, .oba-dispute-submit-container .oba-confirmation-info .dispute-contact-information .p {
        color: #333;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        letter-spacing: .23px;
        line-height: 32px;
        padding: 0;
        margin: 0
    }

.dispute-buttons {
    margin-top: 100px;
    padding: 0
}

.multi-address-section.phase2-new-multiselect label {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 20px;
    letter-spacing: -.3px !important;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 16px
}

.multi-address-section.phase2-new-multiselect .multi-address {
    width: 320px
}

@media only screen and (max-width: 991px) {
    .multi-address-section.phase2-new-multiselect .multi-address {
        width: 100%
    }
}

.multi-address-section.phase2-new-multiselect .multi-address .multi-address-selectBox select {
    color: #333;
    font-family: "FoundationRoman";
    line-height: 32px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    border-color: transparent;
    padding: 17px 25px 17px 15px;
    height: 64px;
    font-size: 18px;
    border: 1px solid #f0f0f0
}

.multi-address-section.phase2-new-multiselect .multi-address .multi-address-selectBox::after {
    top: 0 !important;
    right: 20px
}

.multi-address-section.phase2-new-multiselect .multi-address #multi-checkboxes {
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0 2px 4px 0,rgba(0,0,0,0.1) 0 1px 4px 0;
    box-shadow: rgba(0,0,0,0.15) 0 2px 4px 0,rgba(0,0,0,0.1) 0 1px 4px 0;
    padding: 0;
    border: 1px solid #f0f0f0;
    height: 255px;
    overflow-y: auto
}

    .multi-address-section.phase2-new-multiselect .multi-address #multi-checkboxes label {
        margin-bottom: 0;
        padding: 15px 15px 15px 50px;
        min-height: 64px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 18px;
        line-height: 32px;
        color: #353535
    }

    .multi-address-section.phase2-new-multiselect .multi-address #multi-checkboxes .cr {
        left: 15px;
        top: 20px
    }

.pay-balance-success-main {
    text-align: center
}

    .pay-balance-success-main h1 {
        margin: 32px 0 15px 0;
        text-align: left
    }

    .pay-balance-success-main .greentick-image {
        text-align: center
    }

    .pay-balance-success-main h3 {
        padding: 27px 0 15px 0
    }

    .pay-balance-success-main .pbs-h3 {
        padding: 27px 0 15px 0
    }

    .pay-balance-success-main p, .pay-balance-success-main .p, .pay-balance-success-main .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .pay-balance-success-main p {
        line-height: 32px
    }

    .pay-balance-success-main .amount-display {
        background: #f2f3f3;
        margin-bottom: 72px
    }

        .pay-balance-success-main .amount-display p, .pay-balance-success-main .amount-display .p {
            font-size: 1.06666667rem;
            color: #787878;
            padding: 0;
            margin: 0
        }

        .pay-balance-success-main .amount-display .font-big {
            font-size: 1.53333333rem;
            color: #000;
            padding-bottom: 18px
        }

        .pay-balance-success-main .amount-display .font-size-custom {
            font-size: 1.2rem;
            border-bottom: 1px solid #d0d0ce;
            max-width: 400px;
            margin: auto;
            color: #000;
            padding-bottom: 12px;
            margin-bottom: 12px
        }

        .pay-balance-success-main .amount-display ul li {
            font-size: .8rem;
            line-height: 24px;
            list-style: none
        }

    .pay-balance-success-main .termsotp label {
        margin: 15px
    }

    .pay-balance-success-main .termsotp textarea#otpTerms {
        min-height: 250px;
        font-size: 1.06666667rem;
        resize: none
    }

    .pay-balance-success-main .flex-checkbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .pay-balance-success-main .flex-checkbox .custom-checkbox {
            margin: auto
        }

            .pay-balance-success-main .flex-checkbox .custom-checkbox label {
                font-size: 1.06666667rem;
                margin-left: 14px
            }

            .pay-balance-success-main .flex-checkbox .custom-checkbox input[type="checkbox"] + label {
                max-width: 98%
            }

    .pay-balance-success-main .cust-margin {
        margin-bottom: 6px;
        padding: 0
    }

    .pay-balance-success-main .bbp-common-buttons {
        padding-top: 1px
    }

        .pay-balance-success-main .bbp-common-buttons button, .pay-balance-success-main .bbp-common-buttons a {
            margin: 20px auto 0
        }

@media (max-width: 991px) {
    .pay-balance-success-main .amount-display {
        margin: 0 15px 52px 15px
    }

    .pay-balance-success-main .form-group .custom-checkbox {
        background: #f0f0f0
    }

        .pay-balance-success-main .form-group .custom-checkbox label {
            margin-left: 30px
        }

        .pay-balance-success-main .form-group .custom-checkbox input[type="checkbox"] + label:before, .pay-balance-success-main .form-group .custom-checkbox input[type="checkbox"]:checked + label:after {
            margin-left: 15px;
            top: 48% !important
        }
}

.poc-table1 h1 {
    margin-top: 60px
}

.poc-table1 table {
    border: 1px solid #ccc;
    width: 100%
}

    .poc-table1 table tr:nth-child(even) {
        background: #d0d0ce
    }

    .poc-table1 table tr:nth-child(odd) {
        background: #fff
    }

    .poc-table1 table td {
        background: transparent;
        border-color: transparent
    }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .poc-table1 table {
        border: none
    }

    .poc-table1 table, .poc-table1 thead, .poc-table1 tbody, .poc-table1 th, .poc-table1 td, .poc-table1 tr {
        display: block
    }

        .poc-table1 thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

    .poc-table1 tr {
        margin: 0 0 1rem 0
    }

        .poc-table1 tr:nth-child(even) {
            background: #ccc
        }

    .poc-table1 td {
        border: 1px solid #ccc !important;
        position: relative;
        padding-left: 50%
    }

        .poc-table1 td:before {
            position: absolute;
            top: 25%;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold
        }

        .poc-table1 td:nth-of-type(1):before {
            content: "First Name"
        }

        .poc-table1 td:nth-of-type(2):before {
            content: "Last Name"
        }

        .poc-table1 td:nth-of-type(3):before {
            content: "Job Title"
        }

        .poc-table1 td:nth-of-type(4):before {
            content: "Favorite Color"
        }

        .poc-table1 td:nth-of-type(5):before {
            content: "Wars of Trek?"
        }
}

.poc-table2 h1 {
    margin-top: 60px
}

.poc-table2 table {
    border: 1px solid #ccc;
    width: 100%
}

    .poc-table2 table th {
        border: 1px solid #fff
    }

    .poc-table2 table tr:nth-child(even) {
        background: #d0d0ce
    }

    .poc-table2 table tr:nth-child(odd) {
        background: #fff
    }

    .poc-table2 table td {
        background: transparent;
        border-color: transparent
    }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .poc-table2 table {
        border: none
    }

    .poc-table2 table, .poc-table2 thead, .poc-table2 tbody, .poc-table2 th, .poc-table2 td, .poc-table2 tr {
        display: block
    }

        .poc-table2 thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

    .poc-table2 tr {
        margin: 0 0 1rem 0
    }

        .poc-table2 tr:nth-child(even) {
            background: #ccc
        }

    .poc-table2 td {
        border: 1px solid #ccc !important;
        position: relative;
        padding-left: 50%
    }

        .poc-table2 td:before {
            position: absolute;
            top: 25%;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold
        }

        .poc-table2 td:nth-of-type(1):before {
            content: "$/GJ"
        }

        .poc-table2 td:nth-of-type(2):before {
            content: "$/10³m³"
        }

        .poc-table2 td:nth-of-type(3):before {
            content: "$/GJ"
        }

        .poc-table2 td:nth-of-type(4):before {
            content: "$/10³m³"
        }
}

.poc-table {
    margin-top: 60px
}

    .poc-table table {
        width: 100%
    }

        .poc-table table th {
            text-align: left;
            border-bottom: 1px solid #ccc
        }

        .poc-table table th, .poc-table table td {
            padding: .4em;
            color: #353535;
            font-size: 1rem;
            font-size: "FoundationRoman",Arial,sans-serif
        }

@media only screen and (max-width: 991px) {
    .poc-table tr td:first-child:after, .poc-table tr th:first-child:after {
        content: '\25bc';
        color: black;
        float: right;
        cursor: pointer
    }

    .poc-table tr td:only-child:after, .poc-table tr th:only-child::after {
        content: none
    }

    .poc-table tr th:first-child, .poc-table tr td:first-child {
        display: block
    }

    .poc-table tr th, .poc-table tr td {
        display: none
    }

    .poc-table tr.displayContent th, .poc-table tr.displayContent td {
        display: block
    }

        .poc-table tr.displayContent th:first-child:after, .poc-table tr.displayContent td:first-child:after {
            content: '\25b2'
        }
}

.poc-table-without-accordion {
    margin-top: 60px
}

    .poc-table-without-accordion table {
        width: 100%
    }

        .poc-table-without-accordion table th {
            text-align: left;
            border-bottom: 1px solid #ccc
        }

        .poc-table-without-accordion table th, .poc-table-without-accordion table td {
            padding: .4em;
            color: #353535;
            font-size: 1rem;
            font-size: "FoundationRoman",Arial,sans-serif
        }

@media only screen and (max-width: 991px) {
    .poc-table-without-accordion tr th {
        background-color: #FFB81C
    }

    .poc-table-without-accordion tbody tr {
        border: 1px solid #f0f0f0;
        background: #ccc
    }

    .poc-table-without-accordion tr td {
        background-color: #d0d0ce
    }

    .poc-table-without-accordion td:nth-child(odd), .poc-table-without-accordion th:nth-child(odd) {
        display: inline-block;
        width: 49%
    }

    .poc-table-without-accordion td:nth-child(even), .poc-table-without-accordion th:nth-child(even) {
        display: inline-block;
        width: 49%;
        text-align: left
    }

    .poc-table-without-accordion td:first-child, .poc-table-without-accordion th:first-child {
        display: block !important;
        width: 100% !important;
        font-weight: 700;
        text-align: left
    }

    .poc-table-without-accordion td:first-child {
        display: inline-block !important;
        width: auto !important
    }

    .poc-table-without-accordion th:empty, .poc-table-without-accordion td:empty {
        display: none
    }
}

.responsive-table-container {
    margin-top: 50px;
    font-family: "FoundationRoman", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.4em
}

    .responsive-table-container table th {
        font-family: "FoundationBold", Arial, sans-serif;
        font-size: 1rem
    }

@media (min-width: 991px) {
    .responsive-table-container {
        margin-top: 0
    }
}

.responsive-table-container p, .responsive-table-container .p, .responsive-table-container .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .responsive-table-container p {
    padding: 0
}

.responsive-table-container textarea.markdown {
    width: 100%;
    height: 200px;
    font-family: courier;
    font-size: 12px;
    overflow: auto;
    white-space: pre
}

.responsive-table-container .important-note {
    font-weight: bold;
    color: #800
}

.responsive-table-container .desktop-view {
    display: none
}

.responsive-table-container .mobile-view {
    display: table
}

.responsive-table-container table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse
}

    .responsive-table-container table tr th, .responsive-table-container table tr td {
        padding: 10px 25px 10px 10px;
        text-align: left;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff
    }

    .responsive-table-container table tr th {
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none
    }

    .responsive-table-container table tr td {
        vertical-align: top
    }

    .responsive-table-container table td:first-child {
        width: 1%;
        min-width: 175px
    }

    .responsive-table-container table tr th.rt-table-header {
        background-color: #FFB81C;
        color: #353535;
        font-size: 1.15em
    }

    .responsive-table-container table tr th.rt-row-header {
        background-color: #555555;
        color: #fff
    }

    .responsive-table-container table tr td.rt-label {
        font-weight: bold
    }

    .responsive-table-container table td:empty, .responsive-table-container table th:empty {
        width: 0;
        min-width: 0;
        height: 0;
        padding: 0;
        margin: 0
    }

    .responsive-table-container table tr td:nth-of-type(odd) {
        background-color: #f2f3f3
    }

@media (min-width: 991px) {
    .responsive-table-container .desktop-view {
        display: table
    }

    .responsive-table-container .mobile-view {
        display: none
    }

    table tr th {
        background-color: #FFB81C;
        color: #000
    }

    table tr td {
        background-color: #f2f3f3
    }

    table tr th.rt-table-header:empty {
        height: 100%;
        padding: 10px 25px 10px 10px;
        background-color: #FFB81C;
        border-top-style: solid;
        border-top-width: 5px;
        border-top-color: #d0d0ce
    }

    table td:empty {
        width: 1px;
        height: 100%;
        padding: 10px 25px 10px 10px;
        margin: 0
    }
}

.RUNL2-payment-confirm-box {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1),0 1px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1),0 1px 4px 0 rgba(0,0,0,0.2);
    min-height: 170px;
    max-width: 736px;
    margin: 36px 0 45px 0;
    text-align: center
}

@media screen and (max-width: 991px) {
    .RUNL2-payment-confirm-box {
        max-width: 100%
    }
}

.RUNL2-payment-confirm-box .greentick-image img {
    width: 44px;
    margin: -21px 0 12px 0
}

.RUNL2-payment-confirm-box p, .RUNL2-payment-confirm-box .p, .RUNL2-payment-confirm-box .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .RUNL2-payment-confirm-box p {
    line-height: 36px;
    padding: 0;
    margin: 0
}

.RUNL2-payment-confirm-box .font-bold-amount {
    font-weight: bold;
    font-size: 1.73333333rem
}

.RUNL2-payment-installment-shedule {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1),0 1px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1),0 1px 4px 0 rgba(0,0,0,0.2);
    max-width: 736px;
    margin: 36px 0 5px 0;
    text-align: center;
    padding-bottom: 30px
}

    .RUNL2-payment-installment-shedule .top-heading-desc {
        border-radius: 4px 4px 0 0;
        background-color: #FFF6E3;
        padding: 17px 30px
    }

        .RUNL2-payment-installment-shedule .top-heading-desc p, .RUNL2-payment-installment-shedule .top-heading-desc .p {
            line-height: 28px;
            font-weight: bold;
            margin: 0;
            padding: 0;
            font-size: 1.13333333rem
        }

    .RUNL2-payment-installment-shedule .installment-head {
        margin: 34px 20px 25px 20px
    }

    .RUNL2-payment-installment-shedule .greentick-image img {
        width: 24px;
        height: 24px
    }

    .RUNL2-payment-installment-shedule .table-content {
        text-align: left;
        padding: 0 50px 0 67px;
        font-size: 1.2rem;
        line-height: 32px;
        margin-bottom: 24px
    }

    .RUNL2-payment-installment-shedule .custom-color {
        color: #9b9b9b
    }

    .RUNL2-payment-installment-shedule .total-balance {
        border-top: 2px solid #353535;
        margin: 5px 30px 0px 30px;
        text-align: right;
        font-weight: bold;
        color: #000
    }

        .RUNL2-payment-installment-shedule .total-balance .amount-tot {
            margin-top: 20px;
            padding-right: 30px;
            font-size: 1.53333333rem
        }

            .RUNL2-payment-installment-shedule .total-balance .amount-tot span {
                padding-left: 15px
            }

@media screen and (max-width: 991px) {
    .RUNL2-payment-installment-shedule .installment-head {
        text-align: left;
        font-size: 1.33333333rem;
        font-weight: normal
    }

    .RUNL2-payment-installment-shedule .custom-height {
        height: 90px;
        line-height: 90px
    }

    .RUNL2-payment-installment-shedule .total-balance {
        margin: 5px 15px 0px 15px
    }

        .RUNL2-payment-installment-shedule .total-balance .amount-tot {
            text-align: left;
            padding-left: 12px
        }

    .RUNL2-payment-installment-shedule .table-content {
        padding: 0 25px
    }
}

.oba-enercare {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    padding: 30px 20px
}

@media only screen and (max-width: 991px) {
    .oba-enercare {
        padding: 30px 0 0
    }
}

.oba-enercare h4 {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 25px;
    letter-spacing: -0.27px;
    line-height: 29px
}

@media only screen and (max-width: 991px) {
    .oba-enercare h4 {
        padding: 0 20px
    }
}

.oba-enercare .oba-enercare-content p, .oba-enercare .oba-enercare-content .p {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 19px;
    text-align: right;
    padding-bottom: 5px
}

@media only screen and (max-width: 991px) {
    .oba-enercare .oba-enercare-content p, .oba-enercare .oba-enercare-content .p {
        padding: 0 20px 5px
    }
}

.oba-enercare .oba-enercare-accordion {
    margin-top: 20px
}

    .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default {
        border: none;
        border-radius: 4px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        margin: 0 !important
    }

        .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default:nth-child(odd) {
            background-color: #f0f0f0
        }

            .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default:nth-child(odd) .panel-heading {
                background-color: #f0f0f0;
                padding: 1px 0
            }

        .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default:nth-child(even) {
            background-color: #fff
        }

            .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default:nth-child(even) .panel-heading {
                background-color: #fff;
                padding: 1px 0
            }

        .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title p, .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title .p {
            color: #353535;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 18px;
            letter-spacing: -.19px;
            line-height: 21px;
            padding: 15px 45px 15px 40px;
            position: relative;
            margin-bottom: 0
        }

@media only screen and (max-width: 991px) {
    .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title p, .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title .p {
        padding: 15px 45px 15px 15px
    }
}

.oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title p:after, .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title .p:after {
    content: "\f077";
    color: #0488E4;
    font-family: 'FontAwesome';
    position: absolute;
    top: 15px;
    right: 20px
}

@media only screen and (max-width: 991px) {
    .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title p:after, .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title .p:after {
        font-size: 14px
    }
}

.oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title p.collapsed:after, .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title .collapsed.p:after {
    content: "\f078";
    color: #0488E4;
    font-family: 'FontAwesome';
    position: absolute;
    top: 15px;
    right: 20px
}

@media only screen and (max-width: 991px) {
    .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title p.collapsed:after, .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-title .collapsed.p:after {
        font-size: 14px
    }
}

.oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-body {
    border-top-color: transparent;
    padding: 5px 30px 5px 40px
}

@media only screen and (max-width: 991px) {
    .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-body {
        padding: 0px 15px 15px !important
    }
}

.oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-body p, .oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-body .p {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -0.16px;
    line-height: 21px
}

.oba-enercare .oba-enercare-accordion .panel-group .panel.panel-default .panel-body .bbp-common-buttons {
    margin-bottom: 30px
}

.selected-data-view {
    margin-bottom: 45px
}

    .selected-data-view label {
        color: #353535;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 20px;
        letter-spacing: -.3px !important;
        line-height: 24px;
        margin-bottom: 25px;
        font-weight: 500;
        display: block
    }

    .selected-data-view span {
        color: #333;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        letter-spacing: .23px;
        line-height: 32px
    }

.total-estimate-amount-block {
    border-radius: 2px 2px 0 0;
    background-color: rgba(240,240,240,0.6);
    padding: 30px 65px;
    margin-bottom: 40px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .total-estimate-amount-block {
        text-align: center;
        padding: 10px 20px;
        width: 100%
    }
}

.total-estimate-amount-block .title {
    float: left
}

.total-estimate-amount-block .title, .total-estimate-amount-block .amount-wrap {
    color: #000;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 23px;
    letter-spacing: .2px;
    display: inline-block;
    word-wrap: break-word;
    width: 50%;
    padding: 0 5px 0 20px
}

@media only screen and (max-width: 991px) {
    .total-estimate-amount-block .title, .total-estimate-amount-block .amount-wrap {
        width: 100%;
        line-height: 32px
    }
}

@media only screen and (max-width: 991px) {
    .total-estimate-amount-block .amount-wrap .amount {
        float: none;
        display: block;
        line-height: 20px;
        padding: 0;
        padding-top: 10px
    }
}

@media only screen and (max-width: 991px) {
    .total-estimate-amount-block .amount-wrap span.taxes-included-text {
        line-height: 20px
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .total-estimate-amount-block .amount-wrap span.taxes-included-text {
        display: block
    }
}

.landlord-container .bbp-text-component h1 {
    margin-top: 60px
}

@media only screen and (max-width: 991px) {
    .landlord-container .bbp-text-component h2 {
        font-size: 25px
    }
}

.landlord-button {
    margin-top: 200px
}

.unauthentic-formsection {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    padding: 50px 50px 40px
}

@media only screen and (max-width: 991px) {
    .unauthentic-formsection {
        padding: 50px 15px 40px
    }
}

.unauthentic-formsection .form-group input {
    margin-top: 11px
}

.unauthentic-signin .sign-in-page-mains {
    margin: 12px auto 0 !important
}

@media only screen and (max-width: 991px) {
    .unauthentic-signin .sign-in-page-mains h2 {
        font-size: 25px
    }
}

.unauthentic-signin .sign-in-page-mains .sign-in-main .sign-in-detail-comp .learn-more {
    margin-bottom: 48px !important
}

.unauthentic-postal p, .unauthentic-postal .p, .unauthentic-postal .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .unauthentic-postal p {
    line-height: 32px;
    margin-bottom: 0
}

.unauthentic-block h2 {
    margin-bottom: 0 !important
}

.rental-properties-container {
    margin-top: 70px
}

@media only screen and (max-width: 991px) {
    .rental-properties-container {
        margin-top: 50px
    }
}

.rental-properties-container h1 {
    padding: 0 0 30px
}

@media only screen and (max-width: 991px) {
    .rental-properties-container h1 {
        padding: 0 0 20px;
        font-size: 31px;
        letter-spacing: -0.27px;
        line-height: 41px
    }
}

@media only screen and (max-width: 991px) {
    .rental-properties-container .bbp-text-component h2 {
        font-size: 25px !important
    }
}

.rental-properties-container .pagination-new-dropdown {
    margin: 40px 60px 60px
}

.landlord-buttons {
    margin-top: 42px;
    padding: 0
}

.rental-property-table {
    margin-bottom: 20px
}

    .rental-property-table #rentalPropertyTable {
        margin-bottom: 0
    }

        .rental-property-table #rentalPropertyTable th {
            padding: 15px !important;
            width: 26%
        }

            .rental-property-table #rentalPropertyTable th.header-item {
                cursor: pointer
            }

                .rental-property-table #rentalPropertyTable th.header-item img {
                    padding: 0 10px
                }

            .rental-property-table #rentalPropertyTable th:first-child {
                padding-left: 6% !important
            }

            .rental-property-table #rentalPropertyTable th.sorting_asc_desc {
                cursor: pointer;
                vertical-align: top;
                position: relative
            }

                .rental-property-table #rentalPropertyTable th.sorting_asc_desc p, .rental-property-table #rentalPropertyTable th.sorting_asc_desc .p {
                    display: inline-block;
                    padding: 0;
                    margin: 0
                }

                    .rental-property-table #rentalPropertyTable th.sorting_asc_desc p.title-text, .rental-property-table #rentalPropertyTable th.sorting_asc_desc .title-text.p {
                        margin: 0;
                        padding: 0;
                        background: #ffffff;
                        color: #353535;
                        font-size: 15px;
                        letter-spacing: .4px;
                        line-height: 18px;
                        font-family: "FoundationBlack", "Arial Black", sans-serif;
                        font-weight: bold;
                        min-width: auto;
                        max-width: 90%
                    }

                .rental-property-table #rentalPropertyTable th.sorting_asc_desc .sort-arrow {
                    position: absolute;
                    margin-left: 10px;
                    opacity: .3;
                    font-size: 1.2rem
                }

                    .rental-property-table #rentalPropertyTable th.sorting_asc_desc .sort-arrow.fa-caret-up {
                        top: 12px
                    }

                    .rental-property-table #rentalPropertyTable th.sorting_asc_desc .sort-arrow.fa-caret-down {
                        top: 20px
                    }

                    .rental-property-table #rentalPropertyTable th.sorting_asc_desc .sort-arrow.asc {
                        opacity: 1 !important
                    }

                    .rental-property-table #rentalPropertyTable th.sorting_asc_desc .sort-arrow.desc {
                        opacity: 1 !important
                    }

        .rental-property-table #rentalPropertyTable tbody tr td {
            padding: 15px !important
        }

            .rental-property-table #rentalPropertyTable tbody tr td:nth-child(odd) {
                color: #333
            }

            .rental-property-table #rentalPropertyTable tbody tr td:nth-child(even) {
                color: #353535
            }

            .rental-property-table #rentalPropertyTable tbody tr td:last-child {
                text-align: center
            }

                .rental-property-table #rentalPropertyTable tbody tr td:last-child a {
                    color: #0488E4;
                    text-decoration: underline
                }

            .rental-property-table #rentalPropertyTable tbody tr td:first-child {
                width: auto
            }

            .rental-property-table #rentalPropertyTable tbody tr td img {
                float: left
            }

            .rental-property-table #rentalPropertyTable tbody tr td > span {
                display: table-cell
            }

@media only screen and (max-width: 991px) {
    #rentalPropertyTable tbody tr td:first-child {
        width: 60% !important;
        text-align: left !important;
        padding-bottom: 5px !important;
        display: inline-block !important
    }

    #rentalPropertyTable tbody tr td:nth-child(2) {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0 15px 0 50px !important;
        float: left
    }

    #rentalPropertyTable tbody tr td:nth-last-child(2) {
        display: inline-block !important;
        width: 75% !important;
        text-align: left !important;
        padding: 0 15px 0 50px !important
    }

    #rentalPropertyTable tbody tr td:nth-last-child(3) {
        display: inline-block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0 15px 0 50px !important
    }

    #rentalPropertyTable tbody tr td:last-child {
        display: inline-block !important;
        width: 25% !important;
        text-align: right !important;
        padding: 0 15px 15px 15px !important
    }

        #rentalPropertyTable tbody tr td:last-child a {
            font-size: 1.2rem
        }

    #rentalPropertyTable tbody tr td img {
        float: none !important
    }

    #rentalPropertyTable tbody tr td > span {
        display: initial !important
    }

    #rentalPropertyTable tbody tr td[data-th] {
        width: 40% !important;
        font-size: 13px !important;
        letter-spacing: 0.22px !important;
        line-height: 15px !important;
        padding: 20px 10px 5px 15px !important;
        text-align: right !important
    }

        #rentalPropertyTable tbody tr td[data-th]:before {
            content: attr(data-th);
            vertical-align: text-bottom;
            font-weight: bold
        }

        #rentalPropertyTable tbody tr td[data-th] span {
            display: block
        }
}

.recent-dispute-status.rental-table-legend {
    margin-bottom: 70px
}

    .recent-dispute-status.rental-table-legend .recent-dispute-list {
        margin-left: 0
    }

        .recent-dispute-status.rental-table-legend .recent-dispute-list li {
            margin-left: 0;
            margin-bottom: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .recent-dispute-status.rental-table-legend .recent-dispute-list li.legend-icons img {
                width: 19px;
                height: 19px;
                margin-right: 10px;
                float: left;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

.no-rental-property .safety-no-outstanding {
    margin: 10px 0 50px
}

    .no-rental-property .safety-no-outstanding .circle-error img {
        width: 30px;
        height: 30px
    }

    .no-rental-property .safety-no-outstanding .no-content {
        padding: 0 25px 55px;
        max-width: initial
    }

.rental-property-tile-container {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    border-top: 4px solid #FFB81C;
    margin-top: 15px
}

    .rental-property-tile-container .eq-col-height {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height {
        display: block
    }
}

.rental-property-tile-container .eq-col-height .tile-left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px 0 0 4px;
    background-color: #FFF7E8;
    padding: 30px 50px 20px
}

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-left-content {
        display: block;
        text-align: left;
        padding: 20px 45px
    }
}

.rental-property-tile-container .eq-col-height .tile-left-content .moves-img-desc {
    -ms-flex-item-align: center;
    align-self: center
}

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-left-content .moves-img-desc {
        width: 100%
    }
}

.rental-property-tile-container .eq-col-height .tile-left-content .moves-img-desc img {
    display: inline-block !important
}

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-left-content .moves-img-desc img {
        vertical-align: top
    }
}

.rental-property-tile-container .eq-col-height .tile-left-content .rental-address {
    margin: 18px 0 0;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-left-content .rental-address {
        display: inline-block;
        margin: 0 0 0 15px;
        width: 70%
    }
}

.rental-property-tile-container .eq-col-height .tile-left-content .rental-address p, .rental-property-tile-container .eq-col-height .tile-left-content .rental-address .p {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 18px;
    line-height: 23px
}

.rental-property-tile-container .eq-col-height .tile-left-content .rental-address .remove-property-link {
    color: #0488E4;
    font-size: 13px;
    line-height: 15px;
    display: block;
    text-decoration: underline;
    text-underline-position: under;
    margin-top: 20px !important
}

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-left-content .rental-address .remove-property-link {
        font-size: 17px
    }
}

.rental-property-tile-container .eq-col-height .tile-right-content {
    margin: 30px 0 0 35px
}

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-right-content {
        margin: 30px 0 0
    }
}

.rental-property-tile-container .eq-col-height .tile-right-content .moves-border {
    border-bottom: 1px solid #D0D0CE
}

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-right-content .moves-border {
        margin: 0 15px
    }
}

.rental-property-tile-container .eq-col-height .tile-right-content .rental-type {
    padding: 0
}

    .rental-property-tile-container .eq-col-height .tile-right-content .rental-type p, .rental-property-tile-container .eq-col-height .tile-right-content .rental-type .p {
        padding: 0;
        margin: 0
    }

        .rental-property-tile-container .eq-col-height .tile-right-content .rental-type p.rental-status, .rental-property-tile-container .eq-col-height .tile-right-content .rental-type .rental-status.p {
            color: #333;
            font-size: 1.2rem;
            font-weight: bold;
            line-height: 17px;
            margin: 20px 0 15px
        }

        .rental-property-tile-container .eq-col-height .tile-right-content .rental-type p.rental-desc, .rental-property-tile-container .eq-col-height .tile-right-content .rental-type .rental-desc.p {
            color: #333;
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 20px
        }

    .rental-property-tile-container .eq-col-height .tile-right-content .rental-type .rental-title {
        line-height: 21px;
        color: #9B9B9B;
        margin: 0
    }

.rental-property-tile-container .eq-col-height .tile-right-content .rental-type-info .rental-type-notes {
    padding: 15px 0
}

    .rental-property-tile-container .eq-col-height .tile-right-content .rental-type-info .rental-type-notes p, .rental-property-tile-container .eq-col-height .tile-right-content .rental-type-info .rental-type-notes .p {
        color: #333;
        font-size: 13px;
        letter-spacing: 0.22px;
        line-height: 24px;
        padding: 0;
        margin: 0
    }

@media only screen and (max-width: 991px) {
    .rental-property-tile-container .eq-col-height .tile-right-content .rental-type-info .rental-type-notes p, .rental-property-tile-container .eq-col-height .tile-right-content .rental-type-info .rental-type-notes .p {
        text-align: center
    }
}

.select-transfer-option .select-transfer-heading {
    margin: 65px 0 5px;
    padding: 0 100px;
    text-align: center
}

    .select-transfer-option .select-transfer-heading .bbp-text-component p, .select-transfer-option .select-transfer-heading .bbp-text-component .p {
        max-width: 100%
    }

@media only screen and (max-width: 991px) {
    .select-transfer-option .select-transfer-heading {
        padding: 0 15px
    }
}

@media only screen and (max-width: 991px) {
    .select-transfer-option .select-transfer-heading p, .select-transfer-option .select-transfer-heading .p {
        text-align: left
    }
}

.select-transfer-option-tile {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .select-transfer-option-tile {
        position: relative
    }
}

.select-transfer-option-tile .transfer-option-content {
    padding-left: 100px
}

@media only screen and (max-width: 991px) {
    .select-transfer-option-tile .transfer-option-content {
        padding-left: 75px
    }
}

.select-transfer-option-tile .transfer-option-content .select-transfer-img-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    left: 20px
}

@media only screen and (max-width: 991px) {
    .select-transfer-option-tile .transfer-option-content .select-transfer-img-container {
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: auto;
        left: 0
    }
}

.select-transfer-option-tile .transfer-option-content h3 {
    margin-bottom: 10px
}

@media only screen and (max-width: 991px) {
    .select-transfer-option-tile .transfer-option-content h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 60px;
        margin: 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
    .select-transfer-option-tile .transfer-option-content h3 {
        margin-left: 0
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .select-transfer-option-tile .transfer-option-content h3 {
        margin-left: 0
    }
}

.select-transfer-option-tile .transfer-option-content p, .select-transfer-option-tile .transfer-option-content .p {
    margin: 0;
    padding: 0;
    font-size: 16px
}

@media only screen and (max-width: 991px) {
    .select-transfer-option-tile .transfer-option-content p, .select-transfer-option-tile .transfer-option-content .p {
        padding: 18px 0 25px;
        margin-left: -50px
    }
}

.select-transfer-option-tile .select-transfer-type-block {
    padding: 20px 20px 20px 55px;
    background: #FFB81C;
    border-radius: 4px
}

    .select-transfer-option-tile .select-transfer-type-block input[type="radio"] + label::before {
        left: 30px !important;
        width: 20px;
        height: 20px;
        border: 1px solid #0488E4 !important;
        outline: 0
    }

@media only screen and (max-width: 991px) {
    .select-transfer-option-tile .select-transfer-type-block input[type="radio"] + label::before {
        left: 20px !important
    }
}

.select-transfer-option-tile .select-transfer-type-block input[type="radio"] + label::after {
    left: 35px !important;
    width: 10px;
    height: 10px;
    background: #0488E4
}

@media only screen and (max-width: 991px) {
    .select-transfer-option-tile .select-transfer-type-block input[type="radio"] + label::after {
        left: 25px !important
    }
}

.eq-col-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width: 991px) {
    .eq-col-height {
        display: block
    }
}

.eq-col-height .v-center {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 991px) {
    .eq-col-height .v-center {
        margin: auto;
        padding: 0
    }
}

@media only screen and (max-width: 991px) {
    .eq-col-height .v-center img {
        width: 50px;
        height: 50px
    }
}

.centerbuttonalignment {
    text-align: center
}

    .centerbuttonalignment .bbp-common-buttons {
        display: inline-block
    }

@media only screen and (max-width: 991px) {
    .centerbuttonalignment .bbp-common-buttons {
        display: block
    }
}

.edg-flex-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

    .edg-flex-checkbox .custom-checkbox {
        margin: auto
    }

@media only screen and (max-width: 991px) {
    .edg-flex-checkbox .custom-checkbox {
        background: #f0f0f0
    }
}

.edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label {
    max-width: 98%;
    margin-top: 0
}

@media only screen and (max-width: 991px) {
    .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label {
        margin-left: 30px
    }
}

@media only screen and (max-width: 991px) {
    .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label::before, .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label::after {
        margin-left: 15px;
        top: 48% !important
    }
}

.check-turnoff-radiobtn {
    border-top: 1px solid #f0f0f0;
    display: none
}

    .check-turnoff-radiobtn .edg-flex-checkbox {
        width: 65%;
        margin: auto
    }

@media only screen and (max-width: 991px) {
    .check-turnoff-radiobtn .edg-flex-checkbox {
        width: 100%
    }
}

.check-turnoff-radiobtn .edg-flex-checkbox .custom-checkbox {
    padding: 20px
}

    .check-turnoff-radiobtn .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label {
        font-size: 16px;
        letter-spacing: 0.2px !important;
        line-height: 19px;
        margin-left: 25px
    }

        .check-turnoff-radiobtn .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label::after {
            top: 50% !important
        }

@media only screen and (max-width: 991px) {
    .check-turnoff-radiobtn .edg-flex-checkbox .custom-checkbox {
        background: transparent !important
    }
}

.check-turnoff-radiobtn .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label {
    max-width: 98%
}

@media only screen and (max-width: 991px) {
    .check-turnoff-radiobtn .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label {
        margin-left: 30px
    }
}

@media only screen and (max-width: 991px) {
    .check-turnoff-radiobtn .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label::after {
        margin-left: 15px;
        top: 48% !important
    }
}

.edg-terms-condition .edg-flex-checkbox .custom-checkbox input[type="checkbox"] + label::after {
    top: 50% !important
}

.edg-flex-checkbox.terms-condition-container {
    padding: 2px 45px !important;
    margin: 30px auto 50px;
    border-radius: 4px;
    background-color: #F0F0F0
}

@media only screen and (max-width: 991px) {
    .edg-flex-checkbox.terms-condition-container {
        padding: 5px 20px 5px 0 !important
    }
}

.edg-flex-checkbox.terms-condition-container .custom-checkbox {
    margin: 0
}

    .edg-flex-checkbox.terms-condition-container .custom-checkbox input[type="checkbox"] + label {
        font-size: 1.2rem;
        margin-left: 40px;
        line-height: 2.13333333rem
    }

@media only screen and (max-width: 991px) {
    .edg-flex-checkbox.terms-condition-container .custom-checkbox input[type="checkbox"] + label {
        line-height: 1.66666667rem
    }
}

.edg-flex-checkbox.terms-condition-container .custom-checkbox input[type="checkbox"] + label::after {
    top: 50% !important
}

@media only screen and (max-width: 991px) {
    .edg-flex-checkbox.terms-condition-container .custom-checkbox input[type="checkbox"] + label::after {
        top: 48% !important
    }
}

.edg-flex-checkbox.terms-condition-container .custom-checkbox input[type="checkbox"] + label a {
    color: #0488E4;
    text-decoration: none
}

    .edg-flex-checkbox.terms-condition-container .custom-checkbox input[type="checkbox"] + label a:hover {
        text-decoration: underline
    }

.edg-ptop-10 {
    padding-top: 10px
}

.edg-mtop40 {
    margin-top: 40px
}

.edg-mtop100 {
    margin-top: 100px
}

@media only screen and (max-width: 991px) {
    .postal-code-container.new-search-box {
        padding: 0 15px
    }
}

.postal-code-container.new-search-box input {
    width: 320px;
    display: block;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    height: 64px;
    border-radius: 4px;
    padding-left: 20px;
    border: none
}

.new-postal-search-res .address-type.individual-category {
    background: none;
    border: none
}

    .new-postal-search-res .address-type.individual-category label {
        font-size: 18px;
        color: #333;
        margin-left: 23.5px
    }

    .new-postal-search-res .address-type.individual-category input[type="radio"] + label:before {
        width: 21px;
        height: 21px;
        border: 0.06666667rem solid #0488E4
    }

    .new-postal-search-res .address-type.individual-category input[type="radio"]:checked + label:after {
        width: 10px;
        height: 10px;
        background: #0488E4;
        left: 5px
    }

    .new-postal-search-res .address-type.individual-category input[type="radio"]:focus + label::before {
        outline: none;
        left: 0 !important
    }

.new-postal-search-res .cant-find-address {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    border-radius: 4px;
    border: none;
    padding: 15px 0 20px 0
}

    .new-postal-search-res .cant-find-address .add-title-disc {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 3px;
        padding-top: 10px
    }

    .new-postal-search-res .cant-find-address .find-address-title {
        margin-left: 20px
    }

@media only screen and (max-width: 991px) {
    .new-postal-search-res .cant-find-address .find-address-title {
        margin-left: 10px
    }
}

.new-postal-search-res .cant-find-address .add-find-btn {
    padding-left: 7px
}

@media only screen and (max-width: 991px) {
    .new-postal-search-res .cant-find-address .add-find-btn {
        margin-top: 0
    }
}

.new-postal-search-res .cant-find-address .add-find-btn span {
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 25px
}

.new-postal-search-res .cant-find-address .collapse-btn p.open-collapse, .new-postal-search-res .cant-find-address .collapse-btn .open-collapse.p, .new-postal-search-res .cant-find-address .collapse-btn a[aria-expanded="true"] > p.close-collapse, .new-postal-search-res .cant-find-address .collapse-btn a[aria-expanded="true"] > .close-collapse.p, .new-postal-search-res .cant-find-address .collapse-btn .rebate-cta .rebate-cta-desc a[aria-expanded="true"] > p.close-collapse {
    display: none
}

.new-postal-search-res .cant-find-address .collapse-btn p.close-collapse, .new-postal-search-res .cant-find-address .collapse-btn .close-collapse.p, .new-postal-search-res .cant-find-address .collapse-btn a[aria-expanded="true"] > p.open-collapse, .new-postal-search-res .cant-find-address .collapse-btn a[aria-expanded="true"] > .open-collapse.p, .new-postal-search-res .cant-find-address .collapse-btn .rebate-cta .rebate-cta-desc a[aria-expanded="true"] > p.open-collapse {
    display: block
}

.new-postal-search-res .cant-find-address .collapse-btn span {
    background: url(/images/expand-icon.svg);
    width: 14.5px;
    height: 9px;
    background-repeat: no-repeat;
    top: -1px;
    left: 1rem
}

.new-postal-search-res .cant-find-address .collapse-btn a[aria-expanded="true"] > p.open-collapse > span, .new-postal-search-res .cant-find-address .collapse-btn a[aria-expanded="true"] > .open-collapse.p > span, .new-postal-search-res .cant-find-address .collapse-btn .rebate-cta .rebate-cta-desc a[aria-expanded="true"] > p.open-collapse > span {
    background: url(/images/collapse-new.svg);
    background-repeat: no-repeat
}

.new-postal-search-res .cant-find-address .collapse-btn p, .new-postal-search-res .cant-find-address .collapse-btn .p {
    color: #0488E4;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    text-transform: capitalize
}

.new-postal-search-res .cant-find-address .collapse-btn a {
    display: block;
    padding-top: 2rem;
    border-top: 1px solid #eaeaed
}

    .new-postal-search-res .cant-find-address .collapse-btn a:hover {
        text-decoration: none
    }

.new-postal-search-res .cant-find-address .house-search:before {
    border-top: 1px solid #D5D5D3;
    display: block;
    content: '';
    padding-bottom: 35px
}

.new-postal-search-res .cant-find-address .bbp-common-buttons {
    text-align: center
}

.new-postal-search-res .cant-find-address .search-add-popup-btn {
    display: inline-block;
    margin: 0 0 35px
}

    .new-postal-search-res .cant-find-address .search-add-popup-btn:focus {
        background-color: #FFB81C;
        color: #353535
    }

@media only screen and (max-width: 991px) {
    .new-postal-search-res .cant-find-address .collapse-btn {
        text-align: right
    }

        .new-postal-search-res .cant-find-address .collapse-btn a {
            padding-right: 60px
        }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup h3 {
    text-align: left;
    padding-left: 18px
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup h3 {
        text-align: center
    }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .enter-address-details span {
    font-size: 23px;
    font-weight: normal;
    padding-bottom: 17px
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .enter-address-details p, .new-search-address-popup #address-search-popup.im-moving-enhance-popup .enter-address-details .p {
    display: block;
    margin: 0;
    padding: 0
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches {
    margin-top: 50px;
    width: 55%
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches {
        width: 90%
    }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches p, .new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches .p {
    font-size: 23px;
    padding-bottom: 10px
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches input[type="radio"] + label:before {
    width: 21px;
    height: 21px;
    left: 0;
    border-color: #0488E4
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches input[type="radio"]:checked + label:after {
    width: 10px;
    height: 10px;
    left: 1.34rem !important
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches label {
    margin-left: 5.5rem !important
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches hr {
    margin: 18px 37px 18px 68px !important;
    border-top: 2px solid #9B9B9B
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches .no-address-option label {
    margin-top: 10px
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches .no-address-option input[type="radio"] + label:before, .new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches .no-address-option input[type="radio"]:checked + label:after {
    top: 48%
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .nearest-matches .popup-nxt a {
    display: inline-block;
    margin-top: 10px
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .enter-address-details {
    min-width: 360px
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .enter-address-details {
        min-width: 100%
    }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select {
    margin-top: 50px
}

    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select h3 {
        text-align: center;
        font-family: "FoundationRoman",Arial,sans-serif;
        margin-bottom: 55px
    }

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select h3 {
        padding-left: 0
    }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .find-street-select {
    margin: 0px auto 29px
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .find-street-select {
        width: 100%;
        text-align: left
    }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .find-street-select label {
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
    font-family: "FoundationRoman",Arial,sans-serif
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .im-moving-buttons {
    margin: 47px 0 40px
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .im-moving-buttons {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .im-moving-buttons .bbp-common-buttons {
    text-align: center;
    display: inline-block
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .im-moving-buttons .bbp-common-buttons {
        width: 100%
    }
}

.new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .im-moving-buttons .bbp-common-buttons a {
    margin: 1.33333333rem 0 0 !important;
    width: 240px;
    display: block
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .streetno-apartmentno-select .im-moving-buttons .bbp-common-buttons a {
        width: 100%;
        display: inline-block
    }
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup #address-search-popup.im-moving-enhance-popup .address-loading {
        width: 100%
    }
}

.new-search-address-popup .edg-call {
    margin-top: 46px;
    max-width: 80%;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup .edg-call {
        max-width: 100%
    }
}

.new-search-address-popup .edg-call p, .new-search-address-popup .edg-call .p {
    font-size: 25px;
    color: #1A1A1A;
    line-height: 29px
}

.new-search-address-popup .edg-call span {
    color: #0488E4
}

.new-search-address-popup .edg-call img {
    margin-bottom: 28px
}

.new-search-address-popup .edg-call .bbp-common-buttons {
    display: inline-block
}

.new-search-address-popup .im-moving-buttons {
    margin-top: 20px;
    min-width: 240px
}

@media only screen and (max-width: 991px) {
    .new-search-address-popup .im-moving-buttons {
        width: 100%;
        padding: 0 15px
    }
}

.new-search-address-popup .im-moving-buttons a {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    display: inline-block
}

.new-search-address-popup .parsley-required {
    text-align: left
}

.edg-searched-addr {
    margin-top: 20px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 15px 15px 20px
}

    .edg-searched-addr .new-finded-addr {
        padding-left: 23px
    }

        .edg-searched-addr .new-finded-addr p.title, .edg-searched-addr .new-finded-addr .title.p {
            padding-top: 12px;
            font-weight: bold
        }

    .edg-searched-addr .new-address {
        line-height: 23px;
        margin-bottom: 0;
        padding-bottom: 15px
    }

    .edg-searched-addr a {
        color: #0488E4;
        text-decoration: underline;
        font-size: 13px
    }

.edg-contract-owner .title {
    padding-bottom: 30px
}

.edg-contract-owner .selectdiv:after {
    top: -3px
}

.custom-select-dd label {
    color: #333 !important;
    font-size: 28px !important;
    letter-spacing: .35px !important;
    line-height: 33px !important;
    font-family: "FoundationRoman",Arial,sans-serif;
    margin-bottom: 20px
}

.find-addr-initial .find-address {
    position: static
}

.edg-confirmation-container {
    margin-top: 72px
}

@media only screen and (max-width: 991px) {
    .edg-confirmation-container h1 {
        font-size: 31px;
        padding: 0 15px
    }
}

@media only screen and (max-width: 991px) {
    .edg-confirmation-container .phase2-main {
        padding: 0
    }
}

.edg-confirmation-container .confirmation-info {
    margin: 60px 0 0 25px
}

@media only screen and (max-width: 991px) {
    .edg-confirmation-container .confirmation-info {
        margin: 60px 0 0
    }
}

.edg-confirmation-container .confirmation-info .confirmation-submitted-block {
    border-radius: 0 4px 4px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    padding-top: 27px
}

    .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 10px
    }

        .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .moves-img-col {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .moves-img-col img {
                width: 80px;
                height: 80px
            }

@media only screen and (max-width: 991px) {
    .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .moves-img-col img {
        width: 63px;
        height: 63px
    }
}

.edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .movereq-status-info h3 {
    color: #333;
    font-size: 25px;
    letter-spacing: .2px;
    line-height: 32px;
    padding: 0 33% 3% 0;
    font-family: "FoundationRoman"
}

@media only screen and (max-width: 991px) {
    .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .movereq-status-info h3 {
        font-size: 21px;
        letter-spacing: .17px;
        line-height: 32px;
        padding: 0 0 3% 0
    }
}

.edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .movereq-status-info p, .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .movereq-status-info .p {
    color: #333;
    font-size: 18px;
    letter-spacing: .23px;
    line-height: 32px;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 991px) {
    .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .movereq-status-info p, .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-header .movereq-status-info .p {
        font-size: 16px;
        letter-spacing: .2px;
        line-height: 19px
    }
}

.edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-body {
    margin: 0;
    border-radius: .5px;
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
    padding-bottom: 35px;
    text-align: center
}

    .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-body p, .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-body .p {
        margin-bottom: 5px;
        padding: 0;
        color: #9B9B9B;
        font-size: 18px;
        letter-spacing: .23px;
        line-height: 32px;
        font-family: "FoundationRoman",Arial,sans-serif;
        text-transform: uppercase
    }

    .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-body h3 {
        color: #333;
        font-size: 25px;
        letter-spacing: -.32px;
        line-height: 40px;
        font-family: "FoundationRoman",Arial,sans-serif
    }

    .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-body .billdate, .edg-confirmation-container .confirmation-info .confirmation-submitted-block .confirmation-submitted-body .total-estimated {
        margin-top: 15px
    }

.verification-container {
    background-color: #f0f0f0;
    padding: 30px 30px 20px;
    margin-bottom: 70px
}

@media only screen and (max-width: 991px) {
    .verification-container {
        padding: 30px 5px 20px;
        margin-bottom: 40px
    }
}

.verification-container .verification-header span {
    padding: 0 10px;
    color: #000;
    font-size: 25px;
    font-family: "FoundationBold",Arial,sans-serif;
    line-height: 2.66666667rem;
    letter-spacing: -0.1px
}

    .verification-container .verification-header span img {
        padding-right: 5px
    }

@media only screen and (max-width: 991px) {
    .verification-container .verification-header span img {
        padding-right: 9px
    }
}

@media only screen and (max-width: 991px) {
    .verification-container .verification-header span {
        font-size: 18px;
        padding-left: 25px
    }
}

.verification-container .verification-link {
    padding: 5px 10px 0
}

@media only screen and (max-width: 991px) {
    .verification-container .verification-link {
        padding-right: 25px;
        padding-top: 9px
    }
}

.verification-container .verification-link a {
    color: #0488E4;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 0.22px;
    line-height: 24px;
    cursor: pointer;
    text-decoration: underline
}

.edg-warning-popup .modal-dialog {
    width: 920px
}

@media only screen and (max-width: 768px) {
    .edg-warning-popup .modal-dialog {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .edg-warning-popup .modal-dialog {
        width: auto;
        margin: 0
    }
}

.edg-warning-popup .modal-dialog .modal-header {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 2rem
}

    .edg-warning-popup .modal-dialog .modal-header .modal-title {
        margin: 15px 0;
        font-size: 23px;
        padding-bottom: 0px
    }

    .edg-warning-popup .modal-dialog .modal-header button {
        font-size: 1.26666667rem;
        line-height: 1.86666667rem;
        color: #353535;
        opacity: 1;
        margin-top: 15px
    }

        .edg-warning-popup .modal-dialog .modal-header button span {
            font-size: 1.66666667rem;
            margin-right: 0.33333333rem;
            display: inline-block;
            vertical-align: bottom
        }

.edg-warning-popup .modal-dialog .modal-body {
    margin: 0 92px 50px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .edg-warning-popup .modal-dialog .modal-body {
        margin: 0
    }
}

.edg-margin-20-auto {
    margin: 20px auto 0 auto !important
}

@media only screen and (max-width: 991px) {
    .edg-margin-20-auto {
        margin: 0 auto 0 auto !important
    }
}

.edg-margint-60 {
    margin-top: 60px
}

.edg-paddingtlr {
    padding: 30px 150px 0
}

@media only screen and (max-width: 767px) {
    .edg-paddingtlr {
        padding: 0
    }
}

.edg-margint-40 {
    margin-top: 40px
}

.consumption-content {
    text-align: center;
    padding-top: 35px
}

    .consumption-content h1, .consumption-content h2 {
        font-size: 2.33333333rem;
        padding: 15px;
        line-height: 34px
    }

    .consumption-content p, .consumption-content .p, .consumption-content .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .consumption-content p {
        font-size: 1.2rem !important;
        color: #9B9B9B;
        line-height: 32px;
        margin-bottom: 12px
    }

@media (max-width: 991px) {
    .consumption-content {
        text-align: left;
        padding-top: 20px
    }

        .consumption-content h1, .consumption-content h2 {
            padding: 15px 0
        }

        .consumption-content .consumtion-heading {
            padding: 40px 0 15px 0
        }
}

.text-center .padd-right {
    font-size: 1.2rem;
    line-height: 63px;
    display: inline-block;
    padding-right: 25px;
    vertical-align: top
}

@media (max-width: 991px) {
    .left-align-mobile {
        text-align: left
    }

    .cust-width-input {
        max-width: 100% !important
    }
}

.card-group .card-body .card-button a.btn-disabled, .card-group .card-body .card-button button.btn-disabled {
    border: none !important;
    text-transform: capitalize;
    font-family: "FoundationRoman",Arial,sans-serif;
    cursor: not-allowed
}

.cta-custm-dd {
    margin-bottom: 17px !important;
    text-align: left
}

    .cta-custm-dd input, .cta-custm-dd select {
        font-size: 1.06666667rem !important;
        width: 100%
    }

    .cta-custm-dd label {
        font-family: "FoundationRoman",Arial,sans-serif;
        margin: 0;
        line-height: 18px
    }

    .cta-custm-dd select {
        line-height: 22px;
        font-size: 1.06666667rem
    }

    .cta-custm-dd .selectdiv:after {
        padding: 21px 5px 0 8px
    }

.cust-width-input {
    margin: auto;
    max-width: 320px
}

.breakdown-first-bill.similarhomes {
    padding: 0;
    background: #fff
}

@media (max-width: 991px) {
    .breakdown-first-bill.similarhomes {
        padding: 0 15px
    }

        .breakdown-first-bill.similarhomes .pad-right-0 {
            padding: 0;
            margin-bottom: 30px
        }
}

.breakdown-first-bill.similarhomes img {
    padding: 0
}

.breakdown-first-bill.similarhomes .report-box {
    border: 1px solid #D0D0CE;
    border-top: 4px solid #FFB81B;
    text-align: center;
    padding: 15px
}

    .breakdown-first-bill.similarhomes .report-box .customwidth {
        max-width: 215px;
        margin: auto
    }

@media (max-width: 991px) {
    .breakdown-first-bill.similarhomes .report-box p, .breakdown-first-bill.similarhomes .report-box .p {
        padding-bottom: 15px
    }

    .breakdown-first-bill.similarhomes .report-box .customwidth {
        max-width: 315px
    }

    .breakdown-first-bill.similarhomes .report-box .card-button a {
        max-width: 320px
    }
}

.breakdown-first-bill.similarhomes .report-box p, .breakdown-first-bill.similarhomes .report-box .p {
    line-height: 23px
}

.breakdown-first-bill.similarhomes .report-box .green-percentage {
    font-size: 2.66666667rem;
    color: #6CC24A;
    padding-bottom: 20px
}

.breakdown-first-bill.similarhomes .report-box .home-icon-bg {
    background-color: #FFF6E3;
    width: 57px;
    height: 57px;
    margin: auto;
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 15px
}

.breakdown-first-bill.similarhomes .report-box p, .breakdown-first-bill.similarhomes .report-box .p {
    font-size: 1.2rem
}

.breakdown-first-bill.similarhomes .report-box .grey-border-bottom {
    border-bottom: 1px solid #D0D0CE;
    margin: 0 -15px 18px
}

@media screen and (min-width: 991px) {
    .card-group .card-body .two-column-fields {
        max-width: 400px !important;
        clear: both
    }

        .card-group .card-body .two-column-fields .form-group {
            float: left;
            width: 45%;
            margin: 0 2%
        }

            .card-group .card-body .two-column-fields .form-group input {
                padding: 8px 0
            }

        .card-group .card-body .two-column-fields + .card-button {
            clear: both
        }
}

#my-gas-tab.three-headings #myTabs li {
    width: 32%;
    margin-right: 8px !important;
    background-color: #ffffff !important
}

@media (max-width: 991px) {
    #my-gas-tab.three-headings #myTabs li {
        width: 100%
    }
}

#my-gas-tab.three-headings #myTabs li .icon-width {
    width: 32px
}

@media (min-width: 992px) {
    #my-gas-tab.three-headings #myTabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

#my-gas-tab.three-headings ul li:last-child {
    margin-bottom: 12px !important
}

.home-insights {
    background-color: #fff !important;
    display: inline-block
}

@media (min-width: 992px) {
    .home-insights {
        padding: 0 !important;
        margin-top: -15px
    }
}

.home-insights #billing-insights-web10 {
    margin-top: 2px
}

    .home-insights #billing-insights-web10 .consumption-breakdown {
        margin-bottom: 0 !important
    }

@media (max-width: 991px) {
    .home-insights #billing-insights-web10 .consumption-breakdown {
        padding: 0 15px
    }

        .home-insights #billing-insights-web10 .consumption-breakdown .btn-navigation {
            width: 90%;
            padding: 0
        }
}

.home-insights .insights-error .no-chart {
    margin-bottom: 0;
    margin-top: 25px;
    background-color: #FFF6E3
}

.home-insights .consumption-breakdown {
    margin-top: 35px;
    margin-bottom: 0
}

.home-insights .consumption-content {
    padding: 45px 25px 0 25px
}

@media (max-width: 991px) {
    .home-insights .consumption-content {
        padding: 20px 0 0 0
    }
}

.home-insights .your-profile-content {
    padding-top: 80px
}

@media (max-width: 991px) {
    .home-insights .your-profile-content {
        padding-top: 50px
    }
}

.home-insights .your-profile-content h2, .home-insights .your-profile-content h1 {
    font-size: 2.33333333rem;
    color: #000;
    padding: 0 0 20px 0
}

.home-insights .your-profile-content p, .home-insights .your-profile-content .p {
    font-size: 1.2rem;
    color: #9B9B9B
}

.home-insights .optional-questions-table {
    padding: 40px 20px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
}

@media (max-width: 991px) {
    .home-insights .optional-questions-table {
        padding: 20px 15px 40px
    }
}

.home-insights .optional-questions-table h4 {
    padding: 30px 10px;
    font-size: 1.53333333rem
}

    .home-insights .optional-questions-table h4 span {
        padding-right: 10px
    }

@media (max-width: 991px) {
    .home-insights .optional-questions-table h4 {
        padding: 10px;
        margin: 0
    }
}

.home-insights .optional-questions-table .hi-h4 {
    padding: 30px 10px;
    font-size: 1.53333333rem
}

    .home-insights .optional-questions-table .hi-h4 span {
        padding-right: 10px
    }

@media (max-width: 991px) {
    .home-insights .optional-questions-table .hi-h4 {
        padding: 10px;
        margin: 0
    }
}

.home-insights .optional-questions-table .form-group {
    padding: 20px 40px;
    margin-bottom: 3px
}

@media (max-width: 991px) {
    .home-insights .optional-questions-table .form-group {
        padding: 10px
    }

        .home-insights .optional-questions-table .form-group .mob-pad-top-15 {
            padding-top: 15px
        }
}

.home-insights .optional-questions-table .form-group label {
    font-size: .8rem;
    font-family: "FoundationRoman",Arial,sans-serif
}

.home-insights .optional-questions-table .form-group input, .home-insights .optional-questions-table .form-group select {
    font-size: 1.06666667rem;
    line-height: 22px
}

.home-insights .optional-questions-table .form-group .selectdiv:after {
    top: 11px;
    right: 18px
}

.home-insights .optional-questions-table .selectdiv.form-group {
    margin-bottom: 10px
}

.home-insights .optional-questions-table .form-group.selectdiv:after {
    right: 48px;
    top: 7px
}

.home-insights .bbp-common-buttons button {
    margin: 90px auto 25px
}

@media (max-width: 991px) {
    .home-insights .bbp-common-buttons button {
        margin: 50px auto 25px
    }
}

.embedded-video-component .video-description {
    margin: 35px 0 0;
    font-size: 1.06666667rem;
    letter-spacing: -0.17px !important;
    color: #353535;
    line-height: 19px
}

@media only screen and (max-width: 991px) {
    .embedded-video-component .video-description {
        margin: 10px 0 15px
    }
}

.embedded-video-component .custom-maxWidth {
    max-width: 434px
}

@media only screen and (max-width: 991px) {
    .embedded-video-component .video-widget {
        margin: 0
    }
}

.embedded-video-component .tile-description-container h3 {
    margin: 0 0 15px
}

.embedded-video-component .tile-description-container .title-description p, .embedded-video-component .tile-description-container .title-description .p {
    line-height: 2.13333333rem;
    color: #353535
}

.embedded-video-component .full-size-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media only screen and (max-width: 991px) {
    .embedded-video-component .full-size-video {
        display: block
    }
}

.embedded-video-component .full-size-video .tile-description-container {
    width: 75%
}

@media only screen and (max-width: 991px) {
    .embedded-video-component .full-size-video .tile-description-container {
        width: 100%
    }
}

.embedded-video-component .full-size-video .tile-description-container .title-description {
    margin-bottom: 25px
}

.embedded-video-component .video-right-aligned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 991px) {
    .embedded-video-component .video-right-aligned {
        display: block
    }
}

@media only screen and (max-width: 991px) {
    .icon-text-bodyContainer {
        width: auto;
        display: block
    }
}

.icon-text-bodyContainer h3 {
    padding-bottom: 5px
}

@media only screen and (max-width: 991px) {
    .icon-text-bodyContainer .icon-text-desc {
        margin-bottom: 20px
    }
}

.icon-text-bodyContainer .icon-text-desc p, .icon-text-bodyContainer .icon-text-desc .p {
    line-height: 32px;
    color: #353535;
    padding: 0;
    margin: 0
}

.icon-text-grid-container .icon-text-grid {
    width: 100%
}

    .icon-text-grid-container .icon-text-grid .icon-text-image {
        width: 19%;
        text-align: center
    }

@media only screen and (max-width: 991px) {
    .icon-text-grid-container .icon-text-grid .icon-text-image {
        text-align: center;
        display: block;
        margin-bottom: 15px;
        width: 100%;
        padding: 0
    }
}

.icon-text-grid-container .icon-text-grid .icon-text-image img {
    max-width: 60px;
    height: auto;
    margin: auto
}

@media only screen and (max-width: 991px) {
    .icon-text-grid-container .icon-text-grid .icon-text-image img {
        display: inline-block
    }
}

.one-column-content .icon-text-grid-main-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 991px) {
    .one-column-content .icon-text-grid-main-row {
        display: block
    }
}

.one-column-content .icon-text-grid-main-row .icon-text-grid-container {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.two-column-container .icon-text-grid-main-row .icon-text-grid-container {
    width: 75%
}

@media only screen and (max-width: 991px) {
    .two-column-container .icon-text-grid-main-row .icon-text-grid-container {
        width: 100%
    }
}

.altertext-image-main .image-box {
    text-align: center
}

    .altertext-image-main .image-box img {
        vertical-align: top;
        display: inline-block
    }

    .altertext-image-main .image-box .img-desc {
        margin-top: 20px;
        padding: 0;
        font-size: 1.06666667rem
    }

.altertext-image-main .alter-text-box h3 {
    padding-bottom: 15px;
    max-width: 418px
}

.altertext-image-main .alter-text-box p, .altertext-image-main .alter-text-box .p {
    line-height: 32px;
    max-width: 435px;
    padding: 0;
    margin: 0
}

.egd-marginb-50 {
    margin-bottom: 50px
}

@media screen and (max-width: 991px) {
    .alter-text-image-main {
        margin-top: 60px
    }

    .mobile-border-bottom {
        border-bottom: 1px solid #979797;
        margin: 0px 15px 39px 15px;
        padding-bottom: 30px
    }

    .egd-marginb-50 {
        margin-bottom: 0
    }

    .mobile-top-20 {
        margin-top: 20px
    }
}

.PA-confirmation {
    margin-top: 40px
}

    .PA-confirmation .payment-arrangement-review-container h2 {
        margin-top: 28px
    }

    .PA-confirmation .payment-arrangement-review-container .notification-main {
        margin: 30px 0 40px
    }

@media screen and (max-width: 991px) {
    .PA-confirmation .payment-arrangement-review-container .notification-main {
        margin: 10px 0 25px
    }
}

@media screen and (max-width: 991px) {
    .PA-confirmation .payment-arrangement-review-container .user-actions {
        padding-top: 30px
    }
}

.PA-no-payment .payment-arrangement-review-container.orphanpage .payment-arrangements-main {
    border: 1px solid #FFB81B;
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .PA-no-payment .payment-arrangement-review-container.orphanpage .payment-arrangements-main {
        border: none;
        margin-bottom: 0
    }
}

.PA-no-payment .payment-arrangement-review-container.orphanpage .orphan-text-container {
    background-color: #fff;
    padding: 48px 20px 20px
}

@media screen and (max-width: 991px) {
    .PA-no-payment .payment-arrangement-review-container.orphanpage .orphan-text-container {
        background-color: #f2f2f2
    }
}

.PA-no-payment .payment-arrangement-review-container.orphanpage .orphan-text-container p, .PA-no-payment .payment-arrangement-review-container.orphanpage .orphan-text-container .p {
    background-color: #f2f2f2;
    padding: 20px
}

@media screen and (max-width: 991px) {
    .PA-no-payment .payment-arrangement-review-container.orphanpage .orphan-text-container p, .PA-no-payment .payment-arrangement-review-container.orphanpage .orphan-text-container .p {
        background-color: transparent;
        padding: 0
    }
}

.PA-no-payment .payment-arrangement-review-container .user-actions {
    padding-top: 30px
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .service-address-component {
        padding: 1.7rem 1.33333333rem 0
    }
}

.PA-updatepayment .service-address-component .pay-service-addr p, .PA-updatepayment .service-address-component .pay-service-addr .p {
    padding: 0;
    margin: 0
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .service-address-component .pay-service-addr p, .PA-updatepayment .service-address-component .pay-service-addr .p {
        font-weight: 100
    }
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .service-address-component .pay-service-addr p strong, .PA-updatepayment .service-address-component .pay-service-addr .p strong {
        display: block
    }
}

.PA-updatepayment .warn-notification {
    margin-bottom: 20px
}

    .PA-updatepayment .warn-notification .notification-main .modal-notification-msg .icon-tick {
        padding: 30px !important
    }

@media screen and (max-width: 991px) {
    .PA-updatepayment .warn-notification .notification-main .modal-notification-msg .icon-tick {
        padding: 30px 25px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .PA-updatepayment .warn-notification .notification-main .modal-notification-msg .icon-tick img {
            position: static !important;
            -webkit-transform: none !important;
            transform: none !important
        }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .PA-updatepayment .warn-notification .notification-main .modal-notification-msg .icon-tick {
        padding: 30px 22px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .PA-updatepayment .warn-notification .notification-main .modal-notification-msg .icon-tick img {
            position: static !important;
            -webkit-transform: none !important;
            transform: none !important
        }
}

.PA-updatepayment .warn-notification .notification-main .modal-notification-msg .alert-content-amber h4 {
    line-height: 25px
}

.PA-updatepayment .warn-notification .notification-main .modal-notification-msg .alert-content-amber p, .PA-updatepayment .warn-notification .notification-main .modal-notification-msg .alert-content-amber .p {
    padding: 0;
    margin: 0;
    line-height: 25px
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .paid-desc-mob {
        padding: 5px 0
    }
}

.PA-updatepayment .payment-arrangement-container .pay-install-paid {
    margin-right: 3.5%
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .payment-paid {
        width: 82%
    }
}

.PA-updatepayment .payment-arrangement-container .pay-install-miss {
    width: 100%;
    float: right;
    padding-right: 20px
}

    .PA-updatepayment .payment-arrangement-container .pay-install-miss span {
        position: absolute;
        bottom: 31px;
        right: 13.5%
    }

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .payment-installments-main .remove-install {
        top: 10px
    }
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .payment-installments-main .installment-section .custom-width-txtbox {
        width: 75%
    }
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .payment-installments-main .installment-section input.form-control.custom-mb {
        width: 92% !important
    }
}

.PA-updatepayment .payment-arrangement-container .payment-installments-main .installment-section .left-textbox .custom-padding {
    padding-right: 20px !important
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .payment-installments-main .installment-section .left-textbox .custom-padding {
        padding-right: 21px !important
    }
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .payment-installments-main .installment-section .calendar-icon .input-group-addon {
        right: 4px
    }
}

.PA-updatepayment .payment-arrangement-container .payment-installments-main .total-installment-section {
    margin-bottom: 40px
}

.PA-updatepayment .payment-arrangement-container .payment-installments-main .user-actions {
    padding-top: 40px;
    border-top: 1px solid #B4B4B4
}

@media screen and (max-width: 991px) {
    .PA-updatepayment .payment-arrangement-container .payment-installments-main .user-actions {
        padding-top: 20px
    }
}

.PA-updatepayment .payment-arrangement-heading h3 {
    padding-bottom: 5px
}

.PA-update-install {
    margin-bottom: -6px
}

    .PA-update-install .user-actions {
        padding-top: 10px
    }

        .PA-update-install .user-actions a {
            margin: 0
        }

@media screen and (max-width: 991px) {
    .payment-arrangement-review-container .user-actions {
        padding-top: 30px
    }
}

@media screen and (max-width: 991px) {
    .payment-arrangement-review-container .headings .th:after {
        content: none;
        margin: 0
    }
}

@media screen and (max-width: 991px) {
    .payment-arrangement-review-container .pa-view span:before {
        content: "/";
        margin: 0 5px
    }
}

.icon-with-text-comp-main {
    text-align: center
}

    .icon-with-text-comp-main h3 {
        margin: 0 0 10px
    }

    .icon-with-text-comp-main p, .icon-with-text-comp-main .p, .icon-with-text-comp-main .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .icon-with-text-comp-main p {
        max-width: 300px;
        margin: auto;
        line-height: 28px
    }

    .icon-with-text-comp-main .iconwithtextcomp-img {
        min-height: 80px;
        margin: 0 0 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .icon-with-text-comp-main .iconwithtextcomp-img img {
            max-width: 80px;
            height: auto;
            margin: auto;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .icon-with-text-comp-main ul {
        text-align: left
    }

.cust-margin {
    margin-top: 30px;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .cust-margin {
        margin: 0
    }

    .icon-with-text-comp-main {
        margin-top: 30px
    }
}

.interactive-bill-section {
    padding: 30px 30px 30px;
    border: 1px solid #D0D0CE;
    border-radius: 4px 4px 0 0;
    background-color: #FFFFFF;
    border-bottom: 0;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    .interactive-bill-section {
        padding: 0;
        border: 0;
        margin: 0 -15px
    }
}

.interactive-bill-welcome-component {
    padding: 0 72px
}

@media only screen and (max-width: 991px) {
    .interactive-bill-welcome-component {
        padding: 0
    }
}

.interactive-bill-welcome-component h1 {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 2.93333333rem;
    letter-spacing: -0.5px;
    line-height: 3.2rem;
    padding: 0 0 10px 0
}

@media only screen and (max-width: 991px) {
    .interactive-bill-welcome-component h1 {
        color: #333333;
        font-size: 28px;
        letter-spacing: -0.36px;
        line-height: 40px
    }
}

.interactive-bill-welcome-component p, .interactive-bill-welcome-component .p, .interactive-bill-welcome-component .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .interactive-bill-welcome-component p {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 1.53333333rem;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem;
    margin-bottom: 0;
    padding-bottom: 0
}

@media only screen and (max-width: 991px) {
    .interactive-bill-welcome-component p, .interactive-bill-welcome-component .p, .interactive-bill-welcome-component .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .interactive-bill-welcome-component p {
        color: #333333;
        font-size: 18px;
        letter-spacing: 0.23px;
        line-height: 30px;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.interactive-bill-insights-card {
    margin-top: 25px
}

    .interactive-bill-insights-card .panel-group {
        margin-bottom: 0
    }

        .interactive-bill-insights-card .panel-group .panel {
            border: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

.interactive-hr {
    margin: 0;
    border-top: 4px solid #FFB81C
}

.view-bill-link-container {
    margin: 30px 0 0 10px
}

@media only screen and (max-width: 991px) {
    .view-bill-link-container {
        margin: 30px 0
    }
}

.view-bill-link-container a {
    color: #007DBA;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    text-underline-position: under;
    position: relative
}

    .view-bill-link-container a:first-child {
        margin-right: 50px
    }

@media only screen and (max-width: 991px) {
    .view-bill-link-container a:first-child {
        margin-right: 30px
    }
}

.view-bill-link-container a#view-bill-insert:after {
    top: 23px;
    left: 50%;
    border: solid #FFB81B;
    border-width: 1px 0px 0px 1px;
    display: inline-block;
    padding: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    background: #fff;
    z-index: 9999
}

.view-bill-link-container .modal .modal-dialog .modal-content::before {
    content: none !important
}

.view-bill-link-container .msg-flyout .in ~ a::after {
    content: '' !important
}

.collapse-btn-conatiner {
    background-color: #EAEAED;
    margin: 0 auto;
    border: 2px solid #D0D0CE;
    border-radius: 0 0 4px 4px;
    clear: both
}

    .collapse-btn-conatiner:hover {
        border: 2px solid #000000;
        background: transparent
    }

    .collapse-btn-conatiner .movesExpandCollapse {
        margin-top: -30px
    }

@media only screen and (max-width: 991px) {
    .collapse-btn-conatiner {
        margin: 0
    }

        .collapse-btn-conatiner:hover, .collapse-btn-conatiner:focus {
            border: none;
            background-color: #F6F6F6
        }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .collapse-btn-conatiner {
        margin: 0
    }

        .collapse-btn-conatiner:hover, .collapse-btn-conatiner:focus {
            border: none;
            background-color: #F6F6F6
        }
}

.interactive-bill-collapse-btn > a {
    display: block;
    padding: 1.53333333rem 0;
    border-radius: 0 0 4px 4px
}

    .interactive-bill-collapse-btn > a:hover {
        text-decoration: underline
    }

    .interactive-bill-collapse-btn > a > p, .interactive-bill-collapse-btn > a > .p, .rebate-cta .rebate-cta-desc .interactive-bill-collapse-btn > a > p {
        color: #000000;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 1.2rem;
        text-transform: capitalize
    }

        .interactive-bill-collapse-btn > a > p > span, .interactive-bill-collapse-btn > a > .p > span, .rebate-cta .rebate-cta-desc .interactive-bill-collapse-btn > a > p > span {
            background: url("/images/arrow 241x150_down.png");
            width: 12px;
            height: 6px;
            background-repeat: no-repeat;
            top: -1px;
            left: 1rem;
            background-size: 12px 6px
        }

        .interactive-bill-collapse-btn > a > p.close-collapse, .interactive-bill-collapse-btn > a > .close-collapse.p, .rebate-cta .rebate-cta-desc .interactive-bill-collapse-btn > a > p.close-collapse {
            display: block
        }

        .interactive-bill-collapse-btn > a > p.open-collapse, .interactive-bill-collapse-btn > a > .open-collapse.p, .rebate-cta .rebate-cta-desc .interactive-bill-collapse-btn > a > p.open-collapse {
            display: none
        }

    .interactive-bill-collapse-btn > a[aria-expanded="true"] > p.close-collapse, .interactive-bill-collapse-btn > a[aria-expanded="true"] > .close-collapse.p, .rebate-cta .rebate-cta-desc .interactive-bill-collapse-btn > a[aria-expanded="true"] > p.close-collapse {
        display: none
    }

    .interactive-bill-collapse-btn > a[aria-expanded="true"] > p.open-collapse, .interactive-bill-collapse-btn > a[aria-expanded="true"] > .open-collapse.p, .rebate-cta .rebate-cta-desc .interactive-bill-collapse-btn > a[aria-expanded="true"] > p.open-collapse {
        display: block
    }

        .interactive-bill-collapse-btn > a[aria-expanded="true"] > p.open-collapse > span, .interactive-bill-collapse-btn > a[aria-expanded="true"] > .open-collapse.p > span, .rebate-cta .rebate-cta-desc .interactive-bill-collapse-btn > a[aria-expanded="true"] > p.open-collapse > span {
            background: url("/images/arrow 241x150_up.png");
            width: 12px;
            height: 6px;
            background-repeat: no-repeat;
            top: -1px;
            left: 1rem;
            background-size: 12px 6px
        }

#collapseViewBillHighlights.collapse.in {
    border-top: 1px solid #D6D6D4;
    margin: 30px 0 0;
    padding: 30px 0 0
}

@media only screen and (max-width: 991px) {
    #collapseViewBillHighlights.collapse.in {
        padding: 20px 0 0;
        margin: 0
    }
}

.no-data-available {
    text-align: center;
    padding: 17px 185px 50px
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .no-data-available {
        padding: 17px 120px 30px
    }
}

@media only screen and (max-width: 991px) {
    .no-data-available {
        padding: 17px 60px 30px
    }
}

.no-data-available p, .no-data-available .p, .no-data-available .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .no-data-available p {
    color: #000000;
    font-size: 16px;
    letter-spacing: -0.14px !important;
    line-height: 19px;
    text-align: center;
    margin: 10px 0 0;
    padding: 0
}

.new-customer-charges {
    padding: 20px 30px 0 !important
}

@media only screen and (max-width: 991px) {
    .new-customer-charges {
        padding: 15px 15px 15px 10px !important
    }
}

.interactive-bill-L2-cta {
    padding: 0 15px 20px !important
}

    .interactive-bill-L2-cta .l2-cta-container {
        padding: 0 15px !important
    }

        .interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view {
            display: block
        }

            .interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-image {
                width: 100%;
                display: block !important
            }

            .interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-body {
                display: block !important
            }

                .interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-body .cta-header-ga {
                    margin-top: 11px;
                    text-align: left
                }

@media only screen and (max-width: 991px) {
    .interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-body .cta-header-ga {
        margin-top: 0
    }
}

.interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-body .cta-description-ga {
    padding: 23px 0 55px;
    font-size: 1.2rem;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-body .cta-description-ga {
        padding: 12px 0 41px
    }
}

.interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-body .cta-button-ga {
    margin-bottom: 66px
}

@media only screen and (max-width: 991px) {
    .interactive-bill-L2-cta .l2-cta-container > .card-group > .card.desktop-view .card-body .cta-button-ga {
        margin-bottom: 20px
    }
}

.new-customer .payment-btn .disabled {
    margin-top: 20px
}

@media only screen and (max-width: 991px) {
    .new-customer .payment-btn .disabled {
        margin-top: 30px
    }
}

.block-with-text {
    overflow: hidden;
    position: relative;
    line-height: 22px;
    max-height: 44px;
    margin-right: -15px;
    padding-right: 10px !important
}

    .block-with-text:after {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0
    }

.authbg-white .main-content {
    padding-top: .66666667rem !important
}

@media screen and (min-width: 1399px) {
    .authbg-white .main-content {
        padding-top: .66666667rem !important
    }
}

@media only screen and (max-width: 991px) {
    .authbg-white .main-content {
        padding-top: 0 !important
    }
}

.mybill-Greybg {
    padding: 1.93333333rem 3.06666667rem 2.53333333rem 2.8rem;
    background-color: #f2f3f3
}

@media only screen and (max-width: 991px) {
    .mybill-Greybg {
        padding: 15px 15px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (orientation: portrait) {
    .mybill-Greybg {
        padding: 1.93333333rem 3.06666667rem 2.53333333rem 2.8rem
    }
}

@media only screen and (min-width: 1201px) {
    .view-bill-inserts.currentbalance-inserts #latest-bill-inserts-Modal-L1 .modal-dialog, .view-bill-inserts.currentbalance-inserts #latest-bill-inserts-Modal-L2 .modal-dialog {
        left: 28%
    }
}

.account-balance-container {
    border-radius: 4px 4px 0 0;
    background-color: #EAEAED;
    padding: 25px 30px;
    position: relative
}

    .account-balance-container.new-customer {
        padding: 40px 30px 30px
    }

@media only screen and (max-width: 991px) {
    .account-balance-container.new-customer {
        padding: 20px 10px 10px !important
    }
}

.account-balance-container.new-customer .account-balance-details {
    margin: 0
}

@media only screen and (max-width: 991px) {
    .account-balance-container {
        padding: 10px
    }
}

.account-balance-container .bill-details p, .account-balance-container .bill-details .p {
    color: #353535;
    font-size: 16px;
    letter-spacing: -0.17px !important;
    line-height: 26px;
    padding: 0;
    margin: 0
}

    .account-balance-container .bill-details p:last-child, .account-balance-container .bill-details .p:last-child {
        margin-top: 5px;
        line-height: 19px
    }

@media only screen and (max-width: 991px) {
    .account-balance-container .bill-details p, .account-balance-container .bill-details .p {
        font-size: 14px
    }
}

.account-balance-container .account-balance-details {
    margin: 34px 0 0
}

@media only screen and (max-width: 991px) {
    .account-balance-container .account-balance-details {
        margin: 30px 0
    }
}

.account-balance-container .account-balance-details h1 {
    padding: 0;
    margin-bottom: 6px
}

    .account-balance-container .account-balance-details h1 span {
        color: #353535;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 2.13333333rem;
        line-height: 2.73333333rem;
        text-align: center
    }

@media only screen and (max-width: 991px) {
    .account-balance-container .account-balance-details h1 span {
        font-size: 23px;
        letter-spacing: -0.2px;
        line-height: 27px
    }
}

.account-balance-container .account-balance-details h1 b {
    color: #353535;
    font-size: 2.13333333rem;
    letter-spacing: -0.25px;
    line-height: 2.73333333rem
}

@media only screen and (max-width: 991px) {
    .account-balance-container .account-balance-details h1 b {
        float: none !important;
        display: block
    }
}

.account-balance-container .account-balance-details .abc-h1 {
    padding: 0;
    margin-bottom: 6px
}

    .account-balance-container .account-balance-details .abc-h1 span {
        color: #353535;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 2.13333333rem;
        line-height: 2.73333333rem;
        text-align: center
    }

@media only screen and (max-width: 991px) {
    .account-balance-container .account-balance-details .abc-h1 span {
        font-size: 23px;
        letter-spacing: -0.2px;
        line-height: 27px
    }
}

.account-balance-container .account-balance-details .abc-h1 b {
    color: #353535;
    font-size: 2.13333333rem;
    letter-spacing: -0.25px;
    line-height: 2.73333333rem
}

@media only screen and (max-width: 991px) {
    .account-balance-container .account-balance-details .abc-h1 b {
        float: none !important;
        display: block
    }
}

.account-balance-container .account-balance-details p, .account-balance-container .account-balance-details .p {
    padding: 0;
    margin: 0;
    color: #353535;
    font-size: 18px;
    letter-spacing: -0.17px;
    line-height: 22px;
    width: 65%
}

@media only screen and (max-width: 991px) {
    .account-balance-container .account-balance-details p, .account-balance-container .account-balance-details .p {
        font-size: 14px;
        letter-spacing: -0.2px;
        line-height: 22px;
        width: 100%
    }
}

.account-balance-container .account-balance-details p span.billdate-label, .account-balance-container .account-balance-details .p span.billdate-label {
    display: inline-block;
    margin-right: 5px
}

.account-balance-container .account-balance-details p span.payment-duedate, .account-balance-container .account-balance-details .p span.payment-duedate {
    display: inline-block
}

.account-balance-container .download-pdf-link {
    position: absolute;
    top: 25px;
    right: 35px
}

@media only screen and (max-width: 991px) {
    .account-balance-container .download-pdf-link {
        position: initial;
        margin-bottom: 15px
    }
}

.account-balance-container .payment-btn {
    text-align: right;
    clear: both
}

@media only screen and (max-width: 991px) {
    .account-balance-container .payment-btn {
        text-align: left
    }
}

.account-balance-container .payment-btn a {
    display: inline-block;
    width: 196px;
    line-height: 24px;
    letter-spacing: 0.3px !important;
    margin-top: 0
}

@media only screen and (max-width: 991px) {
    .account-balance-container .payment-btn a {
        width: 100%
    }
}

.account-balance-container .payment-btn a.disabled {
    background: #9b9b9b;
    color: #fff;
    cursor: default
}

.account-balance-container .download-pdf-link a {
    font-size: 16px;
    line-height: 26px;
    margin-left: 7px;
    color: #007DBA;
    text-decoration: underline;
    text-underline-position: under
}

.bill-details-new-customer p, .bill-details-new-customer .p, .bill-details-new-customer .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .bill-details-new-customer p {
    color: #353535;
    font-size: 16px;
    letter-spacing: -0.17px;
    line-height: 26px;
    padding: 20px 150px 55px 0;
    margin: 0
}

@media only screen and (max-width: 991px) {
    .bill-details-new-customer p, .bill-details-new-customer .p, .bill-details-new-customer .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .bill-details-new-customer p {
        padding: 15px 15px 35px 0;
        line-height: 19px
    }
}

.summary-of-charges {
    border: 1px solid #D8D8D6;
    border-radius: 0 0 4px 4px;
    background-color: #FFFFFF;
    padding: 25px 30px 0 40px
}

@media only screen and (max-width: 991px) {
    .summary-of-charges {
        padding: 15px 10px
    }
}

.summary-of-charges h3 {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 23px;
    letter-spacing: -0.17px;
    line-height: 22px;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .summary-of-charges h3 {
        font-size: 20px;
        line-height: 22px
    }
}

@media only screen and (max-width: 991px) {
    .summary-of-charges .summary-charges-heading .text-right {
        text-align: left !important
    }
}

.summary-of-charges span.tax-text {
    font-size: 13px;
    color: #000000;
    font-family: "FoundationRoman",Arial,sans-serif
}

.charges-summary-accordion {
    padding: 7px 0 0
}

    .charges-summary-accordion .panel-group {
        margin-bottom: 20px
    }

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group .panel {
        margin: 0
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default {
    border: none;
    border-bottom: 1px solid #D0D0CE !important;
    border-radius: 0;
    padding-bottom: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default {
        margin: 0
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default:nth-last-child(2) {
    border-bottom: 0 !important
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading {
    border: transparent;
    background: transparent;
    padding: 0
}

    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title {
        margin: 0 -30px 0 -40px;
        padding: 0 30px 0 40px
    }

        .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title:active, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title:focus, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title.focused {
            outline: 0;
            background-color: rgba(240,240,240,0.6)
        }

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title {
        margin: 0 -10px;
        padding: 0 10px
    }

        .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title:active, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title:focus {
            outline: 0;
            background-color: transparent !important
        }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title a {
    padding: 0 !important;
    display: inline-block !important
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title:hover {
    background-color: rgba(240,240,240,0.6)
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title.nonExpandable-parentMainItem:hover {
    background-color: transparent !important
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse {
    position: relative;
    margin-left: 20px;
    padding: 15px 0
}

    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .chr-arrow {
        display: inline-block;
        position: absolute
    }

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse {
        margin-left: 0;
        padding: 15px 0
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse.collapsed .chr-arrow:before {
    content: "\f078";
    color: #555555;
    font-family: 'FontAwesome';
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 11px
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse.collapsed .chr-arrow:before {
        top: 0 !important;
        left: 8px
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .chr-arrow:before {
    content: "\f077";
    color: #555555;
    font-family: 'FontAwesome';
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 11px
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .chr-arrow:before {
        top: 0 !important;
        left: 8px
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title .p {
    padding: 0;
    margin: 0 0 0 35px;
    font-size: 1.2rem;
    letter-spacing: -0.17px;
    line-height: 32px
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title .p {
        line-height: 22px
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title p span, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title .p span {
    display: table-cell
}

    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title p span.question-icon-blue, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .title .p span.question-icon-blue {
        display: table-cell;
        padding-left: 10px;
        width: 30px;
        height: 30px;
        vertical-align: text-bottom
    }

@media only screen and (max-width: 410px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .amount {
        padding-right: 11px !important
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .amount p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .amount .p {
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
    color: #333;
    letter-spacing: -0.17px;
    line-height: 32px;
    word-break: break-word
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .amount p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-main-item .amount .p {
        line-height: 22px
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-sub-item .Natural-gas-info {
    font-size: 16px !important;
    letter-spacing: -0.27px !important;
    line-height: 19px !important;
    margin-left: 35px;
    padding: 0;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-sub-item .Natural-gas-info {
        margin: 10px 0 0 35px
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .parent-sub-item .Natural-gas-info span:first-child {
    font-weight: bold
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse {
    margin: 0 -31px 0 -41px
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse {
        margin: 0 -12px 0 -10px
    }
}

@media only screen and (max-width: 410px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse {
        margin: 0 -16px 0 -10px
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body {
    border: none;
    padding: 0
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body {
        padding-top: 0 !important
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .row.panel-body-container {
    padding: 0 0 0 95px;
    margin: 0
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .row.panel-body-container {
        padding: 0 0 0 32px
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-header-item p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-header-item .p {
    padding: 21px 15px 20px 0 !important;
    font-size: 16px !important;
    letter-spacing: -0.27px !important;
    line-height: 19px !important;
    font-weight: bold
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item .p {
    margin: 0;
    font-size: 16px;
    line-height: 19px;
    color: #333
}

@media only screen and (max-width: 991px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item .p {
        font-size: 14px;
        line-height: 16px;
        padding: 17px 0 !important
    }
}

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item p span, .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item .p span {
    display: table-cell
}

    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item p span.question-icon-blue, .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item .p span.question-icon-blue {
        display: table-cell;
        padding-left: 10px;
        width: 30px;
        height: 30px;
        vertical-align: text-bottom
    }

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item:nth-of-type(odd) {
    background-color: rgba(240,240,240,0.6)
}

    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item:nth-of-type(odd) p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item:nth-of-type(odd) .p {
        padding: 21px 15px 20px 13px
    }

.charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item:nth-of-type(even) {
    background-color: rgba(255,255,255,0.6)
}

    .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item:nth-of-type(even) p, .charges-summary-accordion .panel-group > .panel.panel-default .panel-collapse .panel-body .child-sub-item:nth-of-type(even) .p {
        padding: 22px 15px 20px 13px
    }

.charges-from-company .panel-title:hover {
    background: transparent !important
}

.charges-from-company .charges-summary-collapse::before {
    content: none !important
}

.charges-from-company .charges-summary-collapse .parent-main-item a {
    padding: 0 !important;
    display: inline-block !important
}

    .charges-from-company .charges-summary-collapse .parent-main-item a.charges-other-company-link {
        color: #007DBA;
        font-size: 18px;
        letter-spacing: -0.17px;
        line-height: 32px;
        padding: 0 0 0 35px !important;
        text-decoration: underline;
        display: inline-block !important
    }

@media only screen and (max-width: 991px) {
    .charges-from-company .charges-summary-collapse .parent-main-item a.charges-other-company-link {
        padding-left: 30px !important;
        line-height: 22px
    }
}

.charges-from-company .charges-summary-collapse .parent-main-item a:hover, .charges-from-company .charges-summary-collapse .parent-main-item a:focus, .charges-from-company .charges-summary-collapse .parent-main-item a:active {
    color: #007DBA !important;
    text-decoration: underline !important
}

.charges-from-company .charges-summary-collapse .question-icon-blue {
    line-height: 32px
}

@media only screen and (max-width: 991px) {
    .charges-from-company .charges-summary-collapse .question-icon-blue {
        line-height: 22px
    }
}

.total-bill-section {
    padding: 15px 0 10px;
    margin-top: 0;
    border-top: 2px solid #353535 !important
}

    .total-bill-section p, .total-bill-section .p, .total-bill-section .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .total-bill-section p {
        margin: 0;
        padding: 0;
        color: #353535;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -0.17px !important;
        line-height: 32px
    }

.question-icon-blue {
    margin-left: 10px
}

    .question-icon-blue img {
        width: 15px;
        height: 15px
    }

@media only screen and (max-width: 600px) {
    .charges-summary-accordion .panel-group > .panel.panel-default .charges-summary-collapse .title {
        display: table !important
    }

        .charges-summary-accordion .panel-group > .panel.panel-default .charges-summary-collapse .title a.charges-other-company-link {
            display: table-cell !important
        }

            .charges-summary-accordion .panel-group > .panel.panel-default .charges-summary-collapse .title a.charges-other-company-link + .question-icon-blue {
                display: table-cell !important
            }

                .charges-summary-accordion .panel-group > .panel.panel-default .charges-summary-collapse .title a.charges-other-company-link + .question-icon-blue img {
                    max-width: 15px !important;
                    margin-left: 5px
                }
}

.total-amount-section {
    border: 0 !important;
    padding: 0;
    margin-top: 15px
}

    .total-amount-section p, .total-amount-section .p, .total-amount-section .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .total-amount-section p {
        margin-left: 65px;
        padding: 15px 0 40px
    }

@media only screen and (max-width: 991px) {
    .total-amount-section p, .total-amount-section .p, .total-amount-section .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .total-amount-section p {
        margin-left: 25px
    }
}

.bdr-top {
    border-top: 2px solid #D0D0CE !important
}

.bdr-bottom {
    border-bottom: 2px solid #D0D0CE !important
}

.borderTopWithBoldText {
    border-top: 2px solid #D0D0CE !important;
    padding: 0 !important;
    margin: 0 25px 25px 110px !important
}

@media only screen and (max-width: 991px) {
    .borderTopWithBoldText {
        margin: 0 15px 10px 50px !important
    }
}

.borderTopWithBoldText > div.col-md-8 {
    padding: 0
}

.borderTopWithBoldText > div p, .borderTopWithBoldText > div .p, .borderTopWithBoldText > div .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .borderTopWithBoldText > div p {
    padding: 21px 0 20px 0 !important;
    font-size: 16px !important;
    letter-spacing: -0.27px !important;
    line-height: 19px !important;
    font-weight: bold
}

.borderTopWithBoldText.TOTAL_GAS_CHARGE_EXC_HST {
    margin-bottom: 0 !important
}

a.charges-other-company-link {
    background: transparent !important
}

.new-notification-main .modal-dialog {
    background: #fff;
    width: 718px;
    margin-top: 40px;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .new-notification-main .modal-dialog {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }
}

.new-notification-main .heading-section {
    padding: 20px 25px 12px 25px;
    border-bottom: 1px solid #f0f0f0
}

    .new-notification-main .heading-section h3 {
        display: inline-block;
        font-family: "FoundationRoman",Arial,sans-serif
    }

@media screen and (max-width: 500px) {
    .new-notification-main .heading-section .header-mobileView {
        font-size: 1.53333333rem !important
    }
}

.new-notification-main .heading-section .header {
    display: inline-block;
    color: #000;
    font-size: 1.53333333rem;
    font-family: "FoundationBold",Arial,sans-serif;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem;
    font-family: "FoundationRoman",Arial,sans-serif;
    padding: 0px
}

.new-notification-main .heading-section button {
    color: #353535;
    float: right;
    font-size: 1.2rem;
    opacity: 0.75;
    margin: 8px 0
}

.new-notification-main .heading-section .close-but {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-weight: 700
}

.new-notification-main .modal-body {
    padding: 0 90px
}

@media screen and (max-width: 991px) {
    .new-notification-main .modal-body {
        padding: 0 16px
    }
}

.new-notification-main .modal-body .circle-image-bg {
    margin: 25px auto 20px auto;
    height: 60px;
    width: 60px
}

.new-notification-main .modal-body p, .new-notification-main .modal-body .p {
    line-height: 32px
}

.new-notification-main .border-top {
    border-top: 1px solid #979797;
    margin-top: 10px;
    margin: 0 60px 20px 60px
}

@media screen and (max-width: 991px) {
    .new-notification-main .border-top {
        margin: 0 15px
    }
}

.new-notification-main .gas-reconnect-common-button {
    text-align: center;
    clear: both;
    padding-bottom: 30px
}

    .new-notification-main .gas-reconnect-common-button a {
        margin: 10px auto
    }

@media screen and (max-width: 991px) {
    .new-notification-main {
        margin: 0 auto 0 auto
    }
}

.graph-component-main {
    padding: 16px 12px 10px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    position: relative
}

    .graph-component-main h3 {
        font-family: "FoundationRoman",Arial,sans-serif;
        text-align: center;
        font-size: 1.53333333rem
    }

    .graph-component-main .form-group.cust-margin-left {
        margin-left: 10px
    }

    .graph-component-main .edg-custom-radio-check.graph-radio label {
        font-size: .8rem !important;
        margin-left: 8px !important
    }

    .graph-component-main .edg-custom-radio-check.graph-radio input[type="radio"] + label:before {
        width: 16px;
        height: 16px
    }

    .graph-component-main .edg-custom-radio-check.graph-radio input[type="radio"] + label:after {
        width: 8px;
        height: 8px;
        background: #0488E4;
        left: 4px !important
    }

@media screen and (max-width: 991px) {
    .graph-component-main h3 {
        padding-bottom: 10px
    }

    .graph-component-main .switch {
        display: inline-block;
        margin-top: 8px
    }

    .graph-component-main .form-group.cust-margin-left {
        margin-left: 5px
    }
}

.graph-component-main .tooltiptxt {
    text-decoration: none
}

@media screen and (min-width: 992px) {
    .graph-component-main .btn-navigation {
        bottom: 14.5% !important;
        width: 97.5% !important;
        position: inherit !important
    }
}

@media screen and (max-width: 991px) {
    .graph-component-main .btn-navigation {
        bottom: 14.5% !important;
        width: 100% !important;
        position: inherit !important;
        z-index: 1
    }
}

.series-highlight {
    stroke: #0488E4;
    stroke-width: 2
}

.switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    margin-left: 5px
}

@media screen and (max-width: 991px) {
    .switch {
        margin-left: 0
    }
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F4f7f4;
    -webkit-transition: .4s;
    transition: .4s
}

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
        border: 1px solid #D0D0CE;
        top: -1px
    }

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #0488E4
}

.slider.round {
    border-radius: 13px;
    border: 1px solid #D0D0CE;
    background-color: #F4F7F4
}

    .slider.round:before {
        border-radius: 50%
    }

.phase2-main-tooltip {
    position: relative
}

    .phase2-main-tooltip .popover.bottom > .arrow {
        border-bottom-color: #FFB81C !important
    }

    .phase2-main-tooltip .popover {
        max-width: 452px !important;
        width: 452px;
        border: 1px solid #FFB81C;
        border-radius: 4px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(108,108,108,0.5);
        box-shadow: 0 2px 4px 0 rgba(108,108,108,0.5);
        padding: 0;
        position: absolute
    }

        .phase2-main-tooltip .popover h3 {
            color: #000;
            text-align: left;
            padding: 20px 20px 20px 33px;
            border-bottom: 1px solid #f0f0f0;
            font-size: 1.4rem !important;
            background: none;
            margin: 0;
            font-family: "FoundationRoman",Arial,sans-serif
        }

        .phase2-main-tooltip .popover .popover-content {
            padding: 15px 30px 15px 30px !important
        }

            .phase2-main-tooltip .popover .popover-content .desc-text {
                font-size: 1.06666667rem !important;
                color: #353535 !important
            }

        .phase2-main-tooltip .popover button.close {
            top: 25px !important;
            color: #353535;
            position: absolute;
            right: 32px;
            opacity: 1;
            font-size: 15px
        }

@media screen and (max-width: 991px) {
    .phase2-main-tooltip .popover {
        width: 100% !important;
        min-width: 350px !important;
        max-width: 380px !important
    }

        .phase2-main-tooltip .popover h3 {
            padding: 15px !important
        }

        .phase2-main-tooltip .popover .popover-content {
            padding: 15px !important
        }

        .phase2-main-tooltip .popover button.close {
            top: 18px !important;
            right: 22px
        }
}

@media screen and (max-width: 991px) {
    .gas-consumption-legend-container {
        position: relative;
        top: -45px;
        z-index: 0
    }
}

.gas-consumption-legend {
    text-align: center
}

    .gas-consumption-legend p, .gas-consumption-legend .p, .gas-consumption-legend .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .gas-consumption-legend p {
        color: #333;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 12px;
        letter-spacing: .15px !important;
        line-height: 15px;
        padding-bottom: 5px
    }

    .gas-consumption-legend ul {
        padding: 0
    }

        .gas-consumption-legend ul li::before {
            content: none
        }

@media only screen and (max-width: 991px) {
    .gas-consumption-legend ul li {
        margin: 0
    }
}

.gas-consumption-legend ul li span:first-child {
    height: 16px;
    width: 16px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.gas-consumption-legend ul li span:last-child {
    color: #333;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 12px;
    letter-spacing: .2px !important;
    line-height: 24px
}

.gas-consumption-legend ul .degree-days-border {
    text-decoration: line-through;
    position: relative;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.gas-consumption-legend ul .inside-icon {
    border-radius: 50%;
    width: 7px;
    height: 7px;
    display: inline-block;
    position: absolute;
    bottom: -3px;
    left: 8px
}

.gas-consumption-legend ul .degree-days-border + span {
    margin-right: 17px
}

@media only screen and (max-width: 991px) {
    .gas-consumption-legend ul .degree-days-border + span {
        margin-right: 0
    }
}

.graph-date {
    color: #333740;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 0 !important
}

@media screen and (min-width: 992px) {
    .tp-left .popover {
        left: 175px !important
    }

        .tp-left .popover.bottom > .arrow {
            left: 12% !important
        }

    .tp-right .popover {
        left: -387px !important
    }

        .tp-right .popover.bottom > .arrow {
            left: 88% !important
        }
}

@media only screen and (max-width: 991px) {
    .heating-degree {
        margin-top: 20px
    }

    .graph-date {
        margin-top: 20px !important
    }
}

.approximate-gas-usage-price {
    padding: 25px;
    text-align: center;
    border: 1px solid #D0D0CE;
    border-radius: 4px;
    background-color: #FFFFFF;
    border-top: 4px solid #FFB81C
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price {
        padding: 11px 15px;
        text-align: left;
        margin-bottom: 20px !important
    }
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price .gas-uasge-details {
        padding-left: 55px
    }
}

.approximate-gas-usage-price .gas-uasge-details span {
    color: #555555;
    font-size: 18px;
    letter-spacing: -0.15px;
    line-height: 41px;
    display: block
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price .gas-uasge-details span {
        display: inline-block;
        padding: 0 25px 0 0
    }
}

.approximate-gas-usage-price .gas-uasge-details h1 {
    color: #353535;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -0.25px;
    line-height: 41px
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price .gas-uasge-details h1 {
        display: inline-block;
        font-size: 23px;
        padding-bottom: 0
    }
}

.approximate-gas-usage-price .gas-uasge-details .agup-h1 {
    color: #353535;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -0.25px;
    line-height: 41px;
    padding-bottom: 1.2rem
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price .gas-uasge-details .agup-h1 {
        display: inline-block;
        font-size: 23px;
        padding-bottom: 0
    }
}

.approximate-gas-usage-price .gas-uasge-details p, .approximate-gas-usage-price .gas-uasge-details .p {
    color: #000000;
    font-size: 18px;
    letter-spacing: -0.17px;
    line-height: 22px
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price .gas-uasge-details p, .approximate-gas-usage-price .gas-uasge-details .p {
        margin: 14px 0 21px;
        padding: 0;
        font-size: 18px;
        letter-spacing: -0.17px !important;
        line-height: 22px
    }
}

.approximate-gas-usage-price img {
    width: 60px;
    height: 60px
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price img {
        width: 40px;
        height: 40px;
        float: left
    }
}

.approximate-gas-usage-price .vertical-divider {
    border-right: 2px solid #D0D0CE
}

@media only screen and (max-width: 991px) {
    .approximate-gas-usage-price .vertical-divider {
        border-bottom: 2px solid #D0D0CE;
        border-right: 0;
        margin: 0 15px 15px;
        padding: 0
    }
}

.current-balance-container {
    border-radius: 4px;
    background-color: #EAEAED;
    padding: 0 40px 20px;
    border-top: 4px solid #FFB81C
}

@media only screen and (max-width: 991px) {
    .current-balance-container {
        padding: 0 20px 20px;
        margin-bottom: 20px !important
    }
}

.current-balance-container h3 {
    color: #555555;
    font-size: 23px;
    letter-spacing: -0.2px;
    line-height: 41px;
    padding: 20px 0 15px;
    font-family: "FoundationRoman",Arial,sans-serif;
    margin: 0
}

@media only screen and (max-width: 991px) {
    .current-balance-container h3 {
        padding: 20px 0 22px
    }
}

.current-balance-container .about-current-balance {
    padding-left: 20px
}

@media only screen and (max-width: 991px) {
    .current-balance-container .about-current-balance {
        padding-left: 0
    }
}

.current-balance-container .about-current-balance .media-body {
    padding-left: 20px
}

@media only screen and (max-width: 991px) {
    .current-balance-container .about-current-balance .media-body {
        padding-left: 10px
    }
}

.current-balance-container .about-current-balance img {
    width: 19px;
    height: 26px
}

.current-balance-container .about-current-balance p, .current-balance-container .about-current-balance .p {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.34px;
    line-height: 24px;
    color: #353535;
    margin-bottom: 5px;
    padding: 0
}

.current-balance-container .about-current-balance ul {
    padding-left: 55px !important
}

@media only screen and (max-width: 991px) {
    .current-balance-container .about-current-balance ul {
        padding-left: 5px !important
    }
}

.current-balance-container .about-current-balance ul li {
    color: #353535;
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 24px
}

    .current-balance-container .about-current-balance ul li a {
        color: #0488E4;
        font-size: 16px;
        letter-spacing: -0.3px;
        line-height: 19px;
        text-decoration: underline;
        text-underline-position: under
    }

.interactive-bill-highlights {
    border: 1px solid #D0D0CE;
    border-radius: 4px;
    background-color: #FFFFFF;
    border-left: 4px solid #FFB81C;
    border-radius: 4px;
    padding: 20px 30px 0 40px
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights {
        padding: 20px 20px 0;
        margin: 0 0 20px !important
    }
}

.interactive-bill-highlights h3 {
    color: #555555;
    font-size: 23px;
    letter-spacing: -0.2px;
    line-height: 41px;
    padding-bottom: 0;
    font-family: "FoundationRoman",Arial,sans-serif;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights h3 {
        margin-bottom: 18px
    }
}

.interactive-bill-highlights .bill-highlights-accordion {
    padding: 0
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights .bill-highlights-accordion {
        padding: 0
    }
}

.interactive-bill-highlights .bill-highlights-accordion .panel-group > .panel.panel-default .panel-heading .panel-title:hover {
    background: transparent
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse {
        padding: 15px 0 0 !important
    }
}

.interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse .heading {
    color: #353535;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.34px !important;
    line-height: 24px;
    margin: 5px 0;
    padding: 0
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse .heading {
        margin: 0
    }
}

.interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse.collapsed .description.block-with-text {
    display: block !important
}

.interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse .description {
    color: #787878;
    font-size: 16px;
    letter-spacing: -0.4px !important;
    line-height: 22px;
    padding: 0;
    margin: 5px 35px 0 0 !important;
    text-align: justify;
    padding-right: 10px
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse .description {
        margin: 5px 0 0 !important
    }
}

.interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse .description.block-with-text {
    display: none
}

.interactive-bill-highlights .bill-highlights-accordion .charges-summary-collapse .description.collapse.in {
    padding-right: 10px !important
}

.interactive-bill-highlights .bill-highlights-accordion .panel-group .panel.panel-default:nth-last-child(2) {
    border-bottom: 1px solid #D0D0CE !important
}

.interactive-bill-highlights .bill-highlights-accordion .panel-group .panel.panel-default:last-child {
    border: none !important
}

.interactive-bill-highlights .margin-l20 {
    margin-left: 20px
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights .margin-l20 {
        margin: 5px 0 0 10px
    }
}

@media only screen and (max-width: 991px) {
    .interactive-bill-highlights .bill-highlights-accordion.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse .chr-arrow::before {
        top: 5px !important
    }

    .interactive-bill-highlights .bill-highlights-accordion.charges-summary-accordion .panel-group > .panel.panel-default .panel-heading .panel-title .charges-summary-collapse.collapsed .chr-arrow::before {
        top: 5px !important
    }
}

.breakdown-table .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid #D0D0CE;
    border-radius: 5px;
    background-color: #FFFFFF;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 1.53333333rem;
    padding: 15px 10px 20px 10px;
    border-bottom: none !important;
    margin-bottom: -5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media only screen and (max-width: 991px) {
    .breakdown-table .header {
        display: inline-block;
        border-radius: 3px;
        margin-bottom: -20px !important
    }
}

.breakdown-table .breakdown-table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid #D0D0CE;
    border-radius: 5px;
    background-color: #FFFFFF
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row {
        display: inline-block;
        border-radius: 3px;
        margin: 15px -15px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container {
    padding: 15px 0
}

    .breakdown-table .breakdown-table-row .breakdownTable-left-container .phase2-main-tooltip.tp-left span {
        padding-right: 5px
    }

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-left-container {
        padding: 5px 0 20px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container h3 {
    color: #353535;
    font-size: 23px;
    letter-spacing: 0.2px !important;
    line-height: 27px;
    font-family: "FoundationRoman",Arial,sans-serif;
    margin-bottom: 5px
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container p, .breakdown-table .breakdown-table-row .breakdownTable-left-container .p {
    color: #9B9B9B;
    font-size: 16px;
    letter-spacing: 0.14px;
    line-height: 19px;
    margin: 0
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container {
    text-align: center;
    padding: 15px 40px
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container {
        text-align: left;
        padding: 0
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container img {
    width: 80px;
    height: 80px
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container img {
        width: 33px;
        height: 33px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container span {
    font-size: 44px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 51px;
    text-align: right;
    color: #353535;
    vertical-align: middle;
    padding-left: 3px
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container span {
        font-size: 23px;
        font-weight: bold;
        letter-spacing: 0.2px;
        line-height: 28px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container span sup {
    color: #353535;
    font-size: 14px;
    letter-spacing: 0.12px;
    line-height: 16px;
    vertical-align: super;
    margin-left: -12px
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container span sup {
        font-size: 12px;
        letter-spacing: 0.1px;
        line-height: 15px;
        margin-left: -6px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container p, .breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container .p {
    color: #353535;
    font-size: 18px;
    letter-spacing: 0.16px !important;
    line-height: 21px;
    margin-top: 15px;
    padding: 0
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container p, .breakdown-table .breakdown-table-row .breakdownTable-left-container .img-dec-container .p {
        font-size: 16px;
        letter-spacing: 0.14px !important;
        line-height: 19px;
        margin-top: 7px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-right-container table {
    margin-bottom: 0
}

    .breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th {
        background: #fff;
        color: #353535;
        font-family: "FoundationRoman",Arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0.16px !important;
        line-height: 21px;
        padding: 25px 10px;
        text-align: center;
        border: 0
    }

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th {
        font-size: 14px;
        letter-spacing: 0.12px !important;
        line-height: 17px;
        padding: 33px 10px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th:last-child .tooltiptxt {
    bottom: 0
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th:last-child {
        padding: 20px 6px 20px 3px;
        position: relative
    }

        .breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th:last-child .year-text {
            width: 68px
        }

        .breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th:last-child .tooltiptxt {
            bottom: 17px
        }
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th:last-child span {
        display: inline-block
    }
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-right-container table thead th:last-child .question-icon-blue {
        position: absolute;
        top: 20px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td {
    color: #353535;
    font-family: "FoundationRoman",Arial,sans-serif;
    border-right: 0;
    border-bottom: 0;
    background: #fff !important;
    padding: 20px 20px 25px 32px;
    text-align: center;
    font-size: 23px;
    letter-spacing: 0.2px;
    line-height: 27px;
    padding: 20px 15px
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td {
        color: #353535;
        font-size: 18px;
        letter-spacing: 0.16px;
        line-height: 21px;
        text-align: center;
        padding: 20px 15px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td:first-child {
    text-align: left;
    font-size: 18px;
    letter-spacing: 0.16px !important;
    line-height: 21px;
    padding: 20px 15px 20px 32px
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td:first-child {
        color: #353535;
        font-size: 14px;
        letter-spacing: 0.12px;
        line-height: 16px;
        text-align: center;
        padding: 20px 15px;
        width: 30%
    }
}

@media only screen and (max-width: 991px) {
    .breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td:last-child {
        padding: 20px 40px 20px 15px
    }
}

.breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td.year-green {
    color: #10C4B1
}

.breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td.year-blue {
    color: #0488E4
}

.breakdown-table .breakdown-table-row .breakdownTable-right-container table tbody tr td.year-red {
    color: #C8102E
}

.breakdown-table .vertical-border {
    border-right: 2px solid #dedece
}

@media only screen and (max-width: 991px) {
    .breakdown-table .vertical-border {
        border-bottom: 2px solid #dedece;
        border-right: 0
    }
}

.margintb-20 {
    margin: 20px 0 !important
}

.padding1 {
    padding: 1px
}

.interactive-account-selector {
    margin-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .interactive-account-selector {
        margin-bottom: 0
    }
}

.interactive-account-selector .my-account-heading-wrapper {
    margin-top: 0
}

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-number {
        padding-top: 0
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-number {
        margin-left: 0
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address {
        width: 100%
    }

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address {
        margin-top: 5px
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-selector-pages {
    width: 100%;
    text-align: center
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .new-selector {
    display: inline-block;
    position: relative;
    width: 71%
}

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .new-selector {
        width: 100%
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .new-selector {
        width: 65%
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-label {
    margin-right: 10px;
    color: #353535;
    font-size: 18px
}

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-label {
        margin-bottom: 10px
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector {
    padding: 12px 40px 10px 20px;
    border: 1px solid #D0D0CE;
    border-radius: 2px;
    width: 100%;
    min-height: 45px;
    display: block
}

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector.disabled {
        opacity: 0.5;
        background: #D0D0CE;
        cursor: none
    }

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector .service-address-selected {
        margin-left: 0
    }

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector .fa.fa-angle-down {
        position: absolute;
        font-weight: bold;
        top: 16px;
        right: 20px
    }

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .service-address-indicator .service-address-selector .fa.fa-angle-down {
        bottom: 0;
        top: 14px
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down {
    padding: 0 0 10px;
    border: 1px solid #D0D0CE;
    border-radius: 0 0 4px 4px;
    left: 0;
    top: 42px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down {
        left: 0;
        width: 100%
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down {
        top: 43px
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down.account-lines {
    top: 60px !important
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag li a {
    color: #353535
}

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag li a .fa.fa-step-forward, .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag li a .fa.fa-caret-left {
        color: #0488E4
    }

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag li a .fa.fa-caret-right, .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .pagination.bootpag li a .fa.fa-step-backward {
        color: #0488E4
    }

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line {
    font-size: 16px;
    padding: 15px 20px;
    border-bottom: 1px solid #D0D0CE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line:hover {
        background-color: #0488E4;
        color: #fff
    }

    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line .defaultSelected {
        width: auto;
        height: 100%;
        text-align: center;
        border: 1px solid #0488E4;
        font-size: 14px;
        color: #0488E4;
        font-weight: normal;
        padding: 2px 10px 5px
    }

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line .defaultSelected {
        padding: 4px 10px 7px
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-line .defaultSelected:before {
    position: relative;
    top: 2px
}

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-selector-pages {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .account-selector-overlay .account-drop-down .account-selector-pages ul li {
        margin-left: 0
    }
}

.interactive-account-selector .my-account-heading-wrapper .address-container p .account-number-label, .interactive-account-selector .my-account-heading-wrapper .address-container .p .account-number-label {
    font-size: 18px
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container p .account-number-label, .interactive-account-selector .my-account-heading-wrapper .address-container .p .account-number-label {
        font-size: 16px
    }
}

@media only screen and (min-width: 991px) {
    .interactive-account-selector .my-account-heading-wrapper .address-container .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .interactive-account-selector .my-account-heading-wrapper .address-container .row .account-default-overlay {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
}

.authentic-tab {
    background-color: #fff
}

@media only screen and (max-width: 991px) {
    .authentic-tab {
        padding-top: 0
    }
}

.authentic-tab .my-account-tab-container .nav-pills > li.active > a, .authentic-tab .my-account-tab-container .nav-pills > li.active > a:hover, .authentic-tab .my-account-tab-container .nav-pills > li.active > a:focus {
    background-color: #fff !important
}

.authentic-tab .my-account-tab-container .myTab li a {
    background-color: #fff;
    font-size: 18px;
    color: #555555;
    border-bottom: 5px solid transparent;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    font-family: "FoundationRoman",Arial,sans-serif
}

    .authentic-tab .my-account-tab-container .myTab li a:hover, .authentic-tab .my-account-tab-container .myTab li a:focus {
        text-decoration: none;
        color: #353535;
        font-weight: 700
    }

    .authentic-tab .my-account-tab-container .myTab li a img {
        max-height: 30px;
        margin-bottom: 14px
    }

.authentic-tab .my-account-tab-container .myTab li.active a {
    color: #353535;
    font-weight: 700;
    border-right: none;
    border: none
}

    .authentic-tab .my-account-tab-container .myTab li.active a:hover, .authentic-tab .my-account-tab-container .myTab li.active a:focus {
        text-decoration: none;
        color: #353535;
        font-weight: 700
    }

    .authentic-tab .my-account-tab-container .myTab li.active a span::after {
        border-bottom: 6px solid #ffb81c;
        content: '';
        display: block;
        margin-top: 18px
    }

    .authentic-tab .my-account-tab-container .myTab li.active a img {
        margin-bottom: 14px
    }

.authentic-tab .my-account-tab-container .myTab li {
    margin-bottom: 0;
    position: relative;
    height: 118px;
    padding: 25px 0 0
}

    .authentic-tab .my-account-tab-container .myTab li span {
        height: 47px;
        bottom: 0;
        position: relative;
        left: 0;
        right: 0;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin: 0 auto;
        line-height: 24px
    }

.authentic-tab .authentic-tab-container-component {
    margin-bottom: 18px
}

    .authentic-tab .authentic-tab-container-component .authentic-main {
        padding: 0 50px
    }

@media screen and (min-width: 1399px) {
    .authentic-tab .authentic-tab-container-component .authentic-main {
        padding: 0 11.13333333rem
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) and (orientation: landscape) {
    .authentic-tab .authentic-tab-container-component .authentic-main {
        padding: 0 15px
    }
}

.authentic-tab .authentic-tab-container-component .authentic-main #myTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.authentic-tab .authentic-boxshadow {
    position: relative;
    margin: 0 auto;
    height: 1px;
    border-radius: 0 0 4px 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    bottom: 19px
}

.authentic-tab-container .authentic-tab-container-component #myTab-accordion {
    display: none !important
}

@media only screen and (max-width: 991px) {
    .authentic-tab-container .tab-container .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

.authentic-tab-container .alert-header.alert-red {
    position: relative;
    bottom: 21px
}

    .authentic-tab-container .alert-header.alert-red .serviceAlert {
        padding: 30px 50px
    }

@media screen and (min-width: 1399px) {
    .authentic-tab-container .alert-header.alert-red .serviceAlert {
        padding: 30px 167px
    }
}

@media screen and (max-width: 991px) {
    .authentic-tab-container .alert-header.alert-red .serviceAlert {
        padding: 30px 17px
    }
}

.authentic-tab-container .alert-header.alert-red .service-alert-label {
    margin-left: 10px;
    font-size: 18px !important
}

.authentic-tab-container .alert-header.alert-red .alert-detail {
    font-size: 18px !important
}

.authentic-header .header-bottom .nav-container {
    padding: 1.33333333rem 1rem 1.46666667rem 1rem
}

@media only screen and (min-width: 737px) and (max-width: 991px) {
    .authentic-header .header-bottom .nav-container .navbar-collapse {
        left: 0
    }
}

@media only screen and (max-width: 736px) {
    .authentic-header .header-bottom .nav-container .navbar-collapse {
        left: 15px
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .header-nav img {
        top: 45px
    }
}

.authentic-header .header-bottom .header-nav .navbar-header .navbar-brand {
    padding: 0
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .header-nav .navbar-header .customer-query a {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -0.3px;
        line-height: 19px
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .header-nav .navbar-header .customer-query .fa {
        color: #FFB81C
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .header-nav .navbar-header .navbar-brand {
        margin-top: 10px
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .header-nav .navbar-header .mobile-search {
        position: absolute;
        right: 10px;
        top: 45px;
        font-size: 22px
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .header-nav .navbar-header .mobile-search .fa {
        color: #fff;
        font-size: 25px
    }
}

.authentic-header .header-bottom .navbar-nav {
    float: left
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-nav {
        float: none;
        background: #fff;
        padding: 35px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-nav li {
        background: transparent;
        margin-bottom: 35px
    }

        .authentic-header .header-bottom .navbar-nav li:last-child {
            margin-bottom: 10px
        }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-nav li img {
        width: 30px;
        height: 32px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-nav li.active a {
        font-weight: bold;
        text-decoration: none
    }

        .authentic-header .header-bottom .navbar-nav li.active a span {
            border-bottom: 5px solid #FFB81C
        }
}

.authentic-header .header-bottom .navbar-nav li a {
    font-size: 23px;
    font-family: "FoundationRoman",Arial,sans-serif;
    padding: 16px 15px
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-nav li a {
        font-size: 18px;
        letter-spacing: -0.34px;
        line-height: 24px;
        color: #353535;
        padding: 5px 5px 10px
    }
}

.authentic-header .header-bottom .navbar-nav li a::after {
    content: none
}

.authentic-header .header-bottom .navbar-nav li.dropdown a.dropdown-toggle, .authentic-header .header-bottom .navbar-nav li.dropdown-dark a.dropdown-toggle, .authentic-header .header-bottom .navbar-nav li.dropdown-grey a.dropdown-toggle, .authentic-header .header-bottom .navbar-nav li.dropdown-yellow-whitetxt a.dropdown-toggle, .authentic-header .header-bottom .navbar-nav li.dropdown-yellow-darktxt a.dropdown-toggle, .authentic-header .header-bottom .navbar-nav li.dropdown-white a.dropdown-toggle {
    background-color: transparent !important;
    color: #fff !important;
    padding: 12px 0 10px
}

    .authentic-header .header-bottom .navbar-nav li.dropdown a.dropdown-toggle span, .authentic-header .header-bottom .navbar-nav li.dropdown-dark a.dropdown-toggle span, .authentic-header .header-bottom .navbar-nav li.dropdown-grey a.dropdown-toggle span, .authentic-header .header-bottom .navbar-nav li.dropdown-yellow-whitetxt a.dropdown-toggle span, .authentic-header .header-bottom .navbar-nav li.dropdown-yellow-darktxt a.dropdown-toggle span, .authentic-header .header-bottom .navbar-nav li.dropdown-white a.dropdown-toggle span {
        border-bottom: 4px solid #FFB81C;
        padding-bottom: 5px
    }

    .authentic-header .header-bottom .navbar-nav li.dropdown a.dropdown-toggle .fa, .authentic-header .header-bottom .navbar-nav li.dropdown-dark a.dropdown-toggle .fa, .authentic-header .header-bottom .navbar-nav li.dropdown-grey a.dropdown-toggle .fa, .authentic-header .header-bottom .navbar-nav li.dropdown-yellow-whitetxt a.dropdown-toggle .fa, .authentic-header .header-bottom .navbar-nav li.dropdown-yellow-darktxt a.dropdown-toggle .fa, .authentic-header .header-bottom .navbar-nav li.dropdown-white a.dropdown-toggle .fa {
        margin: 0px 0 0 5px;
        color: #FFB81C !important;
        border: none
    }

.authentic-header .header-bottom .navbar-nav li span {
    padding-bottom: 5px
}

.authentic-header .header-bottom .navbar-nav ul.dropdown-menu {
    left: 60%
}

    .authentic-header .header-bottom .navbar-nav ul.dropdown-menu li {
        border-radius: 0 0 4px 4px;
        background-color: #FFFFFF;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
        margin-top: 15px
    }

        .authentic-header .header-bottom .navbar-nav ul.dropdown-menu li a {
            color: #353535 !important;
            padding: 12px 0;
            font-size: 16px;
            text-decoration: none;
            position: relative
        }

            .authentic-header .header-bottom .navbar-nav ul.dropdown-menu li a:hover {
                background-color: #fff !important
            }

                .authentic-header .header-bottom .navbar-nav ul.dropdown-menu li a:hover:after {
                    content: '';
                    border-bottom: 1px solid #353535;
                    width: 60px;
                    position: absolute;
                    bottom: 12px;
                    left: 27px
                }

            .authentic-header .header-bottom .navbar-nav ul.dropdown-menu li a img {
                padding: 0 15px 0 0
            }

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-right.edgLogoff {
        padding: 15px 30px !important
    }

        .authentic-header .header-bottom .navbar-right.edgLogoff li {
            padding: 0 !important
        }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-right {
        border-top: 1px solid #D3D3D1;
        padding: 20px 30px;
        float: none !important;
        -webkit-box-shadow: 0 2px 4px 0 #BCBCBC;
        box-shadow: 0 2px 4px 0 #BCBCBC
    }
}

@media only screen and (max-width: 991px) {
    .authentic-header .header-bottom .navbar-right li {
        margin: 0 0 10px
    }
}

.authentic-header .header-bottom .navbar-right li .customer-query a {
    padding: 0;
    font-size: 19px;
    text-decoration: none
}

.authentic-header .header-bottom .navbar-right li .customer-query .fa {
    color: #FFB81C !important;
    font-size: 18px
}

.authentic-header .header-bottom .navbar-right li:first-child {
    margin: 0;
    padding: 16px 0 0
}

.authentic-header .header-bottom .navbar-right .search-container {
    padding-top: 5px
}

    .authentic-header .header-bottom .navbar-right .search-container input[type='text'], .authentic-header .header-bottom .navbar-right .search-container textarea {
        font-size: 18px;
        background-color: #fff;
        border: none;
        padding: 14px 13px 10px;
        border-radius: 4px 0 0 4px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15),0 1px 4px 0 rgba(0,0,0,0.1)
    }

    .authentic-header .header-bottom .navbar-right .search-container button {
        background-color: #fff;
        border: none;
        padding: 11px 10px 9px;
        border-radius: 0 4px 4px 0;
        margin: 0 -4px
    }

        .authentic-header .header-bottom .navbar-right .search-container button .fa {
            font-size: 22px
        }

@media only screen and (max-width: 991px) {
    .authentic-header .nav-clear-link {
        padding: 0 0 1px
    }
}

.authentic-header .searchbarContainer {
    width: 100%;
    padding-top: 0 !important
}

@media only screen and (min-width: 992px) {
    .authentic-header .searchbarContainer {
        position: absolute;
        padding-bottom: 15px !important
    }
}

.authentic-header .nav-header-row2-middle {
    width: calc(100% - 40px);
    display: inline-block
}

.authentic-header .searchContainerAuth {
    display: inline-block;
    width: 30px
}

    .authentic-header .searchContainerAuth .search-link {
        color: white;
        font-size: 23px
    }

.chatbot-page-main {
    margin-top: 30px
}

    .chatbot-page-main h4, .chatbot-page-main h3 {
        color: #000;
        font-weight: bold;
        font-size: 1.2rem
    }

    .chatbot-page-main .textalignment {
        text-align: center
    }

@media (max-width: 991px) {
    .chatbot-page-main .textalignment {
        text-align: left;
        padding-top: 20px
    }
}

.chatbot-page-main .chatbot-page-header {
    margin-bottom: 20px
}

    .chatbot-page-main .chatbot-page-header .desktop-left-border {
        border-left: 1px solid #d0d0ce
    }

    .chatbot-page-main .chatbot-page-header h4 {
        margin-top: 0
    }

@media (max-width: 991px) {
    .chatbot-page-main .chatbot-page-header {
        margin-bottom: 0
    }

        .chatbot-page-main .chatbot-page-header .mobile-border {
            border-top: 1px solid #d0d0ce;
            padding-top: 20px;
            margin-top: 20px
        }
}

.chatbot-page-main .chatbot-page-header p, .chatbot-page-main .chatbot-page-header .p {
    font-size: 1rem;
    margin: 0;
    padding: 0
}

.chatbot-page-main .cust-margin {
    margin: 20px 0
}

@media (max-width: 991px) {
    .chatbot-page-main .cust-margin {
        margin: 0
    }
}

@media (max-width: 991px) {
    .chatbot-page-main .icon-with-text-comp-main {
        margin-top: 15px
    }
}

.chatbot-page-main .icon-with-text-comp-main .iconwithtextcomp-img, .chatbot-page-main .icon-with-text-comp-main h3 {
    margin-bottom: 5px
}

.chatbot-page-main .icon-with-text-comp-main p, .chatbot-page-main .icon-with-text-comp-main .p {
    font-size: 1rem;
    line-height: 24px;
    padding: 0
}

.testimonials-main {
    border-top: 1px solid #d0d0ce;
    padding-top: 15px;
    margin-top: 30px
}

@media (max-width: 991px) {
    .testimonials-main {
        margin-top: 20px
    }
}

.testimonials-main .testimonial-entry {
    font-size: .86666667rem;
    font-style: italic;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .testimonials-main .testimonial-entry img {
        max-width: 50px;
        display: inline-block;
        margin-right: 15px;
        height: 50px
    }

.chatbot-main {
    position: relative
}

    .chatbot-main .chatbot-icon {
        position: fixed;
        z-index: 1;
        bottom: 155px;
        right: 0
    }

        .chatbot-main .chatbot-icon img {
            width: 120px
        }

@media (max-width: 991px) {
    .chatbot-main .chatbot-icon {
        bottom: 145px;
        right: 0;
        z-index: 5
    }
}

.chatbot-main .chatbot-inactive {
    margin-left: -25px;
    z-index: 1
}

@media (max-width: 991px) {
    .chatbot-main .chatbot-inactive {
        position: fixed;
        top: auto;
        right: 10px;
        bottom: 140px;
        width: 110px;
        height: 110px;
        margin-left: 0px
    }
}

.chatbot-main .chatbot-inactive img {
    width: 120px
}

.mobile-chatbot-icon {
    display: none
}

@media (max-width: 991px) {
    .mobile-chatbot-icon {
        display: block;
        position: relative
    }

        .mobile-chatbot-icon .chatbot-main {
            position: initial
        }

    #chat-bot + .custom-padding-right-top {
        padding: 0
    }
}

.chatbot-alert-maintenance {
    margin: 0 0 40px 0 !important
}

    .chatbot-alert-maintenance .alert-content-amber {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

#chat-bot {
    margin-top: 5px;
    margin-left: -25px
}

.browser-not-support-msg {
    font-family: "FoundationRoman",Arial,sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .browser-not-support-msg p, .browser-not-support-msg .p, .browser-not-support-msg .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .browser-not-support-msg p {
        color: #9B9B9B;
        font-size: 35px;
        font-weight: bold;
        line-height: 41px;
        text-align: center;
        -ms-flex-item-align: center;
        align-self: center
    }

.inactive-cursor {
    cursor: default
}

a#chatbotLink:focus img {
    outline: 1px solid #337ab7
}

.breadcrumb {
    background-color: transparent;
    padding: .53333333rem 1rem .53333333rem 0;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 0;
    border-radius: 0
}

    .breadcrumb li {
        font-family: "FoundationRoman",Arial,sans-serif;
        text-transform: uppercase;
        font-size: .86666667rem;
        letter-spacing: .02rem
    }

        .breadcrumb li::before {
            content: "";
            color: transparent;
            margin-right: 0rem;
            font-family: "FoundationLight",Arial,sans-serif;
            position: inherit
        }

        .breadcrumb li.active {
            color: #555;
            font-family: "FoundationBold",Arial,sans-serif
        }

            .breadcrumb li.active::before {
                font-weight: normal
            }

        .breadcrumb li a {
            color: #555;
            text-decoration: underline;
            font-size: .86666667rem
        }

        .breadcrumb li:last-child a {
            color: #353535;
            text-decoration: none;
            font-weight: bold;
            font-family: "FoundationBold",Arial,sans-serif;
            cursor: none
        }

.wrap-header .styleButton {
    border: none;
    background: transparent
}

.wrap-header .header-sec {
    height: 57px;
    background: #EAEAED;
    border: 0px solid #000000;
    border-radius: 0px
}

    .wrap-header .header-sec .sec-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .wrap-header .header-sec .sec-header .customer-query {
            width: auto;
            height: 42px;
            background: #C8102E;
            color: #FFFFFF;
            padding: 0rem 1rem 0rem 1rem
        }

            .wrap-header .header-sec .sec-header .customer-query .smellGas {
                left: 0px;
                top: 10px;
                width: 96px;
                height: 27px;
                color: #FFFFFF;
                font-size: 1rem;
                line-height: 1px;
                position: relative;
                padding-right: 1rem;
                text-decoration: none
            }

                .wrap-header .header-sec .sec-header .customer-query .smellGas:hover {
                    color: #FFFFFF !important;
                    text-decoration: underline !important
                }

                .wrap-header .header-sec .sec-header .customer-query .smellGas:focus {
                    color: #ffffff
                }

            .wrap-header .header-sec .sec-header .customer-query .customerCare {
                top: 10px;
                color: #ffffff;
                font-size: 1rem;
                position: relative
            }

                .wrap-header .header-sec .sec-header .customer-query .customerCare:hover {
                    color: #FFFFFF !important;
                    text-decoration: underline !important
                }

                .wrap-header .header-sec .sec-header .customer-query .customerCare:focus {
                    color: #ffffff
                }

        .wrap-header .header-sec .sec-header .zoomContainer .fontSmall {
            padding: 2px;
            font-size: 16px;
            color: #000000 !important;
            font-family: "FoundationRoman",Arial,sans-serif;
            border: none;
            background-color: transparent
        }

        .wrap-header .header-sec .sec-header .zoomContainer .fontBig {
            color: #000000 !important;
            font-family: "FoundationRoman",Arial,sans-serif;
            font-size: 25px;
            padding: 2px;
            border: none;
            background-color: transparent
        }

        .wrap-header .header-sec .sec-header .zoomContainer .disable {
            cursor: none !important
        }

        .wrap-header .header-sec .sec-header #fontMobile {
            display: none
        }

        .wrap-header .header-sec .sec-header .alignHeader {
            height: 57px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .wrap-header .header-sec .sec-header .alignHeader .header-items {
                padding: 0rem 1rem
            }

                .wrap-header .header-sec .sec-header .alignHeader .header-items span.fa {
                    font-size: 1rem
                }

                .wrap-header .header-sec .sec-header .alignHeader .header-items #signinDD {
                    background-color: #FFB81C;
                    padding: 10px;
                    color: #000000
                }

                    .wrap-header .header-sec .sec-header .alignHeader .header-items #signinDD:hover {
                        text-decoration: none
                    }

                .wrap-header .header-sec .sec-header .alignHeader .header-items .dropdown-menu {
                    top: auto;
                    left: auto;
                    -webkit-transform: none;
                    transform: none;
                    background-color: #FFFFFF;
                    margin-top: 5px;
                    border-radius: unset
                }

                    .wrap-header .header-sec .sec-header .alignHeader .header-items .dropdown-menu .dropdown-item {
                        font-size: .9rem
                    }

            .wrap-header .header-sec .sec-header .alignHeader #searchIconDesktopID {
                border: none;
                background-color: transparent
            }

            .wrap-header .header-sec .sec-header .alignHeader a.header-items {
                color: #555555
            }

                .wrap-header .header-sec .sec-header .alignHeader a.header-items:hover {
                    text-decoration: none
                }

.wrap-header .header-primary {
    background-color: #FFFFFF;
    padding: 20px 15px;
    position: relative
}

    .wrap-header .header-primary .navbar {
        position: relative;
        min-height: 40px;
        margin-bottom: 0px;
        border-radius: 0;
        border: none
    }

        .wrap-header .header-primary .navbar .navbar-nav {
            position: relative;
            padding: 0px
        }

            .wrap-header .header-primary .navbar .navbar-nav .fa {
                font-weight: bold
            }

        .wrap-header .header-primary .navbar .header-nav .headerDisplay {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 70px
        }

            .wrap-header .header-primary .navbar .header-nav .headerDisplay .navbar-brand {
                height: 54px;
                float: left;
                font-size: 18px;
                line-height: 20px
            }

            .wrap-header .header-primary .navbar .header-nav .headerDisplay .mobile-navigator {
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .wrap-header .header-primary .navbar .header-nav .headerDisplay .mobile-navigator #searchIconID {
                    width: 77px;
                    color: #444444;
                    font-size: 24px;
                    font-weight: normal;
                    background: rgba(255,255,255,0);
                    position: relative;
                    padding: 20px;
                    text-align: center
                }

                .wrap-header .header-primary .navbar .header-nav .headerDisplay .mobile-navigator #menuDropdownMobileID {
                    height: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .wrap-header .header-primary .navbar .header-nav .headerDisplay .mobile-navigator #menuDropdownMobileID #menuButtonID {
                        position: relative;
                        width: -webkit-max-content;
                        width: -moz-max-content;
                        width: max-content;
                        color: #FFFFFF;
                        background: #555555;
                        font-family: "FoundationRoman",Arial,sans-serif;
                        font-size: 17px;
                        font-weight: normal;
                        font-style: normal;
                        padding: 6px 10px;
                        border-radius: 0px;
                        margin-right: 14px;
                        text-decoration: none;
                        border: none
                    }

                        .wrap-header .header-primary .navbar .header-nav .headerDisplay .mobile-navigator #menuDropdownMobileID #menuButtonID .fa {
                            position: relative;
                            float: left;
                            color: #FFFFFF;
                            font-size: 20px;
                            padding-right: 7px;
                            margin-top: 1px
                        }

                    .wrap-header .header-primary .navbar .header-nav .headerDisplay .mobile-navigator #menuDropdownMobileID #crossButtonID {
                        position: relative;
                        width: 77px;
                        height: 100%;
                        background: #FFB81C;
                        border: none;
                        border-radius: 0px
                    }

                        .wrap-header .header-primary .navbar .header-nav .headerDisplay .mobile-navigator #menuDropdownMobileID #crossButtonID .crossButtonStyle {
                            display: inline-block;
                            color: #424242;
                            font-size: 30px
                        }

        .wrap-header .header-primary .navbar .header-nav #mainDiv.dropDownBox .menu-navigator {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-bottom: 1px solid #D0D0CE
        }

            .wrap-header .header-primary .navbar .header-nav #mainDiv.dropDownBox .menu-navigator .fa {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 50px;
                height: 90%;
                min-height: 50px;
                color: #212121;
                font-size: 30px;
                font-weight: bold;
                border: none
            }

        .wrap-header .header-primary .navbar .header-nav #mainDiv.dropDownBox .menu-backward-navigator {
            background-color: #D0D0CE;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .wrap-header .header-primary .navbar .header-nav #mainDiv.dropDownBox .menu-backward-navigator .dropDownText {
                padding-left: 0px
            }

        .wrap-header .header-primary .navbar .header-nav #mainDiv.dropDownBox .menu-sibling-navigator .dropDownText {
            padding-left: 50px
        }

        .wrap-header .header-primary .navbar .header-nav #mainDiv.dropDownBox .border-bottom-black {
            border-bottom: 1px solid #000
        }

        .wrap-header .header-primary .navbar .header-nav #mainDiv.dropDownBox .dropDownText {
            display: block;
            width: 85%;
            min-height: 50px;
            color: #000000;
            font-size: 21px;
            padding: 15px 20px;
            margin: 0px
        }

        .wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse .navbar-nav {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse .navbar-nav .nav-item {
                    padding: 0px 20px;
                    text-align: center
                }

@media only screen and (max-width: 1200px) {
    .wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse .navbar-nav .nav-item {
        width: 100%
    }
}

.wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse .navbar-nav .nav-item::before {
    display: none
}

.wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse .navbar-nav .nav-item .nav-link {
    height: auto;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 5px 0px;
    margin-bottom: -4px;
    position: relative
}

    .wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse .navbar-nav .nav-item .nav-link:hover {
        padding: 25px 0
    }

    .wrap-header .header-primary .navbar .header-nav #navbarNav.navbar-collapse .navbar-nav .nav-item .nav-link .fa {
        position: relative;
        top: 0px;
        width: 20px;
        height: 12px;
        color: #FFB81C;
        font-size: 29px;
        margin-top: -12px
    }

.wrap-header .header-primary .submenu {
    left: 0%;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 999;
    padding: 0px 15px
}

    .wrap-header .header-primary .submenu.stickyHeaderBar {
        position: relative;
        padding: 0
    }

    .wrap-header .header-primary .submenu .navbar {
        background-color: #555555;
        padding: 5px 10px;
        margin: 0px;
        height: auto;
        min-height: 40px
    }

        .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav {
            width: 100%
        }

            .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item {
                padding: 5px 20px;
                position: unset
            }

                .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item::before {
                    display: none
                }

                .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .nav-link {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    color: #fff;
                    padding-top: 0px;
                    padding-bottom: 0px;
                    margin-bottom: -4px;
                    text-decoration: none
                }

                    .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .nav-link .fa {
                        width: auto;
                        height: auto;
                        color: #FFB81C;
                        font-size: 17px;
                        margin-top: -3px;
                        padding-left: 7px
                    }

                .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .megamenu {
                    position: absolute;
                    width: 90%;
                    top: 100%;
                    padding: 20px;
                    margin: -2px auto 0px auto;
                    background-color: white
                }

                    .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .megamenu .row {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex
                    }

                        .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .megamenu .row .sub-menu-brRight {
                            border-right: 1px solid #000000
                        }

                        .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .megamenu .row .sub-menu-brLeft {
                            border-left: 1px solid #000000
                        }

                        .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .megamenu .row ul {
                            padding: 0px;
                            list-style-type: none
                        }

                            .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .megamenu .row ul li::before {
                                display: none
                            }

                            .wrap-header .header-primary .submenu .navbar .navbar-nav.submenu_nav .nav-item .megamenu .row ul li.i-would {
                                padding: 1rem 1.5rem
                            }

.wrap-header .sticky-breadcrumb {
    display: block;
    margin-top: -40px
}

.wrap-header a.dropdown-item:hover {
    background-color: #FFB81C;
    color: #000000;
    text-decoration: none
}

@media only screen and (max-width: 769px) {
    .wrap-header .header-sec .sec-header #fontMobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 57px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 20px
    }

        .wrap-header .header-sec .sec-header #fontMobile .fontSmall {
            font-size: 20px
        }

    .wrap-header .header-sec .sec-header .alignHeader {
        display: none
    }

    .wrap-header .header-primary {
        padding-top: 0px;
        padding-bottom: 0px
    }

        .wrap-header .header-primary .navbar-brand {
            padding-left: 15px
        }

        .wrap-header .header-primary #navbarNav {
            display: none !important
        }

    .wrap-header .sticky-breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px
    }

    .wrap-header .hide-in-mobile {
        display: none
    }

    .wrap-header #subMenu_sticky {
        display: none !important
    }

    .wrap-header .imageStyle {
        left: -20px;
        width: 195px;
        height: 51px;
        position: relative;
        float: left
    }

    .wrap-header .caretReverse {
        float: left;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 7px;
        margin-right: 5px;
        position: relative
    }

    .wrap-header .borderBottom {
        border-bottom: 2px solid #000000
    }

    .wrap-header ul li.stylingLevel_3 {
        padding: 8px 8px 8px 25px;
        left: 0px;
        border-bottom: 2px solid #000000
    }

        .wrap-header ul li.stylingLevel_3 a {
            color: #000000;
            font-family: "FoundationRoman",Arial,sans-serif
        }
}

@media screen and (min-width: 770px) {
    .wrap-header .header-primary .navbar .nav-container .header-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 15px
    }

        .wrap-header .header-primary .navbar .nav-container .header-nav .headerDisplay .mobile-navigator {
            display: none
        }

        .wrap-header .header-primary .navbar .nav-container .header-nav #mainDiv.dropDownBox {
            display: none
        }
}

.wrap-header .autoWidth {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.wrap-header .width-max-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.wrap-header .hide {
    display: none
}

.wrap-header .borderLeft {
    border-left: 2px solid #000000
}

.wrap-header .text-color-sticky {
    color: #FFFFFF;
    top: 17px;
    position: absolute;
    cursor: pointer
}

.wrap-header .text-color {
    color: #FFFFFF;
    cursor: pointer
}

.wrap-header .dropdown-toggle::after {
    display: none
}

.wrap-header .padding0 {
    padding: 0px
}

.wrap-header .imageSize {
    border: 2px solid #555555;
    height: 25px;
    padding: 10px !important;
    padding-right: 28px;
    height: 70px !important
}

.wrap-header .submenu_nav {
    width: 100%
}

    .wrap-header .submenu_nav > li > .dropdown-menu {
        top: 35px
    }

.wrap-header #navRight .nav-link {
    color: #FFFFFF;
    padding-left: 80px;
    left: 5px;
    color: #555555
}

.wrap-header .secNavStyling {
    top: 0px !important;
    position: relative !important;
    left: 50%
}

.wrap-header .padding-15 {
    padding-left: 15px
}

.wrap-header .imageStyle {
    left: 36px;
    top: -6px;
    width: 195px;
    height: 51px
}

.wrap-header .displayLevel {
    display: none
}

.wrap-header .closeToggle {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 30px;
    height: 30px;
    color: #212121;
    float: right
}

.wrap-header .openToggle {
    float: left;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    width: 40px;
    height: 35px;
    color: #212121;
    float: left;
    top: -6px
}

.wrap-header ul.en-ul {
    padding-left: 0px
}

.wrap-header a.dropDownText:hover {
    color: #000000;
    text-decoration: none
}

.wrap-header .textStyleBreadcrum1 {
    left: 40px;
    top: 214px;
    width: 651px;
    height: 27px;
    color: #212121;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 17px;
    text-align: left;
    line-height: 1px;
    padding: 5px
}

.wrap-header .textStyleBreadcrum2 {
    left: 40px;
    top: 243px;
    width: 363px;
    height: 37px;
    color: #212121;
    font-family: "FoundationRoman",Arial,sans-serif;
    font-size: 28px;
    text-align: left;
    line-height: 1px;
    padding: 5px
}

.wrap-header .SignInDropDown {
    top: 60px;
    border: 1px solid #555555;
    float: right;
    position: relative;
    right: 80px;
    left: -17%;
    background: white
}

.wrap-header .dropdown-menu .dropdown-item {
    text-decoration: none
}

.wrap-header .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.wrap-header .subnav-content {
    float: right;
    padding: 1.2rem 3rem
}

    .wrap-header .subnav-content .sec_link {
        margin: 10px;
        padding: 15px
    }

.wrap-header .mobileHr {
    position: relative;
    border-top: 1px solid #424242;
    margin: 24px 0px 0px 0px
}

.wrap-header .padding-15 {
    padding-left: 15px
}

.wrap-header #menuDropID {
    width: 20rem !important;
    float: left;
    left: -210px;
    border-radius: 0px;
    border: 1px solid #555555
}

.wrap-header .dropdown-item {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #000000;
    text-align: inherit;
    white-space: normal;
    line-height: normal;
    background-color: transparent
}

.wrap-header sort_icon {
    line-height: 1px;
    position: absolute;
    top: 20px;
    margin-left: 6px;
    width: 20px;
    height: 26px;
    color: #FF9800;
    font-size: 17px
}

.wrap-header .dropdown-submenu {
    position: relative
}

    .wrap-header .dropdown-submenu a::after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .28em
    }

    .wrap-header .dropdown-submenu .dropdown-menu {
        top: -11px;
        left: -3px;
        margin-left: .1rem;
        margin-right: .1rem;
        width: 20rem
    }

.wrap-header .menuButtonStyle {
    top: -2px;
    position: absolute;
    float: left;
    color: white;
    left: 20px;
    font-weight: bold
}

.wrap-header .textDecorationHeader {
    text-decoration: none;
    cursor: pointer
}

.wrap-header hr.current-root {
    border-top: 5px solid #FFB81C;
    position: absolute;
    width: calc(100% + 10px);
    left: -5px;
    margin: 10px 0 0
}

.wrap-header .caratStyle {
    position: relative;
    top: 15px;
    right: 90px;
    display: none
}

.wrap-header .signDropdown {
    left: 40rem;
    background: white;
    position: relative;
    top: 3rem;
    border: 1px solid;
    border-radius: 0px
}

.wrap-header .caretIDStyle {
    position: absolute;
    top: 15px;
    width: 30px;
    height: 20px;
    margin: 0 auto;
    right: 50%
}

.wrap-header .borderBottom-1 {
    border-bottom: 1px solid #D0D0CE
}

.autoWidth {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.search-container {
    width: 290px;
    background-color: white
}

    .search-container .search-link-new {
        width: 30px;
        padding: 0;
        margin: 0;
        height: 40px;
        position: relative;
        right: -4px;
        background-color: transparent;
        vertical-align: top
    }

        .search-container .search-link-new .fa-search {
            font-size: 1.2rem
        }

    .search-container .search-query {
        width: calc(100% - 37px);
        padding: 0;
        margin: 0;
        height: 40px;
        border: none;
        outline: none
    }

.signin {
    text-align: left;
    padding: 1.8rem 1.33333333rem;
    font-size: 1rem;
    line-height: 1.4rem;
    background-color: #FFB81C
}

    .signin input[type="checkbox"]:focus + span {
        outline: 1px solid !important
    }

    .signin h2 {
        text-align: center;
        font-size: 1.66666667rem;
        line-height: 1.86666667rem;
        letter-spacing: -.02rem;
        margin-bottom: .93333333rem
    }

    .signin .btn-dark, .signin .btn-dark-widget, .signin .btn-content-open-dark, .signin .btn-content-open-dark-noborder, .signin .dropdown .dropdown-btn, .dropdown .signin .dropdown-btn, .signin .dropdown-dark .dropdown-btn, .dropdown-dark .signin .dropdown-btn, .signin .dropdown-grey .dropdown-btn, .dropdown-grey .signin .dropdown-btn, .signin .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-whitetxt .signin .dropdown-btn, .signin .dropdown-yellow-darktxt .dropdown-btn, .dropdown-yellow-darktxt .signin .dropdown-btn, .signin .dropdown-white .dropdown-btn, .dropdown-white .signin .dropdown-btn {
        width: 100%
    }

    .signin .Remember-my-username {
        background-color: #f2f3f3;
        padding: .53333333rem
    }

    .signin .forgot-username {
        color: #1A1A1A;
        font-size: 1.06666667rem;
        text-decoration: underline;
        float: right;
        line-height: 1.46666667rem
    }

    .signin .signin-trouble {
        padding-top: 1rem
    }

        .signin .signin-trouble p, .signin .signin-trouble .p {
            padding: 0;
            text-align: center;
            margin: 0
        }

        .signin .signin-trouble a {
            display: block;
            font-weight: bold;
            color: #353535;
            text-transform: uppercase;
            font-family: "FoundationBold",Arial,sans-serif;
            text-align: center;
            letter-spacing: .08rem
        }

            .signin .signin-trouble a .right-arrow {
                display: inline-block;
                vertical-align: middle;
                margin-left: .66666667rem;
                margin-top: -.2rem
            }

    .signin .checkbox {
        background: #f2f3f3;
        padding: 0
    }

        .signin .checkbox label {
            font-family: "FoundationRoman",Arial,sans-serif;
            color: #1A1A1A;
            letter-spacing: .04rem;
            padding-left: 0;
            padding: 0.53333333rem 1.13333333rem;
            width: 100%
        }

            .signin .checkbox label:after {
                content: "";
                display: table;
                clear: both
            }

            .signin .checkbox label input[type="checkbox"] {
                opacity: 0;
                position: absolute
            }

                .signin .checkbox label input[type="checkbox"] + .cr .cr-icon {
                    opacity: 0
                }

                .signin .checkbox label input[type="checkbox"]:checked + .cr .cr-icon {
                    opacity: 1
                }

        .signin .checkbox .cr {
            position: relative;
            display: inline-block;
            border: .06666667rem solid #555;
            width: .8rem;
            height: .73333333rem;
            margin-right: .5rem;
            margin-left: -.66666667rem;
            outline: 1px solid transparent;
            letter-spacing: .04rem
        }

            .signin .checkbox .cr .cr-icon {
                position: absolute;
                font-size: .66666667rem;
                top: 49%;
                -webkit-transform: translate(0, -49%);
                transform: translate(0, -49%)
            }

                .signin .checkbox .cr .cr-icon.fa-check:before {
                    height: .73333333rem;
                    line-height: 100%
                }

#okta-signin-submit:hover {
    background-color: #555 !important;
    color: #ffff !important
}

#step1NextButton:hover {
    background-color: #555 !important;
    color: #ffff !important
}

#okta-signin-submit {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    #okta-signin-submit focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.forgot-step, .account-activation, .account-unlock {
    display: none
}

.forgot-password-form .page-heading.clearfix {
    padding-left: 0;
    padding-right: 0
}

.actvDetail {
    margin-bottom: 10px
}

    .actvDetail .actvHeading {
        width: 130px;
        display: inline-block
    }

.account-unlock-2 h3 {
    color: #353535;
    margin-bottom: 10px;
    font-size: 17px;
    margin-top: 10px
}

.password-container ul {
    padding: 0;
    padding-left: 1.66666667rem
}

    .password-container ul li {
        margin-bottom: .8rem
    }

        .password-container ul li:before {
            margin-left: -1.66666667rem
        }

.header-name {
    font-size: 18px;
    height: 0
}

.header-name-text {
    float: right;
    color: #fff;
    padding-top: 5px;
    font-family: "FoundationBold",Arial,sans-serif;
    font-size: 20px
}

.sign-in-box {
    cursor: pointer
}

@media only screen and (max-width: 991px) {
    .signin {
        padding: 1.8rem 1.86666667rem
    }
}

.o-form-head {
    color: #000;
    font-size: 1.53333333rem;
    font-family: "FoundationBold",Arial,sans-serif;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem;
    text-align: left !important
}

#okta-sign-in {
    width: unset !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

    #okta-sign-in.auth-container.main-container {
        font-family: sans-serif;
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 1px;
        border-top-width: 0;
        overflow: hidden;
        padding-top: 7%
    }

@media screen and (max-width: 991px) {
    #okta-sign-in.auth-container.main-container {
        border: none;
        padding-top: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        min-width: 260px !important
    }
}

#okta-sign-in.auth-container .button-primary {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFB81C), to(#FFB81C)) !important;
    background-color: #FFB81C !important;
    color: #000 !important;
    font-size: 1.0rem;
    line-height: 24px !important;
    font-family: sans-serif !important;
    border: 1px solid #FFB81C !important;
    font-weight: 600;
    width: unset !important;
    height: 100% !important;
    min-height: 36px !important;
    min-width: 180px !important;
    padding: 10px 25px !important;
    border-radius: 0px !important;
    letter-spacing: 0.213333px !important
}

    #okta-sign-in.auth-container .button-primary:active, #okta-sign-in.auth-container .button-primary:focus, #okta-sign-in.auth-container .button-primary:hover {
        color: #FFF !important;
        background-color: #555 !important;
        border: 1px solid #555 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#555)) !important
    }

#okta-sign-in.auth-container .okta-sign-in-header {
    display: none
}

#okta-sign-in.auth-container h2, #okta-sign-in.auth-container h3 {
    color: #000 !important;
    font-size: 1.53333333rem;
    font-family: "FoundationBold", Arial, sans-serif;
    letter-spacing: 0.2px;
    line-height: 2.13333333rem;
    min-width: unset !important
}

#okta-sign-in.auth-container .auth-content {
    padding: 15px 30px 20px 15px !important
}

@media screen and (max-width: 991px) {
    #okta-sign-in.auth-container .auth-content {
        padding: 15px 0 20px !important
    }
}

@media screen and (max-width: 600px) {
    #okta-sign-in.auth-container .auth-content {
        max-width: unset !important;
        margin: unset !important
    }
}

#okta-sign-in .o-form .custom-checkbox label {
    font-size: 16px !important;
    color: #000;
    font-weight: 700 !important;
    background: none
}

#okta-sign-in .o-form-head {
    font-size: 1.5rem
}

    #okta-sign-in .o-form-head + .o-form-explain {
        text-align: left
    }

#okta-sign-in .o-form label, #okta-sign-in .o-form .input-fix input[type=text] {
    font-size: 16px !important;
    color: #000;
    font-family: sans-serif !important
}

#okta-sign-in .o-form label {
    font-weight: 700 !important
}

#okta-sign-in a {
    color: #007DBA !important;
    white-space: nowrap;
    text-decoration: underline
}

    #okta-sign-in a:active, #okta-sign-in a:focus, #okta-sign-in a:hover, #okta-sign-in a:visited {
        text-decoration: none
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #okta-sign-in h2.o-form-head {
        margin-top: 16px !important
    }
}

#okta-sign-in .auth-footer {
    font-family: sans-serif !important
}

@media screen and (max-width: 991px) {
    #okta-sign-in .auth-footer {
        margin-top: -20px !important
    }
}

#okta-sign-in .Terms {
    line-height: 22px;
    margin-bottom: 37px;
    font-size: 16px;
    color: #000;
    letter-spacing: .01333333rem !important;
    font-family: sans-serif
}

    #okta-sign-in .Terms .bright {
        font-weight: 700
    }

#okta-sign-in .o-form-button-bar {
    padding-top: 0 !important
}

@media screen and (min-width: 992px) {
    #okta-sign-in .o-form-button-bar {
        position: relative;
        top: 0px
    }
}

@media screen and (min-width: 1200px) {
    #okta-sign-in .o-form-button-bar {
        position: relative;
        top: 9px
    }
}

#okta-sign-in .o-form-button-bar.focused-input {
    padding-bottom: 25px !important;
    margin-bottom: 0 !important
}

#okta-sign-in .o-form-button-bar input.link-button-disabled.btn-disabled[type='submit'] {
    color: #FFB81C !important;
    background-color: #555 !important;
    border: 1px solid #555 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#555)) !important;
    font-size: 16px !important;
    letter-spacing: 0.213333px !important;
    margin-bottom: 0 !important;
    text-transform: none !important
}

#okta-sign-in .focused-input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    #okta-sign-in .focused-input label {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

#okta-sign-in .o-form-fieldset-container .o-form-fieldset {
    margin-bottom: 25px !important
}

    #okta-sign-in .o-form-fieldset-container .o-form-fieldset:first-child {
        margin-top: 15px
    }

    #okta-sign-in .o-form-fieldset-container .o-form-fieldset .okta-form-label {
        margin-bottom: 7px !important
    }

.enroll-choices p, .enroll-choices .p, .enroll-choices .rebate-cta .rebate-cta-desc p, .rebate-cta .rebate-cta-desc .enroll-choices p, .enroll-choices span {
    font-size: 14px;
    color: #6e6e78 !important
}

.enroll-choices .okta-form-subtitle {
    color: #6e6e78 !important;
    font-weight: 400 !important
}

.enroll-choices .o-form-head, .enroll-choices h2, .enroll-choices h3 {
    font-weight: 600 !important;
    color: #5e5e5e !important;
    font-size: 15px !important;
    font-family: "proxima nova", Arial, Helvetica, sans-serif !important
}

.enroll-choices .enroll-factor-button a {
    text-decoration: underline;
    color: #1d1d21 !important
}

.enroll-choices legend {
    color: #777;
    font-weight: 400
}

.enroll-choices .o-form-input label {
    font-size: 14px !important;
    color: #6e6e78 !important;
    font-weight: 400 !important
}

.enroll-choices .auth-footer a {
    color: #6e6e78 !important;
    text-decoration: underline !important
}

#setMFA {
    float: unset;
    margin: 0 auto
}

    #setMFA .signin-page-container {
        border-right: none !important
    }

    #setMFA .okta-sign-in-header {
        display: block !important;
        padding: 10px 0 !important;
        margin-bottom: 25px
    }

    #setMFA .factors-dropdown-wrap .dropdown.more-actions .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-dark .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-grey .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-yellow-whitetxt .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-yellow-darktxt .bg-helper, #setMFA .factors-dropdown-wrap .more-actions.dropdown-white .bg-helper {
        color: #fff !important
    }

    #setMFA .dropdown.more-actions .option-selected span.icon-dm, #setMFA .more-actions.dropdown-dark .option-selected span.icon-dm, #setMFA .more-actions.dropdown-grey .option-selected span.icon-dm, #setMFA .more-actions.dropdown-yellow-whitetxt .option-selected span.icon-dm, #setMFA .more-actions.dropdown-yellow-darktxt .option-selected span.icon-dm, #setMFA .more-actions.dropdown-white .option-selected span.icon-dm {
        right: 4px !important
    }

    #setMFA #okta-sign-in.main-container {
        border-width: 1px !important;
        min-height: 480px !important
    }

@media screen and (max-width: 600px) {
    #setMFA #okta-sign-in.main-container {
        margin: 0 auto !important
    }
}

@media screen and (max-width: 991px) {
    #setMFA #okta-sign-in.main-container {
        border: 1px solid #ddd !important;
        max-width: 400px !important;
        width: 100%
    }
}

#setMFA #okta-sign-in.main-container .auth-content {
    padding: 20px 42px !important
}

    #setMFA #okta-sign-in.main-container .auth-content p, #setMFA #okta-sign-in.main-container .auth-content .p, #setMFA #okta-sign-in.main-container .auth-content span {
        font-size: 14px;
        color: #6e6e78 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .okta-form-subtitle {
        color: #6e6e78 !important;
        font-weight: 400 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .o-form-head, #setMFA #okta-sign-in.main-container .auth-content h2, #setMFA #okta-sign-in.main-container .auth-content h3 {
        font-weight: 600 !important;
        color: #5e5e5e !important;
        font-size: 15px !important;
        font-family: "proxima nova", Arial, Helvetica, sans-serif !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .enroll-factor-button a {
        text-decoration: underline;
        color: #1d1d21 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content legend {
        color: #777;
        font-weight: 400
    }

    #setMFA #okta-sign-in.main-container .auth-content .o-form-input label {
        font-size: 14px !important;
        color: #6e6e78 !important;
        font-weight: 400 !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .auth-footer a {
        color: #6e6e78 !important;
        text-decoration: underline !important
    }

    #setMFA #okta-sign-in.main-container .auth-content .mfa-verify .custom-checkbox {
        padding-bottom: 15px !important
    }

        #setMFA #okta-sign-in.main-container .auth-content .mfa-verify .custom-checkbox input[type="checkbox"] + label:before {
            height: 1rem !important;
            width: 1rem !important;
            border: 1px solid #353535 !important;
            left: 0 !important;
            outline: none !important
        }

        #setMFA #okta-sign-in.main-container .auth-content .mfa-verify .custom-checkbox input[type="checkbox"] + label:after {
            left: 0.19999999rem !important
        }

#setMFA #okta-sign-in.main-container .o-form-button-bar {
    position: unset !important
}

#setMFA h2 {
    text-align: center !important
}

#setMFA .o-form-fieldset-container .o-form-fieldset {
    margin-bottom: 15px !important
}

    #setMFA .o-form-fieldset-container .o-form-fieldset:first-child {
        margin-top: 0 !important
    }

    #setMFA .o-form-fieldset-container .o-form-fieldset .okta-form-label {
        margin-bottom: 0 !important
    }

#setMFA input[type="radio"] + label:before {
    height: 1rem;
    width: 1rem
}

#setMFA input[type="radio"]:checked + label:after {
    left: 0.4rem !important
}

#setMFA a {
    color: #000 !important
}

.mobile-shadow .sign-in-detail-comp ul li {
    color: #000
}

.mobile-shadow .sign-in-detail-comp .learn-more {
    color: #000
}

.logo-block {
    padding-bottom: 35px !important;
    border-bottom: none !important
}

@media screen and (max-width: 991px) {
    .logo-block {
        padding-top: 7% !important
    }
}

a.button.sms-request-button.link-button {
    background: -webkit-gradient(linear, left top, left bottom, from(#007dc1), to(#007dc1)) !important;
    background: linear-gradient(#007dc1, #007dc1) !important;
    color: #000 !important
}

.sign-in-main .sign-in-detail-comp {
    padding: 0px 0px 0px 65px;
    color: #353535
}

a.link.js-forgot-password {
    color: #007dc1 !important;
    font-size: 1rem !important
}

.sign-in-detail-comp .card-button a {
    background-color: #555 !important;
    color: #fff;
    margin: unset !important;
    font-size: 1.0rem !important;
    line-height: 24px !important;
    height: 100% !important;
    min-height: 36px !important;
    min-width: 180px !important;
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    padding: 10px 25px !important;
    border-radius: 0px !important
}

    .sign-in-detail-comp .card-button a:hover, .sign-in-detail-comp .card-button a:focus, .sign-in-detail-comp .card-button a:active {
        color: #555 !important;
        background-color: #fff !important
    }

.Ebill-register-page-mains .ebill-register-in-main .ebill-register-form-comp button {
    border-radius: 0px !important
}

.o-form-input-error {
    color: #C8102E !important;
    font-family: FoundationRoman !important
}

.button-primary:hover {
    color: #ffffff !important
}

strong {
    font-weight: 700 !important
}

a.Register-Anchor {
    color: #007DBA;
    text-decoration: underline
}

    a.Register-Anchor:focus, a.Register-Anchor:hover {
        color: #007DBA;
        text-decoration: none
    }

.headerSticky {
    background-color: #f1f1f1;
    padding: 30px;
    text-align: center
}

#navbarSticky {
    z-index: 999;
    overflow: hidden;
    background-color: white
}

    #navbarSticky a {
        float: left;
        display: block;
        color: #000000;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px
    }

        #navbarSticky a:hover {
            background-color: #ddd;
            color: #000000
        }

        #navbarSticky a.active {
            background-color: transparent;
            text-decoration: none;
            border-bottom: 2px solid #212121;
            color: #000000
        }

.contentSticky {
    padding: 16px
}

.stickyHeader {
    position: fixed;
    top: 0;
    width: 100%
}

    .stickyHeader + .contentHeader {
        padding-top: 60px
    }

@media only screen and (max-width: 600px) {
    .navbarMobile {
        padding: 20px 30px
    }

    #cust_select {
        width: 220px;
        height: 30px
    }
}

@media only screen and (max-width: 768px) {
    .navbarMobile {
        padding: 20px 30px
    }

    #cust_select {
        width: 220px;
        height: 30px
    }
}

.servicePostalCode {
    padding: 20px 25px;
    background-color: #D0D0CE
}

    .servicePostalCode form {
        margin: 5px 0px
    }

    .servicePostalCode .form-group {
        margin-bottom: 10px
    }

        .servicePostalCode .form-group ul {
            list-style-type: none;
            color: #F44336;
            font-size: 12px;
            text-align: left;
            padding: 5px 0px 0px 0px;
            margin: 0px
        }

        .servicePostalCode .form-group label {
            color: #000000;
            font-size: 12px;
            font-weight: bold;
            font-style: normal
        }

    .servicePostalCode .header {
        color: #333333;
        margin: 5px 0px 10px;
        font-weight: bold;
        padding: 0px
    }

    .servicePostalCode .message {
        color: #333333;
        font-size: 16px;
        margin: 5px 0px;
        padding: 0px;
        width: 43%
    }

    .servicePostalCode .warning {
        color: #F44336;
        font-size: 12px;
        text-align: left;
        margin: -5px 0px
    }

    .servicePostalCode .form-control {
        width: 70% !important;
        height: 30px;
        border-radius: 0px;
        padding: 4px 4px;
        border: 1px solid #000000;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

    .servicePostalCode #btn-servicepostalcode-submit {
        padding: 10px 8px
    }

@media only screen and (max-width: 992px) {
    .servicePostalCode {
        padding: 20px 20px;
        background-color: #E0E0E0;
        margin: 0px
    }

        .servicePostalCode .form-control {
            width: 50% !important;
            height: 30px;
            border-radius: 0px;
            padding: 4px 4px;
            border: 1px solid #000000;
            -webkit-box-shadow: unset;
            box-shadow: unset
        }

        .servicePostalCode .message {
            color: #333333;
            font-size: 16px;
            margin: 5px 0px;
            width: 90%;
            padding: 0px
        }
}

#manageConsentTable_paginate {
    float: none !important;
    text-align: center !important;
    margin-top: 10px
}

    #manageConsentTable_paginate input {
        width: 40px
    }

#manageConsentTable_filter {
    display: none
}

#manageConsentTable, td, th {
    border: 1px solid #D0D0CE !important
}

    #manageConsentTable #ConsentActionButton {
        text-align: center;
        background-color: #343a40;
        border-radius: 0px;
        margin-left: -1px;
        color: #ffffff;
        padding: 6px 6px;
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 0;
        display: inline-block;
        border: 0px;
        width: 100%;
        min-width: 130.5px;
        margin-right: 11px;
        padding-right: 30px;
        padding-left: 14px
    }

table#manageConsentTable {
    margin-top: 5px
}

    table#manageConsentTable .consent-table-search-toggle {
        cursor: pointer
    }

    table#manageConsentTable tfoot {
        display: table-header-group
    }

        table#manageConsentTable tfoot th {
            padding: 0 !important;
            background-color: unset
        }

    table#manageConsentTable thead th {
        position: relative
    }

        table#manageConsentTable thead th .fa {
            position: absolute;
            z-index: 1;
            top: 16px;
            right: 3px;
            height: 30px;
            cursor: pointer;
            width: 30px;
            padding: 8px
        }

#manageConsentTable {
    width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed
}

    #manageConsentTable thead {
        background-color: #FFB81C
    }

    #manageConsentTable td {
        word-wrap: break-word;
        overflow-wrap: break-word
    }

    #manageConsentTable .dropdown-menu.show {
        inset: -3px auto auto 0px !important
    }

#manageConsentTable_length {
    float: right;
    margin-top: 12px
}

#manageConsentTable_wrapper #manageConsentTable_info {
    margin-top: 12px;
    padding-top: 0px !important;
    clear: none !important
}

#manageConsentTable_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0.3em;
    border-radius: 0px;
    height: 25px;
    line-height: 1.6em;
    margin-left: 4px
}

    #manageConsentTable_wrapper .dataTables_paginate .paginate_button.current, #manageConsentTable_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #ffffff !important;
        background-color: #353535 !important
    }

#manageConsentTable thead tr th:last-child {
    width: 126px !important
}

#manageConsentTable thead tr th:nth-child(2) {
    width: 125px !important
}

#manageConsentTable tbody tr {
    height: 75px
}

    #manageConsentTable tbody tr td {
        line-height: 19px
    }

.select-timeperiod {
    display: block;
    width: 62%
}

.table-select option:hover {
    background-color: yellow
}

#manageConsentTable, th, td {
    border-collapse: collapse
}

#dataCategory-title {
    font-weight: bold;
    font-family: "FoundationBold",Arial,sans-serif
}

#dataCategory-list {
    color: #000;
    font-family: inherit;
    font-size: 15px
}

#errormsgTermsAndCondition {
    margin: 0px 0px 15px 0px
}

#DownloadMyDataNote {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 21px
}

#choicelist .dropdown-menu {
    border: 1px solid #555;
    min-width: 224px;
    max-width: 500px;
    border-radius: 0px;
    position: absolute;
    z-index: 999;
    top: 46px;
    background-color: #fff
}

    #choicelist .dropdown-menu > div {
        padding: 10px 0px 10px 5px
    }

    #choicelist .dropdown-menu label {
        font-family: "FoundationRoman",Arial,sans-serif;
        font-weight: normal;
        margin-bottom: 0;
        margin-left: 10px
    }

    #choicelist .dropdown-menu input[type="checkbox"] {
        margin: 0px 0px 0px 13px
    }

#DMDfromDate {
    position: absolute;
    top: 37px;
    right: 25px;
    font-size: 1.46666rem
}

#DMDtoDate {
    position: absolute;
    top: 37px;
    right: 25px;
    font-size: 1.46666rem
}

.select-timeperiod {
    border: 1px solid #555;
    width: 100%;
    min-width: 261px;
    max-width: 500px;
    border-radius: 2px;
    height: 2.66666667rem;
    background-color: #fff;
    position: relative;
    text-align: left
}

    .select-timeperiod option {
        border: 1px solid #555;
        padding: 0;
        background-color: #fff;
        width: 100%;
        z-index: 999;
        -webkit-overflow-scrolling: touch
    }

#selected-dataCategory {
    border: 1px solid #555;
    width: 100%;
    min-width: 224px;
    max-width: 500px;
    height: 2.66666667rem;
    background-color: #fff;
    position: relative;
    text-align: left;
    margin-top: 5px;
    padding: 6px 8px
}

    #selected-dataCategory .fa-chevron-down {
        position: absolute;
        right: 0.4em;
        top: 1.14em;
        color: #000;
        -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
        font-size: 0.85em
    }

#errorMsg {
    display: none;
    color: red
}

.multi-address .multi-address-selectBox select {
    height: 2.66666667rem;
    font-size: 15px;
    color: #1A1A1A
}

#downloadModal .modal-header {
    border-bottom: 0px !important
}

    #downloadModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

#downloadModal .modal-footer {
    border-top: 0px !important
}

#downloadModal .modal-body {
    line-height: 22px;
    font-size: 15px;
    margin: 0px 10px 0px 10px;
    text-align: justify
}

#downloadPopup-Cancel-button {
    width: 108px;
    border-radius: 0px;
    margin-left: 10px;
    font-weight: 600;
    float: left;
    background-color: #EAEAED;
    color: #555555
}

    #downloadPopup-Cancel-button:hover {
        color: #555555;
        background-color: #EAEAED
    }

    #downloadPopup-Cancel-button:active {
        color: #555555;
        background-color: #EAEAED
    }

    #downloadPopup-Cancel-button:focus {
        color: #555555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#downloadPopup-Confirm-button {
    background-color: #ffb81c;
    border-radius: 0px;
    width: 120px;
    margin-right: 9px;
    font-weight: 600;
    float: right;
    color: #555555
}

    #downloadPopup-Confirm-button:hover {
        color: #FFFFFF;
        background-color: #555555
    }

    #downloadPopup-Confirm-button:active {
        color: #FFFFFF;
        background-color: #555555
    }

    #downloadPopup-Confirm-button:focus {
        color: #FFFFFF;
        background-color: #555555;
        outline: 1px solid #007DBA
    }

#enable-downloaddata {
    border: none;
    border-radius: 0rem;
    font-size: 1.06666667rem;
    text-transform: none;
    display: block;
    color: #000000;
    background-color: #FFB81C;
    font-family: "FoundationBold",Arial,sans-serif;
    font-weight: 700;
    text-align: center
}

    #enable-downloaddata:hover {
        background-color: #555555;
        color: #FFFFFF;
        text-transform: none
    }

    #enable-downloaddata:focus {
        background-color: #555555;
        color: #FFFFFF;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#DmdColumn {
    margin: 30px 0px 15px 0px
}

.dmd-error-message {
    color: #C8102E;
    visibility: hidden;
    opacity: 0;
    height: 0;
    font-weight: 700
}

    .dmd-error-message.show {
        visibility: visible;
        opacity: 1;
        height: auto
    }

#AddAccountModal .cmdconsenttable-addaccount-lastitem {
    display: none
}

#AddAccountModal #AddTableCheckboxAll {
    background-color: unset;
    border: 0px
}

#AddAccountModal .addAccount-margin {
    margin-top: 20px !important
}

#AddAccountModal .addaccount-margin-bottom {
    margin-bottom: 15px
}

#AddAccountModal .addaccount-datacategories-lists {
    font-weight: 500;
    margin-left: 6px
}

#AddAccountModal .modal-dialog {
    background-color: #fff
}

#AddAccountModal .cmd-consent-addaccount-purpose-title {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
    margin-bottom: 0px
}

#AddAccountModal #CmdConsentAddAccountRecord {
    font-size: 14px;
    color: #000000
}

#AddAccountModal .cmd-consent-addaccount-review-subtitle {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

#AddAccountModal .cmd-authorization-review-data {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0px;
    color: #000;
    font-family: "FoundationRoman",Arial,sans-serif;
    width: 100%
}

#AddAccountModal .cmd-authorization-review-subtitle {
    font-family: "FoundationRoman",Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

#AddAccountModal .cmd-consent-authorization-subtitle {
    color: #000;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#AddAccountModal .cmd-consent-addaccount-review-data {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0px;
    color: #000000
}

#AddAccountModal #AddEndDate {
    margin: 0px 0px 6px 0px;
    width: 28%;
    position: relative;
    z-index: 999;
    background: transparent;
    display: inline-block;
    border-radius: 0px
}

#AddAccountModal #ConsentAddEndDateIcon {
    position: absolute;
    top: 84px;
    left: 29%;
    font-size: 18px
}

#AddAccountModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #AddAccountModal .modal-header #AddAccountModalLabel {
        float: left;
        padding-bottom: 0px;
        letter-spacing: 0px;
        margin: 20px 0px 0px 22px;
        font-weight: 700;
        font-size: 1.7rem
    }

    #AddAccountModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        margin-top: 15px
    }

#AddAccountModal .modal-footer {
    border-top: 0px solid #e5e5e5
}

#AddAccountModal #AddAccountModelBody {
    padding: 10px 25px;
    overflow-y: scroll;
    height: 300px;
    margin: 0px 15px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    text-align: justify
}

#AddAccountModal #ConsentTableAddAccountModalAuthorizeButton {
    float: right;
    background-color: #ffb81c;
    border-radius: 0px;
    width: 120px;
    margin-right: 35px;
    font-weight: 600;
    font-size: 14px;
    outline: none !important
}

    #AddAccountModal #ConsentTableAddAccountModalAuthorizeButton:hover {
        background-color: #555555;
        color: #FFFFFF;
        outline: none !important
    }

    #AddAccountModal #ConsentTableAddAccountModalAuthorizeButton:focus {
        background-color: #555555;
        color: #FFFFFF;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#AddAccountModal #ConsentTableAddAccountModalCancelButton {
    float: left;
    width: 108px;
    border-radius: 0px;
    margin-left: 26px;
    font-weight: 600;
    background-color: #EAEAED;
    color: #555555;
    font-size: 14px;
    outline: none !important
}

    #AddAccountModal #ConsentTableAddAccountModalCancelButton:hover {
        color: #555555;
        background-color: #EAEAED;
        outline: none !important
    }

    #AddAccountModal #ConsentTableAddAccountModalCancelButton:focus {
        color: #555555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

table#CmdConsentTableAddAccount {
    width: 100% !important
}

#AddAccountThirdpartyTitle {
    font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000
}

#CmdConsentTableAddAccount_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0.3em;
    border-radius: 0px;
    height: 20px;
    line-height: 1.6em;
    margin-left: 4px
}

#CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_filter {
    display: none
}

#CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_length {
    float: right;
    margin-top: 11px;
    font-size: 15px
}

    #CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_length label {
        font-family: "FoundationRoman",Helvetica,Arial,sans-serif;
        font-weight: 300
    }

#CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_paginate {
    text-align: center;
    float: unset;
    margin-top: 12px;
    font-size: 12px
}

#CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_info {
    clear: left;
    font-size: 15px
}

#CmdConsentTableAddAccount .addtable-search-toggle {
    cursor: pointer
}

#CmdConsentTableAddAccount tfoot th:nth-child(2) input {
    display: none;
    margin: 10px;
    font-weight: 400;
    width: 50%;
    padding-left: 10px;
    font-size: 15px
}

#CmdConsentTableAddAccount tfoot th:nth-child(3) input {
    display: none;
    margin: 10px;
    font-weight: 400;
    width: 50%;
    padding-left: 10px;
    font-size: 15px
}

#CmdConsentTableAddAccount tfoot th:first-child input {
    display: none
}

#CmdConsentTableAddAccount tfoot {
    display: table-header-group
}

#CmdConsentTableAddAccount th {
    border: 1px solid #D0D0CE !important
}

    #CmdConsentTableAddAccount th:first-child {
        text-align: center;
        width: 0px !important
    }

    #CmdConsentTableAddAccount th:nth-child(2) {
        width: 50% !important
    }

    #CmdConsentTableAddAccount th:nth-child(3) {
        width: 50% !important
    }

#CmdConsentTableAddAccount td {
    border: 1px solid #D0D0CE !important;
    background-color: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

    #CmdConsentTableAddAccount td:first-child {
        text-align: center
    }

#CmdConsentTableAddAccount thead {
    background-color: #ffb81c
}

table#CmdConsentTableAddAccount tfoot th {
    padding: 0 !important;
    background-color: unset
}

#CmdConsentTableAddAccount_wrapper .dataTables_paginate .paginate_button.current, #CmdConsentTableAddAccount_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    background-color: #353535 !important
}

table#CmdConsentTableRemoveAccount {
    width: 100% !important
}

#RemoveAccountModal #remove_consentId {
    display: none
}

#RemoveAccountModal .modal-dialog {
    background-color: #fff
}

#RemoveAccountModal #RemoveTableCheckboxAll {
    background-color: unset;
    border: 0px
}

#RemoveAccountModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #RemoveAccountModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

#RemoveAccountModal .modal-footer {
    border-top: 0px solid #e5e5e5
}

#RemoveAccountModal .modal-body {
    padding: 0px 30px 30px 30px
}

#RemoveAccountModal #ConsentTableRemoveModalRemoveButton {
    float: right;
    background-color: #ffb81c;
    border-radius: 0px;
    width: 120px;
    margin-right: 16px;
    font-weight: 600;
    font-size: 14px;
    outline: none !important
}

    #RemoveAccountModal #ConsentTableRemoveModalRemoveButton:hover {
        background-color: #555555;
        color: #FFFFFF;
        outline: none !important
    }

    #RemoveAccountModal #ConsentTableRemoveModalRemoveButton:focus {
        background-color: #555555;
        color: #FFFFFF;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#RemoveAccountModal #ConsentTableRemoveModalCancelButton {
    float: left;
    width: 108px;
    border-radius: 0px;
    margin-left: 16px;
    font-weight: 600;
    background-color: #EAEAED;
    color: #555555;
    font-size: 14px;
    outline: none !important
}

    #RemoveAccountModal #ConsentTableRemoveModalCancelButton:hover {
        color: #555555;
        background-color: #EAEAED;
        outline: none !important
    }

    #RemoveAccountModal #ConsentTableRemoveModalCancelButton:focus {
        color: #555555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdConsentTableRemoveAccount_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0.3em;
    border-radius: 0px;
    height: 20px;
    line-height: 1.6em;
    margin-left: 4px
}

#CmdConsentTableRemoveAccount_wrapper #CmdConsentTableRemoveAccount_filter {
    display: none
}

#CmdConsentTableRemoveAccount_wrapper #CmdConsentTableRemoveAccount_length {
    float: right;
    margin-top: 11px;
    font-size: 15px
}

    #CmdConsentTableRemoveAccount_wrapper #CmdConsentTableRemoveAccount_length label {
        font-family: "FoundationRoman",Helvetica,Arial,sans-serif;
        font-weight: 300
    }

#CmdConsentTableRemoveAccount_wrapper #CmdConsentTableRemoveAccount_paginate {
    text-align: center;
    float: unset;
    margin-top: 12px;
    font-size: 12px
}

#CmdConsentTableRemoveAccount_wrapper #CmdConsentTableRemoveAccount_info {
    clear: left;
    font-size: 15px
}

#CmdConsentTableRemoveAccount .removetable-search-toggle {
    cursor: pointer
}

#CmdConsentTableRemoveAccount tfoot th:nth-child(2) input {
    display: none;
    margin: 10px;
    font-weight: 400;
    width: 50%;
    padding-left: 10px;
    font-size: 15px
}

#CmdConsentTableRemoveAccount tfoot th:nth-child(3) input {
    display: none;
    margin: 10px;
    font-weight: 400;
    width: 50%;
    padding-left: 10px;
    font-size: 15px
}

#CmdConsentTableRemoveAccount tfoot th:first-child input {
    display: none
}

#CmdConsentTableRemoveAccount tfoot {
    display: table-header-group
}

#CmdConsentTableRemoveAccount th {
    border: 1px solid #D0D0CE !important;
    width: 50% !important
}

    #CmdConsentTableRemoveAccount th:first-child {
        text-align: center;
        width: 0px !important
    }

#CmdConsentTableRemoveAccount td {
    border: 1px solid #D0D0CE !important;
    background-color: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

    #CmdConsentTableRemoveAccount td:first-child {
        text-align: center
    }

#CmdConsentTableRemoveAccount thead {
    background-color: #ffb81c
}

table#CmdConsentTableRemoveAccount tfoot th {
    padding: 0 !important;
    background-color: unset
}

#CmdConsentTableRemoveAccount_wrapper .dataTables_paginate .paginate_button.current, #CmdConsentTableRemoveAccount_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    background-color: #353535 !important
}

#terminateModal .modal-dialog {
    background-color: #fff
}

#terminateModal #terminatePopupDataCategories {
    margin-bottom: 10px
}

    #terminateModal #terminatePopupDataCategories li {
        margin-bottom: 0px
    }

#terminateModal .consentdate-padding {
    padding: 6px 0px 6px 0px
}

#terminateModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #terminateModal .modal-header #terminateModalLabel {
        float: left;
        padding-bottom: 0px;
        letter-spacing: 0px;
        margin: 20px 0px 0px 22px;
        font-weight: 700;
        font-size: 1.7rem
    }

    #terminateModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        margin: 15px 0px 0px 20px
    }

#terminateModal .modal-body {
    padding: 0px 30px 0px 30px;
    margin-left: 10px
}

#terminateModal .modal-footer {
    border-top: 0px solid #e5e5e5
}

#terminateModal .consent-table-terminate-popup-submitButton {
    background-color: #FFB81C;
    color: #000000;
    border-radius: 0px;
    width: 120px;
    margin-right: 16px;
    font-weight: 600;
    font-size: 14px;
    float: right;
    outline: none !important
}

    #terminateModal .consent-table-terminate-popup-submitButton:hover {
        background-color: #555555;
        color: #FFFFFF;
        outline: none !important
    }

    #terminateModal .consent-table-terminate-popup-submitButton:focus {
        background-color: #555555;
        color: #FFFFFF;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#terminateModal .consent-terminate-cancel-button {
    background-color: #EAEAED;
    color: #555555;
    float: left;
    width: 108px;
    border-radius: 0px;
    margin-left: 25px;
    font-weight: 600;
    font-size: 14px;
    outline: none !important
}

    #terminateModal .consent-terminate-cancel-button:hover {
        color: #555555;
        background-color: #EAEAED;
        outline: none !important
    }

    #terminateModal .consent-terminate-cancel-button:focus {
        color: #555555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#RemoveAccountModalLabel {
    float: left;
    padding-bottom: 0px;
    font-weight: 700;
    font-size: 1.7rem;
    margin-left: 13px
}

#modifyModal .modal-dialog {
    background-color: #fff
}

#modifyModal #CmdConsentTableModifyAccount_length label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400
}

#modifyModal .modifyModal-currentenddate-padding {
    padding: 6px 0px
}

#modifyModal .consentTable-modifymodal-margin {
    margin-bottom: 13px
}

#modifyModal .modifyModal-dataCategories-list {
    padding-left: 30px;
    margin-bottom: 5px
}

#modifyModal #modifyPopupEndDate {
    margin: 0px 0px 6px 0px;
    width: 30%;
    position: relative;
    z-index: 999;
    background: transparent
}

#modifyModal #ConsentModifyEndDateIcon {
    position: absolute;
    top: 31px;
    left: 27.5%;
    font-size: 18px
}

#modifyModal .modal-header {
    border-bottom: 0px solid #e5e5e5;
    padding-left: 22px
}

    #modifyModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        margin: 15px 0px 0px 20px
    }

    #modifyModal .modal-header #modifyModalLabel {
        float: left;
        padding-bottom: 0px;
        letter-spacing: 0px;
        margin: 20px 0px 0px 22px;
        font-weight: 700;
        font-size: 1.7rem
    }

#modifyModal .modal-footer {
    border-top: 0px solid #e5e5e5
}

#modifyModal .modal-body {
    padding: 0px 30px 30px 30px;
    margin-left: 15px;
    overflow-y: scroll;
    height: 303px
}

#modifyModal .consent-table-modify-popup-submitButton {
    background-color: #FFB81C;
    color: #000000;
    border-radius: 0px;
    width: 120px;
    margin-right: 30px;
    font-weight: 600;
    font-size: 14px;
    float: right;
    outline: none !important
}

    #modifyModal .consent-table-modify-popup-submitButton:hover {
        background-color: #555555;
        color: #FFFFFF;
        outline: none !important
    }

    #modifyModal .consent-table-modify-popup-submitButton:focus {
        background-color: #555555;
        color: #FFFFFF;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#modifyModal .consent-modify-cancel-button {
    background-color: #EAEAED;
    color: #555555;
    float: left;
    width: 108px;
    border-radius: 0px;
    margin-left: 31px;
    font-weight: 600;
    font-size: 14px;
    outline: none !important
}

    #modifyModal .consent-modify-cancel-button:hover {
        color: #555555;
        background-color: #EAEAED;
        outline: none !important
    }

    #modifyModal .consent-modify-cancel-button:focus {
        color: #555555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdConsentTableModifyAccount_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0.3em;
    border-radius: 0px;
    height: 20px;
    line-height: 1.6em;
    margin-left: 4px
}

#CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount_filter {
    display: none
}

#CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount_length {
    float: right;
    margin-top: 11px;
    font-size: 15px
}

#CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount_paginate {
    text-align: center;
    float: unset;
    margin-top: 12px;
    font-size: 12px
}

#CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount_info {
    clear: left;
    font-size: 15px
}

#CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount td {
    background-color: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

#CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount .modifytable-search-toggle {
    cursor: pointer
}

#CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount tfoot {
    display: table-header-group
}

    #CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount tfoot th {
        padding: 0 !important;
        background-color: unset
    }

        #CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount tfoot th input {
            display: none;
            margin: 10px;
            font-weight: 400;
            width: 50%;
            padding-left: 10px;
            font-size: 15px
        }

#CmdConsentTableModifyAccount_wrapper .dataTables_paginate .paginate_button.current, #CmdConsentTableModifyAccount_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    background-color: #353535 !important
}

#ConsentDataDategoriesData {
    font-weight: 700;
    margin-bottom: 16px;
    text-align: justify
}

#ConsentTableModifyPopupCompanyName {
    color: #353535;
    letter-spacing: .02666667rem;
    line-height: 1.73333333rem;
    margin: 0;
    font-family: "FoundationBold",Arial,sans-serif;
    margin-bottom: 13px;
    font-size: 19px
}

#ConsentTableActionsList {
    margin-left: -1px;
    border: 0px;
    border-radius: 0px;
    padding: 0px 7px;
    background-color: #343a40;
    color: #ffffff;
    min-width: 130.5px;
    width: 100%
}

    #ConsentTableActionsList li {
        margin: 8px 0px 8px 4px
    }

        #ConsentTableActionsList li a {
            color: #ffffff;
            background-color: #343a40;
            padding: 3px 7px
        }

        #ConsentTableActionsList li:last-child a {
            color: #ffffff;
            background-color: #343a40;
            padding: 3px 10px 3px 7px
        }

#manageConsentTable td {
    border: 1px solid #D0D0CE !important;
    background-color: unset
}

#AddAccountCmdUsageData {
    margin-left: 20px
}

#DMDemptyfile {
    color: #C8102E;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    display: none
}

#manageConsentTable_wrapper {
    margin-bottom: 15px
}

#TermsAndConditionModal .modal-header {
    border-bottom: 0px solid #e5e5e5;
    padding: 15px 15px 0px 15px
}

    #TermsAndConditionModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

    #TermsAndConditionModal .modal-header #TermsAndConditionModalLabel {
        float: left;
        padding-bottom: 0px
    }

#TermsAndConditionModal .modal-footer {
    border-top: 0px solid #e5e5e5;
    text-align: center
}

#TermsAndConditionModal .modal-body {
    height: 173px;
    overflow-y: scroll;
    border: 1.5px solid #adb5bd;
    margin: 0px 10px;
    color: #717374e3;
    font-size: 15px;
    line-height: 20px;
    padding: 10px;
    font-weight: 400;
    text-align: justify
}

#TermsAndConditionModal #TermsAndConditionCancelButton {
    width: 108px;
    border-radius: 0px;
    margin-left: 26px;
    font-weight: 600;
    background-color: #EAEAED;
    color: #555555
}

    #TermsAndConditionModal #TermsAndConditionCancelButton:hover {
        color: #555555;
        background-color: #EAEAED
    }

    #TermsAndConditionModal #TermsAndConditionCancelButton:active {
        color: #555555;
        background-color: #EAEAED
    }

    #TermsAndConditionModal #TermsAndConditionCancelButton:focus {
        color: #555555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

.sharemydata-manageconsent-title {
    padding: 0;
    margin-bottom: 7px;
    line-height: 22px
}

.sharemydata-manageconsent-list {
    margin-bottom: 5px !important;
    line-height: 18px
}

.sharemydata-dmd-row {
    padding: 0px 0px 0px 16px
}

.Dmd-fromDate-text {
    height: 2.66666667rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    background: transparent
}

#container_checkbox {
    accent-color: #555555
}

.dmd-download-button-padding {
    padding-left: 0px
}

.consenttable-consentId {
    display: none
}

#manageConsentTable tbody tr td:last-child {
    text-align: center
}

#manageConsentTable_length label {
    font-family: "FoundationRoman",Helvetica,Arial,sans-serif;
    font-weight: 300
}

.sharemydata-forcustomers-button {
    margin-bottom: 1rem
}

.dmd-redirect-tab {
    padding: 30px;
    background-color: #f2f3f3;
    margin-bottom: 40px
}

.mygasuse-download-button {
    background-color: #555;
    text-decoration: none;
    font-family: FoundationBold,Arial,sans-serif;
    border-radius: 0;
    text-align: center;
    padding: 0.633rem 1.563rem;
    display: inline-block;
    border: none;
    min-height: 2.25rem;
    color: #ffffff
}

    .mygasuse-download-button:hover {
        color: #ffffff;
        text-decoration: none
    }

    .mygasuse-download-button:active {
        color: #ffffff;
        text-decoration: none
    }

    .mygasuse-download-button:focus {
        color: #ffffff;
        text-decoration: none
    }

.filteredManageTable {
    display: none;
    margin: 10px;
    font-weight: 400;
    width: 80%;
    padding-left: 10px;
    font-size: 14px !important
}

.dmd-list-style-type-circle {
    list-style-type: circle
}

.modify-popup-enddate-error-message {
    color: #C8102E;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: none
}

.add-popup-account-error-message {
    color: #C8102E;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: none
}

.remove-popup-account-error-message {
    color: #C8102E;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: none
}

.add-account-purpose-text {
    color: #C8102E;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px
}

.sharemydata-gbLogo img {
    width: 100%
}

input[type=checkbox] {
    accent-color: #555555
}

input[type="radio"] {
    accent-color: #555555
}

table#manageConsentTable.display > tbody > tr.even > .sorting_1, table#manageConsentTable.display > tbody > tr:hover > * {
    -webkit-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.019);
    box-shadow: inset 0 0 0 0px rgba(0,0,0,0.019)
}

table#manageConsentTable.display > tbody > tr.odd > * {
    -webkit-box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.023);
    box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.023)
}

@media (max-width: 767px) {
    #AddAccountModal #ConsentTableAddAccountModalCancelButton {
        margin-left: 10px
    }

    #AddAccountModal #ConsentTableAddAccountModalAuthorizeButton {
        margin-right: 10px
    }

    #AddAccountModal #AddAccountThirdpartyTitle {
        text-align: justify
    }

    #AddAccountModal .modal-header .close-button {
        margin-top: 20px
    }

    #AddAccountModal .modal-header #AddAccountModalLabel {
        margin: 20px 0px 0px 8px
    }

    #AddAccountModal .modal-dialog {
        margin: 200px 10px
    }

    #AddAccountModal #AddAccountCmdUsageData {
        margin-left: 7px
    }

    #AddAccountModal .cmd-authorization-review-label {
        width: 90%;
        margin-bottom: 7px !important
    }

    #AddAccountModal #ConsentAddEndDateIcon {
        top: 82px;
        left: 84%
    }

    #AddAccountModal #AddEndDate {
        width: 92%
    }

    #AddAccountModal #CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_paginate {
        width: 100%;
        float: right;
        margin-top: 0px
    }

    #AddAccountModal #AddAccountModelBody {
        margin: 0px 0px
    }

    #AddAccountModal #CmdConsentTableAddAccount tfoot th:nth-child(2) input {
        margin: 8px 7px 7px 7px;
        width: 87%;
        font-size: 13px
    }

    #AddAccountModal #CmdConsentTableAddAccount tfoot th:nth-child(3) input {
        margin: 8px 7px 7px 7px;
        width: 91%;
        font-size: 13px
    }

    #manageConsentTable_wrapper {
        overflow-x: scroll;
        margin: 0px 0px
    }

        #manageConsentTable_wrapper #manageConsentTable_info {
            float: left
        }

        #manageConsentTable_wrapper #manageConsentTable_length {
            position: absolute;
            left: 493px;
            width: 50%
        }

        #manageConsentTable_wrapper #manageConsentTable_paginate {
            margin-left: 103px;
            width: 100%
        }

        #manageConsentTable_wrapper #manageConsentTable {
            width: 100% !important
        }

            #manageConsentTable_wrapper #manageConsentTable #ConsentActionButton {
                min-width: 120px
            }

            #manageConsentTable_wrapper #manageConsentTable #ConsentTableActionsList {
                min-width: 120px;
                margin-left: -2px
            }

            #manageConsentTable_wrapper #manageConsentTable thead tr th:nth-child(2) {
                width: 123px !important
            }

            #manageConsentTable_wrapper #manageConsentTable thead tr th:last-child {
                width: 125px !important
            }

    #RemoveAccountModal #CmdConsentTableRemoveAccount_wrapper #CmdConsentTableRemoveAccount_paginate {
        margin-top: 51px;
        margin-right: 21px
    }

    #RemoveAccountModal #CmdConsentTableRemoveAccount_wrapper #CmdConsentTableRemoveAccount_info {
        float: left
    }

    #RemoveAccountModal #CmdConsentTableRemoveAccount tfoot th:nth-child(2) input {
        margin: 8px 7px 7px 7px;
        width: 87%;
        font-size: 13px
    }

    #RemoveAccountModal #CmdConsentTableRemoveAccount tfoot th:nth-child(3) input {
        margin: 8px 7px 7px 7px;
        width: 91%;
        font-size: 13px
    }

    #RemoveAccountModal #RemoveAccountModalLabel {
        width: 80%
    }

    #RemoveAccountModal .modal-body {
        padding: 0px 20px 30px 20px
    }

    #RemoveAccountModal #ConsentTableRemoveModalRemoveButton {
        margin-right: 7px
    }

    #RemoveAccountModal #ConsentTableRemoveModalCancelButton {
        margin-left: 7px
    }

    #terminateModal .modal-dialog {
        margin: 204px 10px
    }

    #terminateModal .modal-body {
        margin-left: 0px;
        padding: 0px 30px 0px 28px
    }

    #terminateModal .modal-header #terminateModalLabel {
        margin: 20px 0px 0px 10px
    }

    #terminateModal #ConsentDataDategoriesData {
        text-align: justify
    }

    #terminateModal .consent-terminate-cancel-button {
        margin-left: 12px
    }

    #terminateModal .consent-table-terminate-popup-submitButton {
        margin-right: 10px
    }

    #modifyModal #CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount_info {
        float: left
    }

    #modifyModal #CmdConsentTableModifyAccount_wrapper #CmdConsentTableModifyAccount_paginate {
        float: right;
        width: 100%
    }

    #modifyModal .modal-dialog {
        margin: 200px 10px
    }

    #modifyModal .modal-header #modifyModalLabel {
        margin: 20px 0px 0px 0px
    }

    #modifyModal .modal-body {
        height: 315px;
        margin-left: 0px;
        padding: 0px 30px 30px 22px;
        text-align: justify
    }

    #modifyModal #modifyPopupEndDate {
        width: 72%
    }

    #modifyModal #ConsentModifyEndDateIcon {
        top: 45px;
        left: 62%
    }

    #modifyModal .consent-table-modify-popup-submitButton {
        margin-right: 12px
    }

    #modifyModal .consent-modify-cancel-button {
        margin-left: 10px
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 800px;
        margin: 150px auto
    }

    #RemoveAccountModal .modal-dialog {
        width: 800px;
        margin: 150px auto
    }

    #AddAccountModal .modal-dialog {
        width: 80%;
        margin: 130px auto
    }

    #modifyModal .modal-dialog {
        width: 800px;
        margin: 130px auto
    }

    #terminateModal .modal-dialog {
        width: 800px;
        margin: 140px auto
    }
}

@media screen and (max-width: 991px) {
    #DMDForm {
        margin: 0px 13px
    }

    #DmdColumn {
        margin: 0px
    }

    #CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_info {
        float: left
    }

    #CmdConsentTableAddAccount_wrapper #CmdConsentTableAddAccount_length {
        width: unset
    }

    #manageConsentTable thead tr th:nth-child(2) {
        width: 125px !important
    }
}

.modal-content {
    border-radius: 0px
}

#ManageConsentsErrorModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #ManageConsentsErrorModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

    #ManageConsentsErrorModal .modal-header #ManageConsentsErrorModalLabel {
        float: left;
        padding-bottom: 0px
    }

#ManageConsentsErrorModal .modal-footer {
    border-top: 0px solid #e5e5e5;
    text-align: center
}

    #ManageConsentsErrorModal .modal-footer #ErrorModalOkButton {
        background-color: #EAEAED;
        color: #555555;
        width: 108px;
        border-radius: 0px;
        margin-left: 26px;
        font-weight: 600;
        font-size: 14px
    }

        #ManageConsentsErrorModal .modal-footer #ErrorModalOkButton:hover {
            color: #555555;
            background-color: #EAEAED
        }

        #ManageConsentsErrorModal .modal-footer #ErrorModalOkButton:active {
            color: #555555;
            background-color: #EAEAED
        }

        #ManageConsentsErrorModal .modal-footer #ErrorModalOkButton:focus {
            color: #555555;
            background-color: #EAEAED;
            outline: 1px solid #007DBA;
            outline-offset: 5px
        }

#ManageConsentsErrorModal .modal-body {
    text-align: center
}

.tooltip-inner {
    background-color: #555 !important;
    color: #fff;
    border-radius: 0px
}

.tooltip.in {
    opacity: 1 !important
}

.tooltip.in {
    opacity: 1 !important
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #555555 !important
}

#manageConsentTableCaption {
    display: none
}

.gbLanding-gbLogo img {
    width: 100%
}

.btn-dark, .btn-dark-widget, .btn-content-open-dark, .btn-content-open-dark-noborder, .dropdown .dropdown-btn, .dropdown-dark .dropdown-btn, .dropdown-grey .dropdown-btn, .dropdown-yellow-whitetxt .dropdown-btn, .dropdown-yellow-darktxt .dropdown-btn, .dropdown-white .dropdown-btn {
    outline: none !important
}

.cmd-consent-page-title {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    margin: 0px 0px 21px 70px;
    width: 75%
}

.cmd-authorization-review-title {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.cmd-authorization-review-subtitle {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.cmd-consent-authorization-subtitle {
    color: #000;
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cmd-authorization-review-data {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0px;
    color: #000;
    width: 75%
}

    .cmd-authorization-review-data a {
        color: #007DBA;
        text-decoration: underline
    }

#CmdReviewButton {
    background-color: #FFB81C;
    padding: 10px;
    color: #000;
    text-align: center;
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0px;
    width: 100%;
    border: 0px
}

    #CmdReviewButton:hover {
        background-color: #555;
        color: #fff
    }

    #CmdReviewButton:focus {
        background-color: #555;
        color: #fff;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdAuthorizeButton {
    background-color: #FFB81C;
    padding: 10px;
    color: #000;
    text-align: center;
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0px;
    width: 100%;
    border: 0px
}

    #CmdAuthorizeButton:hover {
        background-color: #555;
        color: #fff
    }

    #CmdAuthorizeButton:focus {
        background-color: #555;
        color: #fff;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdAuthorizeBackButton {
    background-color: #EAEAED;
    padding: 10px;
    color: #555;
    text-align: center;
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0px;
    border: 0px;
    width: 100%
}

    #CmdAuthorizeBackButton:hover {
        color: #555;
        background-color: #EAEAED
    }

    #CmdAuthorizeBackButton:active {
        color: #555;
        background-color: #EAEAED
    }

    #CmdAuthorizeBackButton:focus {
        color: #555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdReviewCancelButton {
    background-color: #EAEAED;
    padding: 10px;
    color: #555;
    text-align: center;
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0px;
    border: 0px;
    width: 100%
}

    #CmdReviewCancelButton:hover {
        color: #555;
        background-color: #EAEAED
    }

    #CmdReviewCancelButton:active {
        color: #555;
        background-color: #EAEAED
    }

    #CmdReviewCancelButton:focus {
        color: #555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdAuthorizeCancelButton {
    background-color: #EAEAED;
    padding: 10px;
    color: #555;
    text-align: center;
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0px;
    border: 0px;
    width: 100%
}

    #CmdAuthorizeCancelButton:hover {
        color: #555;
        background-color: #EAEAED
    }

    #CmdAuthorizeCancelButton:active {
        color: #555;
        background-color: #EAEAED
    }

    #CmdAuthorizeCancelButton:focus {
        color: #555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

.cmd-authorization-consent-table {
    width: 76%
}

    .cmd-authorization-consent-table th {
        background-color: #E4E4E4
    }

    .cmd-authorization-consent-table tr {
        border-left: 1px solid #E4E4E4;
        border-right: 1px solid #E4E4E4
    }

        .cmd-authorization-consent-table tr:last-child {
            border-bottom: 1px solid #E4E4E4
        }

#CmdConsentLandingPageRow {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
    font-family: "Roboto",sans-serif;
    font-style: normal
}

#CmdRecord {
    font-size: 14px
}

#CmdContainerId {
    width: 1020px
}

#CmdConsentPageColumn {
    margin: 0px 25px
}

#CmdConsentRow {
    margin: 0px 30px 0px 30px
}

.cmd-authorization-review-label {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    width: 75%
}

.cmd-primary-header {
    background-color: #353535;
    padding: 20px 15px
}

.cmd-nav {
    min-height: 40px;
    margin-bottom: 0px;
    border-radius: 0;
    border: none
}

#CmdConsentButtons {
    margin: 30px 0px 0px 70px
}

#CmdEndDate {
    position: relative;
    z-index: 999;
    background: transparent;
    width: 32%;
    display: inline-block
}

#CmdEndDateIcon {
    position: absolute;
    top: 91px;
    left: 17.5rem;
    font-size: 18px
}

#CmdConsentTable_wrapper #CmdConsentTable_filter {
    display: none
}

#CmdConsentTable_wrapper #CmdConsentTable_length {
    float: right;
    margin-top: 11px;
    width: 44%
}

#CmdConsentTable_wrapper #CmdConsentTable_paginate {
    text-align: center;
    float: unset;
    margin-top: 12px;
    font-size: 12px
}

#CmdConsentTable_wrapper #CmdConsentTable_info {
    clear: left;
    font-size: 14px
}

#CmdConsentTable th {
    border: 1px solid #D0D0CE !important
}

    #CmdConsentTable th:first-child {
        text-align: center;
        width: 0px !important
    }

#CmdConsentTable td {
    border: 1px solid #D0D0CE !important;
    background-color: unset
}

    #CmdConsentTable td:first-child {
        text-align: center
    }

#CmdConsentTable thead {
    background-color: #FFB81C
}

    #CmdConsentTable thead th {
        position: relative
    }

        #CmdConsentTable thead th .fa {
            position: absolute;
            z-index: 1;
            top: 6px;
            right: 10px;
            height: 30px;
            cursor: pointer;
            width: 30px;
            padding: 8px
        }

#CmdConsentTable tfoot {
    display: table-header-group
}

table#CmdConsentTable {
    width: 75% !important;
    margin: 0
}

    table#CmdConsentTable tfoot th {
        padding: 0 !important;
        background-color: unset
    }

    table#CmdconsentTable thead tr th:first-child {
        text-align: center
    }

#ConsentAuthorizeConfirmModalCancelButton {
    float: left;
    width: 108px;
    border-radius: 0px;
    margin-left: 0px;
    font-weight: 600;
    background-color: #EAEAED;
    color: #555
}

    #ConsentAuthorizeConfirmModalCancelButton:hover {
        color: #555;
        background-color: #EAEAED
    }

    #ConsentAuthorizeConfirmModalCancelButton:active {
        color: #555;
        background-color: #EAEAED
    }

    #ConsentAuthorizeConfirmModalCancelButton:focus {
        color: #555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#ConsentAuthorizeConfirmModalOkButton {
    float: right;
    background-color: #ffb81c;
    border-radius: 0px;
    width: 120px;
    margin-right: 30px;
    font-weight: 600
}

    #ConsentAuthorizeConfirmModalOkButton:hover {
        background-color: #555;
        color: #fff
    }

    #ConsentAuthorizeConfirmModalOkButton:active {
        background-color: #555;
        color: #fff
    }

    #ConsentAuthorizeConfirmModalOkButton:focus {
        background-color: #555;
        color: #fff;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

input[type=checkbox] {
    accent-color: #555555
}

input[type="radio"] {
    accent-color: #555555
}

#CmdConsentTable_length select {
    padding: 0px !important
}

#CmdConsentTable_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0.3em;
    border-radius: 0px;
    height: 20px;
    line-height: 1.6em;
    margin-left: 4px
}

    #CmdConsentTable_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #ffffff !important;
        background-color: #353535 !important
    }

#CmdUsageData[type="radio"]:checked + label:after, #CmdUsageData[type="radio"] + label:before {
    display: none
}

#CmdUsageData[type="radio"], #CmdUsageDateSelected[type="radio"] {
    vertical-align: unset;
    position: unset;
    top: unset;
    opacity: 1
}

#CmdErrorPopupConfirmButton {
    width: 108px;
    border-radius: 0px;
    font-weight: 600;
    background-color: #ffb81c;
    color: #555
}

    #CmdErrorPopupConfirmButton:hover {
        color: #fff;
        background-color: #555
    }

    #CmdErrorPopupConfirmButton:active {
        color: #fff;
        background-color: #555
    }

    #CmdErrorPopupConfirmButton:focus {
        color: #fff;
        background-color: #555;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdContainerId .cmd-consent-error-message-consent-table {
    color: #C8102E;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    margin: 10px 0px 0px 0px
}

#CmdContainerId .cmd-consent-error-message-usage-date {
    color: #C8102E;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    margin: 10px 0px 0px 23px
}

#CmdContainerId .cmd-consent-error-message-data-category {
    color: #C8102E;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    padding-left: 0px;
    margin: 0px 0px 6px 23px
}

#CmdContainerId .cmd-consent-error-message {
    color: #C8102E;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 12px
}

#ConsentAuthorizeConfirmModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #ConsentAuthorizeConfirmModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

    #ConsentAuthorizeConfirmModal .modal-header #ConsentAuthorizeConfirmModalLabel {
        float: left;
        padding-bottom: 0px
    }

#ConsentAuthorizeConfirmModal .modal-footer {
    border-top: 0px solid #e5e5e5;
    text-align: center
}

#ConsentAuthorizeErrorModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #ConsentAuthorizeErrorModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

    #ConsentAuthorizeErrorModal .modal-header #ConsentAuthorizeErrorModalLabel {
        float: left;
        padding-bottom: 0px
    }

#ConsentAuthorizeErrorModal .modal-footer {
    border-top: 0px solid #e5e5e5;
    text-align: center
}

#ConsentsTerminateErrorModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #ConsentsTerminateErrorModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

    #ConsentsTerminateErrorModal .modal-header #ConsentsTerminateErrorModalLabel {
        float: left;
        padding-bottom: 0px
    }

#ConsentsTerminateErrorModal .modal-footer {
    border-top: 0px solid #e5e5e5;
    text-align: center
}

#ConsentsTerminateErrorModal .modal-body {
    text-align: center
}

#ConsentsTerminateModal .modal-header {
    border-bottom: 0px solid #e5e5e5
}

    #ConsentsTerminateModal .modal-header .close-button {
        float: right;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

    #ConsentsTerminateModal .modal-header #ConsentsTerminateModalLabel {
        float: left;
        padding-bottom: 0px
    }

#ConsentsTerminateModal .modal-footer {
    border-top: 0px solid #e5e5e5;
    text-align: center
}

#ConsentsTerminateModal .modal-body {
    text-align: justify;
    margin: 0px 3px
}

#ConsentsTerminateModalCancelButton {
    float: left;
    margin-left: 3px;
    width: 108px;
    border-radius: 0px;
    font-weight: 600;
    background-color: #EAEAED;
    color: #555
}

    #ConsentsTerminateModalCancelButton:hover {
        color: #555;
        background-color: #EAEAED
    }

    #ConsentsTerminateModalCancelButton:focus {
        color: #555;
        background-color: #EAEAED;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#ConsentsTerminateModalOkButton {
    float: right;
    margin-right: 5px;
    background-color: #ffb81c;
    border-radius: 0px;
    width: 160px;
    font-weight: 600
}

    #ConsentsTerminateModalOkButton:hover {
        background-color: #555;
        color: #fff
    }

    #ConsentsTerminateModalOkButton:focus {
        background-color: #555;
        color: #fff;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

#CmdTerminateErrorModalOkButton {
    background-color: #ffb81c;
    border-radius: 0px;
    width: 108px;
    margin-right: 35px;
    font-weight: 600;
    color: #555
}

    #CmdTerminateErrorModalOkButton:hover {
        background-color: #555;
        color: #fff
    }

    #CmdTerminateErrorModalOkButton:focus {
        background-color: #555;
        color: #fff;
        outline: 1px solid #007DBA;
        outline-offset: 5px
    }

.cmd-consent-datacategory-list {
    margin-left: 20px;
    margin-bottom: 15px
}

@media screen and (max-width: 991px) {
    table tr th {
        background-color: #FFB81C;
        color: #000
    }

    #CmdReviewButton {
        margin-left: 16px
    }

    #CmdAuthorizeButton {
        margin-left: 16px
    }

    .cmd-consent-page-title {
        margin: 10px 0px 21px 0px;
        font-size: 21px;
        width: 100%
    }

    #CmdConsentLandingPageRow {
        width: 100%;
        margin-left: 0px;
        font-family: "Roboto",sans-serif;
        font-style: normal;
        margin-right: 0px
    }

    #CmdConsentTable_wrapper #CmdConsentTable_info {
        float: left
    }

    #CmdConsentTable_wrapper #CmdConsentTable_length {
        width: unset
    }

    #CmdEndDate {
        width: 40%
    }

    #CmdRecord {
        font-size: 13px
    }

    .cmd-authorization-review-data {
        width: 100%
    }

    .cmd-authorization-consent-table {
        width: 100%
    }

    .cmd-authorization-review-label {
        width: 90%;
        margin-bottom: 7px
    }

    #CmdContainerId {
        width: unset;
        padding-left: 0px;
        padding-right: 0px
    }

    #CmdConsentPageColumn {
        margin: 0px 0px
    }

    #CmdConsentRow {
        margin: 0px 0px 0px 0px
    }

    table#CmdConsentTable {
        width: 100% !important
    }

    #CmdConsentButtons {
        margin: 0px
    }

    #CollectiveContractsWarning, #ConsolidatedContractsWarning {
        width: 100%
    }
}

#CollectiveContractsWarning, #ConsolidatedContractsWarning {
    width: 75%;
    margin-top: 11px;
    font-family: "Roboto",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000
}

#CmdConsentTable .table-search-toggle {
    cursor: pointer
}

#CmdConsentTable tfoot th:nth-child(2) input {
    display: none;
    margin: 10px;
    font-weight: 400;
    width: 87%;
    padding-left: 10px;
    font-size: 15px
}

#CmdConsentTable tfoot th:nth-child(3) input {
    display: none;
    margin: 10px;
    font-weight: 400;
    width: 45%;
    padding-left: 10px;
    font-size: 15px
}

#CmdConsentTable tfoot th:first-child input {
    display: none
}

@media (max-width: 767px) {
    #CmdEndDate {
        width: 84%
    }

    .modal-dialog {
        margin: 250px 10px
    }

    #CmdConsentTable_wrapper #CmdConsentTable_paginate {
        width: 100%;
        float: right
    }

    #CmdConsentPageColumn {
        padding: 0px;
        text-align: justify
    }

    #CmdAuthorizeButton {
        margin-left: 0px
    }

    #ConsentAuthorizeConfirmModal .modal-body {
        text-align: justify
    }

    #ConsentAuthorizeConfirmModal #ConsentAuthorizeConfirmModalCancelButton {
        margin-left: 0px
    }

    #ConsentAuthorizeConfirmModal #ConsentAuthorizeConfirmModalOkButton {
        margin-right: 0px
    }

    #ConsentsTerminateModal .modal-header #ConsentsTerminateModalLabel {
        width: 90%
    }

    #ConsentsTerminateModal .modal-body {
        text-align: justify
    }

    #ConsentsTerminateModal #ConsentsTerminateModalCancelButton {
        margin-left: 0px
    }

    #ConsentsTerminateModal #ConsentsTerminateModalOkButton {
        margin-right: 0px
    }
}

/*# sourceMappingURL=global.css.map */