@charset "UTF-8";

@font-face {
    font-family: "roboto-medium";
    src: url("../fonts/roboto/roboto-medium-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-medium-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-medium-svg#roboto-medium.svg#roboto-medium") format("svg");
}

@font-face {
    font-family: "roboto-regular";
    src: url("../fonts/roboto/roboto-regular-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-regular-woff2.woff2") format("woff2"), url("../fonts/roboto/roboto-regular-woff.woff") format("woff"), url("../fonts/roboto/roboto-regular-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-regular-svg#roboto-regular.svg#roboto-regular") format("svg");
}

@font-face {
    font-family: "roboto-condensed-bold";
    src: url("../fonts/roboto/robotocondensed-bold-eot?.eot?") format("eot"), url("../fonts/roboto/robotocondensed-bold-woff2.woff2") format("woff2"), url("../fonts/roboto/robotocondensed-bold-woff.woff") format("woff"), url("../fonts/roboto/robotocondensed-bold-ttf.ttf") format("truetype"), url("../fonts/roboto/robotocondensed-bold-svg#roboto-condensed-bold.svg#roboto-condensed-bold") format("svg");
}

@font-face {
    font-family: "roboto-light";
    src: url("../fonts/roboto/roboto-light-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-light-woff2.woff2") format("woff2"), url("../fonts/roboto/roboto-light-woff.woff") format("woff"), url("../fonts/roboto/roboto-light-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-light-svg#roboto-light.svg#roboto-light") format("svg");
}

@font-face {
    font-family: "roboto-bold";
    src: url("../fonts/roboto/roboto-bold-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-bold-woff2.woff2") format("woff2"), url("../fonts/roboto/roboto-bold-woff.woff") format("woff"), url("../fonts/roboto/roboto-bold-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-bold-svg#roboto-bold.svg#roboto-bold") format("svg");
}

@font-face {
    font-family: "raleway-bold";
    src: url("../fonts/raleway/raleway-bold-eot?.eot?") format("eot"), url("../fonts/raleway/raleway-bold-woff2.woff2") format("woff2"), url("../fonts/raleway/raleway-bold-woff.woff") format("woff"), url("../fonts/raleway/raleway-bold-ttf.ttf") format("truetype"), url("../fonts/raleway/raleway-bold-svg#raleway-bold.svg#raleway-bold") format("svg");
}

@font-face {
    font-family: "pse-icons";
    src: url("../fonts/webfont/fonts/pse-icons.eot");
    src: url("../fonts/webfont/fonts/pse-icons.eot?#iefix") format("eot"), url("../fonts/webfont/fonts/pse-icons.woff") format("woff"), url("../fonts/webfont/fonts/pse-icons.ttf") format("truetype"), url("../fonts/webfont/fonts/pse-icons.svg#pse-icons") format("svg");
}

.pse {
    font-family: "pse-icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    position: relative;
    top: 0;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.pse-x1 {
    font-size: 1em;
}

.pse-x2 {
    font-size: 2em;
}

.pse-x3 {
    font-size: 3em;
}

.pse-x4 {
    font-size: 4em;
}

.pse-x5 {
    font-size: 5em;
}

.pse-small {
    font-size: 24px !important;
}

.pse-medium {
    font-size: 30px !important;
}

.pse-large {
    font-size: 130px !important;
}

.pse-e-bill:before {
    content: "\E001";
}

.pse-facebook-logo:before {
    content: "\E002";
}

.pse-fill-1:before {
    content: "\E003";
}

.pse-flickr:before {
    content: "\E004";
}

.pse-globe:before {
    content: "\E005";
}

.pse-group-4:before {
    content: "\E006";
}

.pse-home:before {
    content: "\E007";
}

.pse-icon:before {
    content: "\E008";
}

.pse-instagram:before {
    content: "\E009";
}

.pse-linkedin:before {
    content: "\E00A";
}

.pse-outage:before {
    content: "\E00B";
}

.pse-page-1:before {
    content: "\E00C";
}

.pse-paybill:before {
    content: "\E00D";
}

.pse-search:before {
    content: "\E00E";
}

.pse-signin:before {
    content: "\E00F";
}

.pse-spark:before {
    content: "\E010";
}

.pse-twitter:before {
    content: "\E011";
}

.pse-way-assistant:before {
    content: "\E012";
}

.pse-way-email:before {
    content: "\E013";
}

.pse-way-online:before {
    content: "\E014";
}

.pse-way-phone:before {
    content: "\E015";
}

.pse-youtube:before {
    content: "\E016";
}

p {
    margin: 0 0 10px;
}

body {
    font-size: 16px;
    line-height: unset;
}



.rebates-availabletile .media-body .definition {
    margin-top: 5px;
}

.renewables-calculator-results .results-wrapper .renewables-results .media-body p {
    margin-bottom: 5px;
}

.preference-billing .notify .status-mail-wrapper strong, .preference-unsubscribe-confirmation h4 span {
    margin-right: 5px;
}

.renewables-calculator form .padding-adjust-right {
    padding-right: 5px;
}

.media-card-section .btn-action {
    margin: 10px;
}

.outage-forms .errorMessage #hiddenRecaptcha-error, .budget-content, .budget-graph, .budget-billing-note, .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper {
    margin-top: 10px;
}

    .preference-billing .notify .status-mail-wrapper, .outage-forms .g-recaptcha, .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper .tile-header, .renewables-calculator-results .results-wrapper .body-xl {
        margin-bottom: 10px;
    }

.preference-change-billing .notify .date-wrapper small, .rebates-qualify .qualify-tile .rebates-qualify-content span {
    margin-left: 10px;
}

.eligible-unenroll button {
    padding: 10px;
}

.rebates-contact-us p, .rebates-qualify .qualify-tile .rebates-qualify-content .rebates-readmore-less p:first-child, .rebates-applynow p, .renewables-calculator.green-power .custom-checkbox {
    margin-top: 15px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7, .h8, .eligible-unenroll button, .help-center .help-center-title a, .rebates-qualify .qualify-tile .rebates-qualify-content .rebates-readmore-less p {
    margin-bottom: 15px;
}

.budget-graph {
    padding-left: 15px;
}

.budget-billing-sign .sign-btn {
    margin-bottom: 20px;
    margin-top: 20px;
}

.budget-graph .budget-graph-img, .budget-billing-sign, .payment-container .payment-canceled .selector-link, .rebates-contact-us .btn-inactive, .greenpower-solar-emission, #renewablesManageCarbonBalance .confirm-accountInfo .unenroll-btn {
    margin-top: 20px;
}

    .budget-graph .budget-graph-img, .renewables-calculator form .h8.hr-spacing, .enroll-green-power ul li, .greenpower-solar-emission .image-wrapper {
        margin-bottom: 20px;
    }

.outage-forms.outages-verified-address .checkbox {
    margin-left: 20px;
}

.eligible-unenroll .budget-eligible-content p {
    padding-bottom: 20px;
}

.payment-container .payment-canceled .btn-wrapper, .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary, .renewables-calculator #renewablesManageGreenPowerSolarChoice .btn-action, .confirm-accountInfo.confirm-waitlist .enroll-balance {
    margin-top: 25px;
}

.rebates-availabletile, .renewables-calculator.results {
    margin-bottom: 25px;
}

.pse-success .alert, .pse-warn .alert, .pse-error .alert {
    padding-bottom: 25px;
    padding-top: 25px;
}

.unenroll {
    margin-bottom: 30px;
    margin-top: 30px;
}

.ineligible-payment, .eligible-unenroll, .enrolled-budget-plan,
.unenrolled-budget-plan, .account-ineligible, .media-card-section, .renewables-calculator, .renewables-calculator-results .results-wrapper .renewables-results .margin-top-30 {
    margin-top: 30px;
}

.preference-unsubscribe-confirmation, .rebates-energy-confirmation hr, .renewables-calculator-results .results-wrapper .renewables-results {
    margin-bottom: 30px;
}

.renewables-calculator form .h8.hr-spacing {
    margin-top: 35px;
}

.rebates-banner {
    margin-bottom: 35px;
}

.enroll-green-power .body-l {
    margin-bottom: 40px;
}

.action-link {
    color: #1771cc;
    font-size: 18px;
    font-family: "roboto-condensed-bold";
}

@media (max-width: 991px) {
    .action-link {
        text-align: center;
    }
}

.action-link .h8 {
    color: #1771cc;
}

    .action-link .h8 .fa {
        margin-left: 7px;
    }

.action-link:hover {
    text-decoration: none;
}

body {
    font-family: "roboto-regular";
}

h1, .rich-text h1, .h1 {
    color: #003A57;
    font-family: "roboto-regular";
    font-size: 48px;
    font-weight: 400;
    line-height:1.125;
}

@media (max-width: 768px) {
    h1, .rich-text h1, .h1 {
        font-size: 40px;
    }
}

h2, .rich-text h2, .h2 {
    color: #003A57;
    font-family: "roboto-regular";
    font-size: 40px;
    font-weight: 400;
    line-height: 1.125;
}

@media (max-width: 768px) {
    h2, .rich-text h2, .h2 {
        font-size: 32px;
    }
}

h3, .rich-text h3, .h3 {
    color: #638602;
    font-family: "roboto-regular";
    font-size: 32px;
    font-weight: 400;
    line-height: 1.125;
}

@media (max-width: 768px) {
    h3, .rich-text h3, .h3 {
        font-size: 24px;
    }
}

h4, .rich-text h4, .h4 {
    color: #003A57;
    font-family: "roboto-medium";
    font-size: 24px;
    font-weight: 500;
    line-height: 1.125;
}

@media (max-width: 768px) {
    h4, .rich-text h4, .h4 {
        font-size: 20px;
    }
}

h5, .rich-text h5, .h5 {
    color: #003A57;
    font-family: "roboto-medium";
    font-size: 20px;
    font-weight: 500;
    line-height: 1.125;
}

@media (max-width: 768px) {
    h5, .rich-text h5, .h5 {
        font-size: 18px;
    }
}

h6, .rich-text h6, .h6 {
    color: #4a4a4a;
    font-family: "roboto-medium";
    font-size: 24px;
    font-weight: 500;
}

@media (max-width: 768px) {
    h6, .rich-text h6, .h6 {
        font-size: 18px;
    }
}

.h7 {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 24px;
    font-weight: 300;
}

@media (max-width: 768px) {
    .h7 {
        font-size: 18px;
    }
}

.h8 {
    color: #4a4a4a;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .h8 {
        font-size: 18px;
    }
}

p, .p {
    font-family: "roboto-regular";
    font-size: 16px;
}

.body-xl {
    font-family: "roboto-regular";
    font-size: 20px;
}

@media (max-width: 768px) {
    .body-xl {
        font-family: "roboto-regular";
        font-size: 16px;
    }
}

.selector-link {
    font-family: "roboto-medium";
    font-size: 16px;
}

.footer-header {
    font-family: "roboto-condensed-bold";
    font-size: 16px;
}

.body-l {
    font-family: "roboto-condensed-bold";
    font-size: 18px;
}

.body-m {
    font-family: "roboto-medium";
    font-size: 14px;
}

.body-s {
    font-family: "roboto-regular";
    font-size: 12px;
}

.body-xs {
    font-family: "roboto-regular";
    font-size: 10px;
}

.table-header {
    font-family: "roboto-condensed-bold";
    font-size: 18px;
}

@media (max-width: 768px) {
    .table-header {
        font-family: "roboto-condensed-bold";
        font-size: 16px;
    }
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
}

.flexwrapper {
    flex-flow: wrap;
}

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

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

.margin-sm-top {
    margin-top: 10px;
}

.margin-md-top {
    margin-top: 30px;
}

.margin-lg-top {
    margin-top: 60px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-lg-bottom {
    margin-bottom: 60px;
}

.margin-md-left {
    margin-left: 30px;
}

.margin-md-bottom {
    margin-bottom: 30px;
}

.margin-sm-bottom {
    margin-bottom: 10px;
}

.font-black {
    color: #000;
}

.font-white {
    color: #fff;
}

.pse-primary-color {
    color: #1771cc;
}

.no-padding {
    padding: 0;
}

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

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

.bold-text {
    font-family: "roboto-bold";
}

.medium-text {
    font-family: "roboto-bold";
}

.c-bold-text {
    font-family: "roboto-condensed-bold";
}

.pse-bullet {
    position: relative;
    padding: 10px 0 10px 50px;
}

    .pse-bullet li {
        font-family: "roboto-regular";
        font-size: 16px;
    }

        .pse-bullet li::before {
            background-color: #003c4b;
            border-radius: 100%;
            content: '';
            height: 6px;
            left: 13px;
            margin-left: 10px;
            margin-top: 9px;
            position: absolute;
            width: 6px;
        }

.default-bullet {
    list-style-type: disc;
    padding-left: 40px;
}

.btn-invert-action {
    background-color: #fff;
    border: 4px solid #1771cc;
    border-radius: 20px;
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
    padding: 5px 40px;
    text-transform: uppercase;
}

    .btn-invert-action:hover, .btn-invert-action:visited, .btn-invert-action:active {
        background-color: #004A94;
        border-color: #004A94;
        color: #fff;
        outline: none;
    }

.d-flex {
    display: flex;
}

.flex-content {
    display: flex;
    flex-direction: column;
}

.font-italic {
    font-style: italic;
}

.icon-right {
    margin-left: 10px;
}

.icon-left {
    margin-right: 10px;
}

.circle-img {
    border-radius: 50%;
    border: 2px solid #00a6cf;
    width: 54px;
    height: 54px;
    position: relative;
}

    .circle-img img {
        left: 55%;
        margin-left: -15px;
        margin-top: -15px;
        position: absolute;
        top: 60%;
        width: 24px;
    }

.bullet {
    list-style: disc;
    padding-left: 20px;
}

#psePublicNoticeModal {
    z-index: 20000;
    background-color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1023px) {
    .row-eq-height {
        display: inline-block;
    }
}

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

a {
    font-size: 16px;
    color: #1771cc;
}

    a:hover {
        color: #004A94;
    }

.panel-body ul {
    list-style-type: disc;
    margin-bottom: 10px;
    padding-left: 40px;
}

.panel-body ol {
    list-style-type: decimal;
    margin-bottom: 10px;
    padding-left: 70px;
}

.rich-text, .content {
    color: #4a4a4a !important;
}

    .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
        margin: 0 0 15px 0;
    }

    .rich-text a, .content a {
        font-size: 16px !important;
        color: #1771cc !important;
    }

        .rich-text a:hover, .content a:hover {
            color: #004A94 !important;
        }

    .rich-text p, .content p {
        margin: 15px 0;
    }

    .rich-text ul, .content ul {
        margin-left: 20px;
    }

        .rich-text ul li, .content ul li {
            list-style-position: outside;
            font-size: 16px;
            list-style: disc;
        }

            .rich-text ul li ul li, .content ul li ul li {
                list-style-type: circle;
            }

    .rich-text ol li, .content ol li {
        font-size: 16px;
    }

.pse-order-list {
    counter-reset: order-list;
}

    .pse-order-list li {
        position: relative;
        padding-left: 20px;
        margin-left: 50px;
    }

        .pse-order-list li::before {
            counter-increment: order-list;
            content: counter(order-list) ". ";
            position: absolute;
            left: 0;
        }

.custom-textfield input:-webkit-autofill ~ label {
    transform: translate3d(0, -100%, 0);
    color: #717171;
    font-size: 12px;
    font-weight: bold;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.top-summary-button .bg-grey.margin-md-bottom {
    margin-bottom: 0;
}

.top-summary-button .form-navigation.margin-md-bottom {
    padding-top: 20px;
    margin-bottom: 0;
}

.start-summary-content .margin-md-top {
    margin-top: 0;
    padding-top: 18px;
}

#sstLandingPage .start-img {
    cursor: pointer;
}

@media (min-width: 992px) {
    #PropertyManagement .col-md-offset-2 {
        margin-left: 20%;
    }
}

.start-common {
    cursor: pointer;
    height: 90%;
}

.custom-large-radio-row {
    display: flex;
    flex-wrap: wrap;
}

    .custom-large-radio-row .custom-large-radio-column {
        flex-direction: column;
    }

@media (max-width: 991px) {
    .custom-large-radio-row .custom-large-radio-column {
        width: 100%;
    }
}

.scrollable-div {
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid;
    padding: 10px;
}

.no-top-margin {
    margin-top: 0 !important;
}

.remove-f-i-overlap {
    letter-spacing: 0.1px;
}

#idServiceRequestAvailable .modal-body {
    overflow-y: auto;
    max-height: 400px;
}

.partial-link-wrapper {
    background: #EAF8FB;
    border: 3px solid #fff;
    padding: 20px;
}

    .partial-link-wrapper .image-section {
        background: #00a6cf;
        border-radius: 100%;
        display: inline-block;
        padding: 20px;
        height: 75px;
        width: 75px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .partial-link-wrapper .content-section button.pse-form-btn {
        font-size: 18px;
    }

        .partial-link-wrapper .content-section button.pse-form-btn .fa-chevron-right {
            margin: 0;
        }

#manage-applications-table p.mobileview {
    font-size: 16px;
    text-transform: uppercase;
    color: #1771cc;
}

@media (max-width: 767px) and (orientation: portrait) {
    #manage-applications-table p.mobileview {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 120px;
    }
}

#manage-applications-table .action-buttons a {
    font-size: 16px;
    font-family: "roboto-condensed-bold";
    text-transform: uppercase;
    margin-right: 10px;
}

    #manage-applications-table .action-buttons a .fa.fa-play-circle, #manage-applications-table .action-buttons a .fa.fa-trash {
        padding: 5px;
    }

        #manage-applications-table .action-buttons a .fa.fa-play-circle:before, #manage-applications-table .action-buttons a .fa.fa-trash:before {
            font-size: 20px;
        }

@media (max-width: 768px) {
    #manage-applications-table .action-buttons a + a {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
    }
}

#manage-applications-table .action-buttons a img {
    margin-right: 5px;
    vertical-align: bottom;
}

@media (max-width: 768px) {
    #manage-applications-table .action-buttons a img {
        display: none;
    }
}

#no-manage-applications .pse-datatable {
    margin-bottom: 0;
}

#no-manage-applications #manage-applications-empty {
    background: #EAF8FB;
    padding: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    #no-manage-applications #manage-applications-empty {
        text-align: left;
    }
}

#no-manage-applications #manage-applications-empty p {
    font-size: 28px;
}

@media (max-width: 767px) {
    #no-manage-applications #manage-applications-empty p {
        font-size: 16px;
    }
}

#no-manage-applications #manage-applications-empty p.start-link {
    text-align: center;
}

    #no-manage-applications #manage-applications-empty p.start-link a {
        font-family: "roboto-condensed-bold";
    }

        #no-manage-applications #manage-applications-empty p.start-link a .fa.fa-play-circle {
            padding: 5px;
        }

#manage-applications-wrapper-mobile .back-button {
    background: #474B55;
    padding: 15px;
}

    #manage-applications-wrapper-mobile .back-button a {
        font-size: 14px;
        font-family: "roboto";
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
    }

#manage-applications-wrapper-mobile .sel-address {
    padding: 15px;
}

#manage-applications-wrapper-mobile .info-label {
    padding: 0;
}

#manage-applications-wrapper-mobile .action-buttons a {
    font-size: 14px;
    font-family: "roboto-condensed-bold";
    text-transform: uppercase;
    margin-right: 30px;
}

#idDeleteApplicationAlert .modal-dialog {
    max-width: 600px;
}

@media (max-width: 767px) {
    #idDeleteApplicationAlert .modal-dialog {
        max-width: 100%;
    }
}

#idDeleteApplicationAlert .modal-body {
    margin: 10px 20px 0;
    overflow-y: hidden;
}

#idDeleteApplicationAlert .modal-footer button {
    min-width: 250px;
}

    #idDeleteApplicationAlert .modal-footer button#idDeletePopup {
        margin: 0 20px 0 auto;
    }

@media (max-width: 768px) {
    #idDeleteApplicationAlert .modal-footer button#idDeletePopup {
        display: block;
        margin: 0 auto 20px auto;
    }
}

.pse-success.partial-app-alert {
    margin-bottom: 20px;
}

    .pse-success.partial-app-alert .save-success {
        background: #eefae9;
        border-color: #eefae9;
    }

    .pse-success.partial-app-alert .save-error {
        background: #fcf3f5;
        border-color: #fcf3f5;
    }

    .pse-success.partial-app-alert .delete-success {
        background: #EAF8FB;
        border-color: #EAF8FB;
    }

    .pse-success.partial-app-alert .media .media-left {
        vertical-align: middle;
    }

    .pse-success.partial-app-alert .media .media-body {
        padding-left: 10px;
    }

        .pse-success.partial-app-alert .media .media-body h6 {
            margin-bottom: 10px;
        }

    .pse-success.partial-app-alert button.close {
        opacity: 1;
    }

.summary-actions .form-button-container {
    padding-top: 30px;
}

.summary-actions .submit-app {
    margin: 0;
    position: relative;
    bottom: 10px;
}

@media (max-width: 768px) {
    .summary-actions .submit-app {
        bottom: 0;
        padding: 10px 20px;
    }
}

.tile-ebill-preference .shadow-box.pse-programs {
    padding: 30px 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .tile-ebill-preference .shadow-box.pse-programs .media {
        text-align: center;
    }

        .tile-ebill-preference .shadow-box.pse-programs .media .image-section {
            margin-bottom: 30px;
        }

        .tile-ebill-preference .shadow-box.pse-programs .media .media-heading {
            color: #006671;
            font-family: "roboto-condensed-bold";
            text-transform: uppercase;
            margin-top: 0 !important;
            margin-bottom: 15px;
        }

        .tile-ebill-preference .shadow-box.pse-programs .media p.program-desc {
            display: block;
            margin: 30px 0;
            color: #4a4a4a;
            line-height: 1.5;
        }

.btn-action {
    background-color: #1771cc;
    padding: 10px 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 20px;
    border: 0;
    border-radius: 47px;
    text-transform: uppercase;
    border: 0;
    font-family: "roboto-condensed-bold";
}

    .btn-action:hover, .btn-action:focus {
        background-color: #004A94;
        color: #fff;
        outline: none;
    }

.btn-inactive {
    background-color: #1771cc;
    padding: 7px 30px;
    border-radius: 20px;
    color: #1771cc;
    font-size: 20px;
    background-color: #fff;
    border-radius: 47px;
    text-transform: uppercase;
    border: 3px solid #1771cc;
    font-family: "roboto-condensed-bold";
}

    .btn-inactive:hover, .btn-inactive:focus {
        background-color: #004A94;
        border-color: #004A94;
        color: #fff;
        outline: none;
    }

@media (max-width: 767px) {
    .btn-inactive {
        margin-top: 6px;
        width: 100%;
        font-size: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .breadcrumb-wrap {
        height: 44px;
        margin-top: 45px;
        overflow: hidden;
    }

    .mt-90 {
        margin-top: 90px;
    }
}

.pse-breadcrumb {
    display: inline-block;
    font-family: "roboto-medium";
    font-size: 12px;
    margin-top: 14px;
}

    .pse-breadcrumb li {
        float: left;
    }

        .pse-breadcrumb li a {
            color: #717171;
            font-family: "roboto-medium";
            font-size: 12px;
            font-weight: 500;
            letter-spacing: .1px;
            line-height: 2.5;
            text-decoration: none;
        }

        .pse-breadcrumb li.active {
            color: #006671;
            font-family: "roboto-bold";
            font-size: 12px;
            letter-spacing: .1px;
            line-height: 2.5;
        }

    .pse-breadcrumb > li + li::before {
        color: #717171;
        content: '>';
        font-size: 12px;
        font-family: "roboto-medium";
        padding: 0 5px;
    }

@media (max-width: 768px) {
    .pse-breadcrumb {
        display: none;
    }
}

.action-link {
    color: #1771cc;
    font-size: 18px;
    font-family: "roboto-condensed-bold";
}

@media (max-width: 991px) {
    .action-link {
        text-align: center;
    }
}

.action-link .h8 {
    color: #1771cc;
}

    .action-link .h8 .fa {
        margin-left: 7px;
    }

.action-link:hover {
    text-decoration: none;
}

.previous-answer .previous-table-title {
    color: #4a4a4a;
    font-family: "roboto-medium";
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.previous-answer .table-previuos-answer {
    color: #4a4a4a;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead tr {
        display: flex;
    }
}

.previous-answer .table-previuos-answer thead td {
    background-color: #474b55;
    color: #fff;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    height: 55px;
    padding-left: 25px;
    text-transform: uppercase;
    vertical-align: top;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead td {
        height: 60px;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .previous-answer .table-previuos-answer thead td:first-child, .previous-answer .table-previuos-answer thead td:last-child {
        display: none;
    }
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead td + td {
        flex: 0 0 100%;
    }
}

.previous-answer .table-previuos-answer thead .table-warning-message td {
    background-color: #fff;
    color: #4a4a4a;
    text-align: center;
    text-transform: none;
    height: auto;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead .table-warning-message td {
        display: block;
        width: 100%;
    }
}

.previous-answer .table-previuos-answer > tbody {
    counter-reset: section;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody > tr {
        display: flex;
        flex-wrap: wrap;
        width: calc(100vw - 30px);
    }
}

.previous-answer .table-previuos-answer > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.previous-answer .table-previuos-answer > tbody > tr:nth-of-type(even) {
    background-color: #f1f9f8;
}

.previous-answer .table-previuos-answer > tbody td {
    border: 0;
    color: inherit;
    font-size: 14px;
    padding-left: 10px;
    vertical-align: top;
    width: 33.33%;
}

@media (min-width: 992px) {
    .previous-answer .table-previuos-answer > tbody td {
        font-family: "roboto-regular";
        font-size: 18px;
        height: 85px;
        padding-left: 25px;
    }
}

.previous-answer .table-previuos-answer > tbody td:first-child {
    font-family: "roboto-medium";
    padding-left: 29px;
    position: relative;
    vertical-align: top;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td:first-child {
        flex: 0 0 50%;
        order: 1;
    }
}

.previous-answer .table-previuos-answer > tbody td:first-child::before {
    content: '';
    counter-increment: section;
    content: counter(section) ". ";
    left: 5px;
    position: absolute;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td:first-child + td {
        flex: 0 0 100%;
        height: auto;
        order: 3;
    }
}

.previous-answer .table-previuos-answer > tbody td a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: inherit;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td a {
        font-size: inherit;
        padding-left: 10px;
    }
}

.previous-answer .table-previuos-answer > tbody td span {
    display: block;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td span {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td.change-status {
        flex: 0 0 50%;
        order: 2;
        padding-right: 15px;
        text-align: right;
    }
}

.table-services thead td {
    background-color: #474b55;
    color: #fff;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    height: 55px;
    padding-left: 25px;
    text-transform: uppercase;
    vertical-align: middle;
}

.table-services > tbody > tr:nth-of-type(odd) {
    background-color: #f1f9f8;
}

.table-services > tbody > tr td {
    border: 0;
    font-size: 14px;
    height: 50px;
    padding-left: 10px;
    vertical-align: top;
}

@media (min-width: 992px) {
    .table-services > tbody > tr td {
        font-size: 18px;
        height: 85px;
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    .table-services > tbody > tr td {
        word-break: break-word;
    }
}

@media (max-width: 767px) {
    .table-services > tbody > tr td + td {
        max-width: 160px;
    }
}

.table-services > tbody .service-status {
    text-align: center;
}

@media (max-width: 767px) {
    .table-services > tbody .service-status {
        min-width: 140px;
    }
}

.table-services > tbody .service-status a {
    border-width: 3px;
    color: #1771cc;
    font-size: 18px;
    padding: 5px 20px;
}

@media (max-width: 767px) {
    .table-services > tbody .service-status a {
        font-size: 14px;
        padding: 3px 15px;
    }
}

.table-services > tbody .service-status a:hover {
    text-decoration: none;
}

.table-services > tbody .service-status i {
    color: #b8c42e;
    margin-right: 5px;
}

.clonedInput {
    border: 1px solid;
}

.btn-anchorlink .pse-link-primary {
    padding-left: 20px;
}

.article-tiles {
    background: #fff;
    border: 1px solid #979797;
    margin-bottom: 30px;
    position: relative;
}

    .article-tiles .pse-play-icon {
        top: 40%;
        left: 45%;
    }

@media (max-width: 768px) {
    .article-tiles .pse-play-icon {
        top: 40%;
        left: 42%;
    }
}

.article-tiles .article-tiles-img {
    width: 100%;
    position: relative;
    Article page tiles style
}

    .article-tiles .article-tiles-img.tile-logo1 {
        background-image: url("/Content/pse/images/go-green-tile.png");
    }

    .article-tiles .article-tiles-img.tile-logo2 {
        background-image: url("/Content/pse/images/cartoon-cat-tile.png");
    }

    .article-tiles .article-tiles-img.tile-logo3 {
        background-image: url("/Content/pse/images/people-tile.png");
    }

    .article-tiles .article-tiles-img.snow-logo {
        background-image: url("/Content/pse/images/snow-tile.png");
    }

    .article-tiles .article-tiles-img.cartoon-headimg {
        background-image: url("/Content/pse/images/cartoon-head.png");
    }

    .article-tiles .article-tiles-img.article-custom-bg1 {
        background-color: #006671;
        display: table-cell;
        width: 358px;
        vertical-align: middle;
        text-align: center;
    }

@media (max-width: 991px) {
    .article-tiles .article-tiles-img.article-custom-bg1 {
        display: block;
        width: 100%;
        padding: 33px;
    }
}

.article-tiles .article-tiles-img.article-custom-bg1 .tile-logo-media {
    height: auto;
    width: auto;
}

.article-tiles .article-tiles-img.article-custom-bg2 {
    background-color: #00a6cf;
    display: table-cell;
    width: 358px;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 991px) {
    .article-tiles .article-tiles-img.article-custom-bg2 {
        display: block;
        width: 100%;
        padding: 33px;
    }
}

.article-tiles .article-tiles-img.article-custom-bg2 .tile-logo-media {
    height: auto;
    width: auto;
}

.article-tiles .article-tiles-img img {
    height: auto;
    width: 100%;
}

.article-tiles .article-tiles-img h3 {
    bottom: 15px;
    font-family: 'roboto-light';
    padding: 0 15px;
    position: absolute;
    width: 100%;
}

.article-tiles .article-tiles-img.tiles-bg-pacificblue, .article-tiles .article-tiles-img.tiles-bg-bluelagoon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .article-tiles .article-tiles-img.tiles-bg-pacificblue, .article-tiles .article-tiles-img.tiles-bg-bluelagoon {
        display: block;
        width: 100%;
        padding: 33px;
    }
}

.article-tiles .article-tiles-img.tiles-bg-pacificblue .tile-logo-media, .article-tiles .article-tiles-img.tiles-bg-bluelagoon .tile-logo-media {
    height: auto;
    width: auto;
}

.article-tiles .article-tiles-img.tiles-bg-bluelagoon {
    background-color: #006671;
}

.article-tiles .article-tiles-img.tiles-bg-pacificblue {
    background-color: #00a6cf;
}

.article-tiles.primary .article-tiles-img .text-block.carbon-title {
    padding: 0;
}

.article-tiles .article-tiles-content {
    padding: 20px 15px;
}

    .article-tiles .article-tiles-content .pse-link-primary {
        color: #1771cc;
    }

        .article-tiles .article-tiles-content .pse-link-primary:focus, .article-tiles .article-tiles-content .pse-link-primary:hover {
            color: #004A94;
        }

.article-tiles h3 {
    font-family: 'roboto-light';
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
}

@media (max-width: 768px) {
    .article-tiles h3 {
        font-size: 22px;
    }
}

.article-tiles p {
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 0;
    text-align: initial;
}

.article-tiles .pse-link-primary {
    color: #1771cc;
    font-size: 20px;
}

    .article-tiles .pse-link-primary:focus, .article-tiles .pse-link-primary:hover {
        color: #004A94;
    }

@media (max-width: 768px) {
    .article-tiles .pse-link-primary {
        font-size: 18px;
    }
}

.article-tiles p {
    -webkit-box-orient: vertical;
    color: #4a4a4a;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.article-tiles .article-tiles-img {
    position: relative;
}

    .article-tiles .article-tiles-img .play-btn {
        bottom: 10px;
        color: #fff;
        font-size: 45px;
        left: 10px;
        position: absolute;
        top: 10px;
    }

@media only screen and (min-width: 768px) {
    .article-tiles.primary .article-tiles-content h3 {
        margin-bottom: 45px;
        margin-top: 50px;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .article-tiles {
        background: #fff;
        min-height: auto;
    }

        .article-tiles .article-tiles-content p {
            display: none;
        }

        .article-tiles.primary .article-tiles-content .font-white {
            color: #000;
        }
}

.article-custom-section .article-tiles-img {
    position: relative;
}

    .article-custom-section .article-tiles-img .play-btn {
        top: 10px;
    }

    .article-custom-section .article-tiles-img .dwld-icon {
        height: 46px;
        width: 46px;
        top: 23px;
        left: 21px;
        position: absolute;
    }

    .article-custom-section .article-tiles-img .tile-logo-media {
        height: auto;
        width: auto;
    }

.pse-banner {
    background-color: #23527c;
    background-repeat: no-repeat;
    background-size: cover !important;
    border-radius: 0 !important;
    height: 575px;
    margin-bottom: 0;
    padding: 80px 0 60px;
}

@media (max-width: 768px) {
    .pse-banner {
        height: auto;
    }

        .pse-banner.jumbotron {
            padding: 25px 0 40px 0;
        }
}

.pse-banner .jumbotron-text {
    color: #fff;
    padding-top: 90px;
}

@media (max-width: 991px) {
    .pse-banner .jumbotron-text {
        display: none;
    }
}

.pse-banner .jumbotron-text h1 {
    font-family: 'roboto-light';
    font-size: 55px;
}

@media (max-width: 991px) {
    .pse-banner .jumbotron-text h1 {
        font-size: 42px;
    }
}

.pse-banner .jumbotron-text a {
    color: #fff;
    font-weight: bold;
}

.pse-banner .jumbotron-text p {
    font-size: 18px;
    margin: 0 0 15px 0;
}

.pse-banner .form-group:last-child {
    margin-bottom: 0;
}

.on-page-editor .pse-banner .banner-editor-img {
    height: 570px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.jumbotron.retina-banner {
    height: 575px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}

@media (max-width: 768px) {
    .jumbotron.retina-banner {
        height: 520px;
    }
}

.jumbotron.retina-banner picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.jumbotron.retina-banner .container {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -570px;
    top: 80px;
}

@media (max-width: 768px) {
    .jumbotron.retina-banner .container {
        width: 100%;
        margin-left: inherit;
        left: inherit;
        top: 40px;
    }
}

.jumbotron.retina-banner .jumbotron-text {
    color: #fff;
    padding-top: 90px;
}

@media (max-width: 768px) {
    .jumbotron.retina-banner .jumbotron-text {
        display: none;
    }
}

.jumbotron.retina-banner .jumbotron-text h1 {
    font-family: 'roboto-light';
    font-size: 64px;
}

.jumbotron.retina-banner .jumbotron-text a {
    color: #fff;
    font-weight: bold;
}

.jumbotron.retina-banner .jumbotron-text p {
    font-size: 18px;
    margin: 22px 0;
}

@media (max-width: 768px) {
    .jumbotron.retina-banner .form-check-label {
        color: #fff;
    }

    .jumbotron.retina-banner .form-signin {
        border: 0;
        box-shadow: none;
        padding: 0;
    }

        .jumbotron.retina-banner .form-signin .pse-btn-default {
            border: solid 2px #fff;
            color: #fff;
        }

        .jumbotron.retina-banner .form-signin h3 {
            color: #fff;
        }

        .jumbotron.retina-banner .form-signin .signin-help {
            color: #fff;
        }

            .jumbotron.retina-banner .form-signin .signin-help a {
                color: #fff;
            }

        .jumbotron.retina-banner .form-signin .custom-checkbox span.form-check-label {
            color: #fff;
        }

        .jumbotron.retina-banner .form-signin.bg-grey {
            background: none;
        }
}

.pse-banner-retinabg {
    background-image: url("/src/images/banner-mobile-1x.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .pse-banner-retinabg {
        background-image: url("/src/images/banner-mobile-2x.png");
    }
}

@media (min-width: 800px) {
    .pse-banner-retinabg {
        background-image: url("/src/images/banner-desktop-1x.png");
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 800px), (min-resolution: 192dpi) and (min-width: 800px) {
    .pse-banner-retinabg {
        background-image: url("/src/images/banner-desktop-2x.png");
    }
}

feature-item retina style
.image-responsive {
    height: 315px;
    background-size: cover !important;
    background-color: #23527c;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 767px) {
    .image-responsive {
        height: 250px;
        background-size: cover !important;
        background-color: #23527c;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

image-gallery retina style
.image-gallery-banner {
    height: 560px;
    background-size: cover !important;
    background-color: #23527c;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 768px) {
    .image-gallery-banner {
        height: 315px;
        background-size: cover !important;
        background-color: #23527c;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

@media (max-width: 767px) {
    .image-gallery-banner {
        height: 250px;
        background-size: cover !important;
        background-color: #23527c;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

.new-hero-banner {
    height: 420px;
    padding: 0;
    margin-top:43px;
}

    .new-hero-banner .col-md-offset-2 {
        margin-left: 0;
    }

    .new-hero-banner .col-md-4 {
        padding: 0 15px;
    }

@media (max-width: 768px) {
    .new-hero-banner .col-md-4 {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .new-hero-banner {
        padding: 0 !important;
        height: auto;
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .new-hero-banner {
        margin-top: 0;
    }
}

.call-to-action-item {
    text-align: center;
}

    .call-to-action-item p {
        color: #003c4b;
        font-family: roboto-condensed-bold;
        font-size: 20px;
        font-weight: bold;
        margin-top: 15px;
        text-transform: uppercase;
    }

.call-to-action .scLooseFrameZone {
    display: inline;
}

    .call-to-action .scLooseFrameZone .call-to-action-item .scWebEditInput {
        min-width: 180px;
    }

@media only screen and (max-width: 767px) {
    .call-to-action-item {
        display: table;
        margin-bottom: 35px;
        text-align: left;
    }

        .call-to-action-item .call-to-action-icon {
            display: table-cell;
            padding-right: 10px;
            vertical-align: middle;
        }

            .call-to-action-item .call-to-action-icon img {
                height: 40px;
                width: 50px;
            }

        .call-to-action-item p {
            display: table-cell;
            margin: 0;
            vertical-align: middle;
        }

    .call-to-action .row div:last-child .call-to-action-item {
        margin-bottom: 0;
    }
}

.separator-bg-color {
    background: #f6f6f6;
    padding: 20px 0 !important;
}

@media (max-width: 768px) {
    .separator-bg-color {
        padding: 15px 0 !important;
    }
}

.separator-bg-color .action-main-container {
    padding: 0 !important;
    display: flex;
}

@media (max-width: 768px) {
    .separator-bg-color .action-main-container {
        display: block;
    }
}

.separator-bg-color .action-main-container .action-row {
    display: flex;
    width: 100%;
    margin-left: 0;
}

@media (max-width: 768px) {
    .separator-bg-color .action-main-container .action-row {
        display: block;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .separator-bg-color .action-main-container .action-row {
        display: block;
    }

        .separator-bg-color .action-main-container .action-row .five-column:nth-child(3), .separator-bg-color .action-main-container .action-row .five-column:nth-child(5) {
            margin-top: 30px;
            margin-left: 0;
        }

        .separator-bg-color .action-main-container .action-row .five-column:nth-child(4) {
            margin-top: 30px;
        }
}

.separator-bg-color .action-main-container .action-row .action-container {
    height: 100%;
    padding: 0;
    margin-left: 30px;
}

@media (max-width: 768px) {
    .separator-bg-color .action-main-container .action-row .action-container {
        margin-bottom: 20px;
        width: unset !important;
    }
}

.separator-bg-color .action-main-container .action-row .action-container:first-child {
    margin-left: 0;
    padding-left: 0;
}

@media (max-width: 768px) {
    .separator-bg-color .action-main-container .action-row .action-container:first-child {
        margin-left: 30px;
    }
}

.separator-bg-color .action-main-container .action-row .action-container:last-child {
    margin-right: 0;
    padding-right: 0;
}

.separator-bg-color .action-main-container .action-row .action-container .action-items {
    text-align: center;
    align-items: center;
    border-radius: 20px;
    height: 100%;
}

    .separator-bg-color .action-main-container .action-row .action-container .action-items .component-content {
        height: 100%;
    }

@media (max-width: 768px) {
    .separator-bg-color .action-main-container .action-row .action-container .action-items {
        display: block;
    }
}

.separator-bg-color .action-main-container .action-row .action-container .action-items p {
    display: inline;
    text-align: left;
    color: #fff;
    margin: 0;
    font-family: 'roboto-condensed-bold';
    font-size: 20px;
    margin-left: 10px;
}

.separator-bg-color .action-main-container .action-row .action-container .action-items a {
    display: inline-flex;
    align-items: center;
    padding: 18px 22px;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

    .separator-bg-color .action-main-container .action-row .action-container .action-items a:hover {
        text-decoration: none;
    }

@media (max-width: 768px) {
    .separator-bg-color .action-main-container .action-row .action-container .action-items a {
        display: block;
        padding: 16px 22px;
    }
}

.separator-bg-color .action-main-container .action-row .action-container .action-items .call-to-action-icon {
    display: inline-table;
    width: 30px;
    height: 30px;
}

@media (max-width: 768px) {
    .separator-bg-color .action-main-container .action-row .action-container .action-items .call-to-action-icon {
        display: none;
    }
}

.separator-bg-color .action-main-container .action-row .action-container .action-items .call-to-action-icon img {
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
}

.separator-bg-color .action-main-container .action-row .action-container .bg-orange-color {
    background: #D57D2B;
}

    .separator-bg-color .action-main-container .action-row .action-container .bg-orange-color:hover {
        background: #ab6422;
    }

.separator-bg-color .action-main-container .action-row .action-container .bg-green-color {
    background: #699B4E;
}

    .separator-bg-color .action-main-container .action-row .action-container .bg-green-color:hover {
        background: #52793d;
    }

.separator-bg-color .action-main-container .action-row .action-container .bg-purple-color {
    background: #632656;
}

    .separator-bg-color .action-main-container .action-row .action-container .bg-purple-color:hover {
        background: #3e1836;
    }

.separator-bg-color .action-main-container .action-row .action-container .bg-blue-color {
    background: #469C90;
}

    .separator-bg-color .action-main-container .action-row .action-container .bg-blue-color:hover {
        background: #367970;
    }

.separator-bg-color .action-main-container .action-row .action-container .bg-dark-blue-color {
    background: #00A6CF;
}

    .separator-bg-color .action-main-container .action-row .action-container .bg-dark-blue-color:hover {
        background: #0095BA;
    }

.separator-bg-color .action-main-container .action-row .two-column {
    width: calc(100% / 2);
}

    .separator-bg-color .action-main-container .action-row .two-column .action-items {
        display: block;
    }

        .separator-bg-color .action-main-container .action-row .two-column .action-items a {
            display: block;
        }

            .separator-bg-color .action-main-container .action-row .two-column .action-items a p {
                vertical-align: middle;
            }

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .separator-bg-color .action-main-container .action-row .two-column {
        width: calc(100% / 2 - 20px) !important;
        float: left;
        height: 88px;
    }

        .separator-bg-color .action-main-container .action-row .two-column a {
            line-height: 44px;
        }
}

.separator-bg-color .action-main-container .action-row .three-column {
    width: calc(100% / 3);
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .separator-bg-color .action-main-container .action-row .three-column {
        width: calc(100% / 3 - 20px) !important;
        float: left;
        height: 88px;
    }
}

.separator-bg-color .action-main-container .action-row .four-column {
    width: calc(100% / 4);
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .separator-bg-color .action-main-container .action-row .four-column {
        width: calc(100% / 4 - 23px) !important;
        float: left;
        height: 88px;
    }
}

.separator-bg-color .action-main-container .action-row .five-column {
    width: calc(100% / 5);
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .separator-bg-color .action-main-container .action-row .five-column {
        width: calc(100% / 2 - 20px) !important;
        float: left;
        height: 88px;
    }
}

.featured-item {
    position: relative;
}

    .featured-item #video {
        display: block;
        position: relative;
        width: 100%;
    }

    .featured-item img {
        max-width: 100%;
        width: 100%;
    }

    .featured-item a {
        color: #197ee3;
        font-weight: bold;
    }

    .featured-item .featured-item-content {
        text-align: center;
        font-size: 20px;
    }

        .featured-item .featured-item-content h3 {
            color: #4a4a4a;
            font-family: 'roboto-light';
            font-size: 32px;
            margin-bottom: 18px;
            margin-top: 40px;
        }

@media (max-width: 768px) {
    .featured-item .featured-item-content h3 {
        font-size: 22px;
    }
}

.featured-item .featured-item-content p {
    color: #4a4a4a;
    margin-bottom: 30px;
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
    .featured-item .featured-item-content {
        text-align: center;
    }

    .featured-item img {
        height: 100%;
        width: auto;
    }
}

feature-item retina style
.featured-item-retina {
    height: 315px;
    background-size: cover !important;
    background-color: #23527c;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 767px) {
    .featured-item-retina {
        height: 250px;
        background-size: cover !important;
        background-color: #23527c;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

.get-app {
    font-family: "roboto-condensed-bold";
    font-size: 16px;
    color: #fff;
    line-height: 1.13;
    letter-spacing: .6px;
    padding-left: 13px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .get-app {
        font-size: 18px !important;
        line-height: 1;
        padding: 0;
    }
}

.pse-footer-logo {
    padding: 14px 31px;
    background: #32363d;
}

@media (max-width: 991px) {
    .pse-footer-logo {
        padding: 15px 15px 20px;
        display: inline-block;
        width: 100%;
    }
}

.pse-footer-logo .footer-logo-text {
    margin-top: 19px;
    color: #fff;
}

@media (max-width: 991px) {
    .pse-footer-logo .footer-logo-text {
        padding: 0;
    }
}

.pse-footer-logo .footer-logo-text p {
    font-size: 14px;
}

.pse-footer-right {
    margin-left: 45px;
    padding: 20px 0 20px 47px;
}

@media (max-width: 991px) {
    .pse-footer-right {
        border-left: none;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .pse-footer-menus {
        padding: 11px 15;
        border-top: 1px solid #898f9e;
        margin-bottom: 0;
    }

        .pse-footer-menus:last-child {
            border-bottom: 1px solid #898f9e;
        }
}

.pse-footer-menus h6 {
    color: #fff;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
    line-height: 1.13;
    letter-spacing: .6px;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .pse-footer-menus h6 {
        margin: 25px 0;
        padding-right: 15px;
        position: relative;
        font-size: 18px;
        line-height: normal;
    }
}

.pse-footer-menus ul li a {
    color: #fff;
    font-size: 12px;
    font-family: "roboto-regular";
    line-height: 1.83;
    text-decoration: none;
}

@media (max-width: 991px) {
    .pse-footer-menus ul li a {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .pse-footer-menus:nth-child(4n+1) {
        clear: left;
    }
}

@media (max-width: 991px) {
    .pse-footer-menus ul {
        display: none;
        padding: 0 0 33px 32px;
    }

        .pse-footer-menus ul li {
            padding: 4px 0;
        }

    .pse-footer-menus h6:after {
        content: "\f107";
        color: #e3e3e3;
        font-family: FontAwesome;
        font-size: 28px;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 0;
    }

    .pse-footer-menus .menus-open:after {
        content: '\f106';
        float: right;
        font: FontAwesome;
    }
}

.pse-footer-sociallinks {
    padding-top: 40px;
    padding-left: 2px;
}

@media (max-width: 991px) {
    .pse-footer-sociallinks {
        padding: 53px 0;
    }
}

.pse-footer-sociallinks ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
    display: table;
    width: 100%;
}

@media (max-width: 991px) {
    .pse-footer-sociallinks ul {
        text-align: center;
    }
}

.pse-footer-sociallinks ul li {
    padding: 0;
    display: table-cell;
    text-align: center;
}

@media (max-width: 991px) {
    .pse-footer-sociallinks ul li {
        width: 15%;
    }
}

.pse-footer-sociallinks ul li a i {
    font-size: 28px;
    cursor: pointer;
    color: #fff;
}

.language-selector {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    padding-top: 30px;
    padding-right: 0;
}

@media (max-width: 991px) {
    .language-selector {
        padding: 38px 0 23px;
        text-align: center;
        font-size: 21px;
        font-weight: 500;
    }
}

.language-selector i {
    padding-right: 10px;
    display: inline-block;
}

.language-selector a.dropdown-toggle {
    font-family: "roboto-regular";
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    margin-bottom: 10px;
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .language-selector a.dropdown-toggle {
        font-size: 9px;
    }
}

.language-selector .dropup {
    padding-left: 5px;
}

@media (max-width: 991px) {
    .language-selector .dropup {
        padding: 0 6px 5px 0;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .language-selector .dropup {
        padding-right: 5px;
    }
}

.language-selector .dropup img {
    padding-right: 6px;
    vertical-align: middle;
}

.language-selector .dropup.open {
    background-color: #32363d;
    padding: 0 0 1px 5px;
}

@media (max-width: 991px) {
    .language-selector .dropup.open {
        padding: 0 68px 5px 62px;
        display: inline-block;
    }
}

.language-selector .dropup.open .dropdown-menu {
    margin: 0;
    min-width: 116px;
    text-align: center;
    background-color: #32363d;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 991px) {
    .language-selector .dropup.open .dropdown-menu {
        min-width: 235.67px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .language-selector .dropup.open .dropdown-menu {
        min-width: 94px;
    }
}

.language-selector .dropup.open .dropdown-menu li:first-child {
    padding-top: 10px;
}

.language-selector .dropup.open .dropdown-menu li a {
    color: #fff;
    padding: 3px 0 3px 36px;
    text-align: left;
    line-height: 2.79;
}

@media (max-width: 991px) {
    .language-selector .dropup.open .dropdown-menu li a {
        padding: 8px 0 0 95px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .language-selector .dropup.open .dropdown-menu li a {
        padding: 3px 0 3px 34px;
        font-size: 9px;
    }
}

.language-selector .dropup.open .dropdown-menu li a:hover, .language-selector .dropup.open .dropdown-menu li a:focus {
    background-color: transparent;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .language-selector {
        font-size: 11px;
    }
}

.footer-sitemap {
    padding-top: 30px;
    padding-right: 0;
}

    .footer-sitemap ul {
        display: inline-block;
    }

        .footer-sitemap ul li {
            padding: 0;
        }

            .footer-sitemap ul li a {
                color: #fff;
                cursor: pointer;
                font-size: 10px;
                font-family: "roboto-medium";
                line-height: 1.5;
                letter-spacing: .4px;
                border-right: 1px solid;
                padding: 0 10px;
                text-transform: uppercase;
                text-decoration: none;
            }

@media (max-width: 991px) {
    .footer-sitemap {
        text-align: center;
        padding: 0;
    }

        .footer-sitemap ul li:nth-child(2) a {
            border-right: 1px solid;
            border-left: 1px solid;
        }

        .footer-sitemap ul li a {
            border-right: 0;
        }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .footer-sitemap ul li a {
        font-size: 9px;
    }

    .footer-sitemap ul li:last-child {
        font-size: 8px;
    }
}

.copy-right {
    display: inline-block;
}

    .copy-right ul li {
        color: #f7f7f7;
        font-size: 10px;
        padding-left: 8px;
        font-family: "roboto-medium";
        line-height: 1.5;
        letter-spacing: .4px;
    }

footer {
    background-color: #474b55;
    padding: 42px 0 36px;
}

@media (max-width: 991px) {
    footer {
        padding: 30px 0 36px;
    }
}

.pse-logo {
    float: left;
    width: 150px;
}

@media (max-width: 991px) {
    .pse-logo {
        padding: 0 11px 11px;
        width: 127px;
    }

        .pse-logo img {
            height: 56px;
            width: 294px;
        }
}

.pse-primary-nav {
    position: inherit;
    width: 28.5%;
}

    .pse-primary-nav .navbar {
        border: 0;
        position: inherit;
        margin-bottom: 0;
    }

    .pse-primary-nav .sub-navigation .open > .dropdown-menu {
        display: block;
        background: #006699;
    }

@media (max-width: 768px) {
    .pse-primary-nav .sub-navigation .open > .dropdown-menu {
        background: #003c4b;
    }
}

.pse-primary-nav .navbar-left {
    margin-top: 10px;
    color: #4a4a4a;
    font-family: "roboto-condensed-bold";
    margin-bottom: 0;
    border: 0;
}

    .pse-primary-nav .navbar-left .fa {
        padding-right: 10px;
        font-size: 20px;
    }

.pse-primary-nav .navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.pse-primary-nav .mega-dropdown {
    position: inherit;
}

    .pse-primary-nav .mega-dropdown:first-child {
        margin-right: 13px;
    }

    .pse-primary-nav .mega-dropdown .dropdown-menu {
        border-radius: 0;
    }

        .pse-primary-nav .mega-dropdown .dropdown-menu .dropdown {
            padding: 10px 0;
            display: inline-grid;
            margin-left: 0px;
            margin-right: 40px;
            text-align: left;
        }

@media (max-width: 768px) {
    .pse-primary-nav .mega-dropdown .dropdown-menu .dropdown {
        padding: 10px 0 0;
    }
}

@media (max-width: 768px) {
    .pse-primary-nav .mega-dropdown .dropdown-menu .dropdown.open {
        border: none;
    }
}

.pse-primary-nav .mega-dropdown li {
    position: static;
    list-style: none;
    padding: 10px 0;
}

    .pse-primary-nav .mega-dropdown li.dropdown-secondary > a {
        font-family: "roboto-regular";
    }

        .pse-primary-nav .mega-dropdown li.dropdown-secondary > a span.caret {
            display: none;
        }

    .pse-primary-nav .mega-dropdown li.dropdown-secondary a {
        color: #fff !important;
        padding: 0;
        font-weight: normal;
        font-size: 18px;
        text-decoration:transparent underline;
    }

        .pse-primary-nav .mega-dropdown li.dropdown-secondary a:hover {
            background-color: transparent;
        }

        .pse-primary-nav .mega-dropdown li.dropdown-secondary a:focus {
            background-color: transparent;
        }

    .pse-primary-nav .mega-dropdown li.dropdown-secondary li ul a {
        font-size: 14px;
        font-family: "roboto-regular";
        line-height: 1.5;
        text-decoration: none;
    }

    .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu {
        width: 100%;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        border-top-width: 0;
        box-shadow: none;
        margin: 0;
        padding: 0;
        text-align: center;
        padding-bottom: 0px;
        position: static;
        min-width: min-content;
    }

        .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu > li {
            padding: 15px;
            width: 100%;
            display: inline;
            text-align: left;
        }

        .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header {
            padding: 3px 0;
            white-space: normal;
        }

@media (max-width: 768px) {
    .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header {
        margin-top: 29px;
    }
}

.pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header a {
    font-size: 16px;
    font-family: "roboto-condensed-bold";
    line-height: 1.5;
}

@media (max-width: 768px) {
    .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header a {
        font-size: 14px;
        font-family: "roboto-bold";
    }
}

.pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu p {
    color: #fff;
}

.pse-primary-nav .mega-dropdown a.dropdown-toggle {
    background: transparent;
    color: #797979;
    font-size: 16px;
    font-family: "roboto-condensed-bold";
    border: 0;
}

.pse-primary-nav .mega-dropdown.open a.dropdown-toggle,
.pse-primary-nav .mega-dropdown.open a.dropdown-toggle:hover,
.pse-primary-nav .mega-dropdown.open a.dropdown-toggle:focus {
    background: transparent;
    color: #006671;
}

.pse-primary-nav .mega-dropdown.open .mega-dropdown-menu {
    padding: 0px 30px;
    width: 100%;
    box-shadow: none;
    margin-top: 0;
    border: 0;
    position: absolute;
    text-align: left;
}

.pse-primary-nav .mega-dropdown:nth-child(2).open .mega-dropdown-menu::before {
    left: 400px;
    color: #000;
}

.navbar-default .navbar-nav > .open > a {
    background-color: transparent;
}

    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
    }

    .navbar-default .navbar-nav > .open > a:hover {
        background-color: transparent;
    }

@media only screen and (max-width: 1024px) {
    .pse-primary-nav .mega-dropdown a.dropdown-toggle {
        padding: 10px 0;
    }
}

@media (max-width: 991px) {
    .pse-primary-nav {
        width: 100%;
        display: table;
        padding: 0;
    }

        .pse-primary-nav .navbar {
            background-color: #006699;
            margin-bottom: 0;
            min-height: 45px;
            border-radius: 0;
        }

            .pse-primary-nav .navbar .navbar-header {
                padding: 0;
            }

                .pse-primary-nav .navbar .navbar-header .navbar-toggle {
                    display: block;
                    border: none;
                    padding: 13px 24px;
                    margin: 0;
                }

                    .pse-primary-nav .navbar .navbar-header .navbar-toggle.collapsed span.open-menu a i.fa::before {
                        content: '\f0c9';
                    }

                    .pse-primary-nav .navbar .navbar-header .navbar-toggle span.open-menu a {
                        color: #fff;
                        text-decoration: none;
                    }

                        .pse-primary-nav .navbar .navbar-header .navbar-toggle span.open-menu a i.fa::before {
                            content: '\f00d';
                            margin-right: 8px;
                            font-size: 20px;
                        }

                        .pse-primary-nav .navbar .navbar-header .navbar-toggle span.open-menu a span {
                            text-transform: uppercase;
                            font-size: 14px;
                            position: relative;
                            top: -2px;
                            font-family: "roboto-condensed-bold";
                        }

                    .pse-primary-nav .navbar .navbar-header .navbar-toggle .icon-bar {
                        display: none;
                    }

                    .pse-primary-nav .navbar .navbar-header .navbar-toggle span.closemenu a {
                        font-weight: bold;
                        color: #fff;
                        text-decoration: none;
                    }

                        .pse-primary-nav .navbar .navbar-header .navbar-toggle span.closemenu a::before {
                            content: '\f00d';
                            padding-right: 8px;
                            font: normal normal normal 15px/1 FontAwesome;
                        }

                .pse-primary-nav .navbar .navbar-header button {
                    margin-right: 0;
                    float: left;
                }

        .pse-primary-nav .navigation-menus {
            border-top: none;
            box-shadow: none;
            text-align: center;
            padding-left: 0;
            padding-right: 0;
        }

            .pse-primary-nav .navigation-menus.in {
                overflow-y: inherit;
            }

            .pse-primary-nav .navigation-menus .sub-navigation {
                margin: 0;
                width: 100%;
                padding: 0 10px;
            }

                .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown {
                    width: 50%;
                    margin: 7px 0 7px;
                }

                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown:first-child {
                        margin-right: 0;
                        /*                        border-right: 1px solid #003c4b;*/
                    }

                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown:nth-child(2).open .mega-dropdown-menu::before {
                        left: 72%;
                    }

                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown a.dropdown-toggle,
                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown a.dropdown-toggle:hover,
                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown a.dropdown-toggle:focus {
                        color: #809da5;
                        font-family: "roboto-condensed-bold";
                        font-size: 14px;
                        padding: 7px 12px;
                    }

                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open a.dropdown-toggle,
                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open a.dropdown-toggle:hover,
                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open a.dropdown-toggle:focus {
                        color: #fff;
                    }

                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open::after {
                        content: none;
                    }

                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open > a {
                        display: inline-block;
                    }

                        .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open > a::after {
                            border-bottom: 5px solid #fff;
                            content: '';
                            height: 5px;
                            display: block;
                            width: 100px;
                            position: relative;
                            bottom: -13px;
                        }

                    .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu {
                        padding: 10px 20px;
                        display: block;
                        margin-top: 40px;
                        background-color: #006699;
                    }

                        .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu::before {
                            border-bottom: 10px solid #006671;
                            border-right: 10px solid transparent;
                            border-left: 10px solid transparent;
                            top: -10px;
                            left: 24%;
                        }

                        .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary {
                            width: 100%;
                            text-align: left;
                        }

                            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary.open a.dropdown-toggle::before {
                                content: '\f107';
                                padding-right: 8px;
                                font: normal normal normal 20px/1 FontAwesome;
                            }

                            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary a.dropdown-toggle::before {
                                content: '\f105';
                                padding-right: 8px;
                                font: normal normal normal 20px/1 FontAwesome;
                            }

                            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary a.dropdown-toggle span {
                                display: none;
                            }

                            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary > a {
                                font-family: "roboto-regular";
                                font-size: 18px;
                            }

                        .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul {
                            position: inherit;
                            border: 0;
                            box-shadow: none;
                            padding-left: 25px;
                            padding-bottom: 0;
                            background: #006699;
                        }

                            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul li {
                                padding: 0 8px;
                                line-height: 2;
                                width: 100%;
                            }

                                .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul li ul li {
                                    padding: 0;
                                }

                                .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul li a span {
                                    display: none;
                                }
}

.sub-navigation .dropdown-backdrop {
    display: none !important;
}

@media (max-width: 991px) {
    .navbar-collapse.collapse,
    .sub-navigation .dropdown-backdrop {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}

.pse-secondary-nav {
    margin-top: 19px;
    padding-left: 0px;
    text-align: right;
    width: 32.5%;
}

    .pse-secondary-nav .initialShow {
        display: inline-block;
    }

    .pse-secondary-nav .initialHide {
        display: none;
    }

    .pse-secondary-nav ul li {
        float: left;
        margin-right: 32px;
    }

@media (max-width: 1024px) {
    .pse-secondary-nav ul li {
        margin-right: 5px;
    }
}

.pse-secondary-nav ul li span + span {
    vertical-align: top;
}

@media (max-width: 991px) {
    .pse-secondary-nav ul li span {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .pse-secondary-nav ul li span img {
            margin: 0;
        }
}

.pse-secondary-nav ul li:last-child {
    margin-right: 0;
}

.pse-secondary-nav ul li.open a {
    background: transparent;
}

    .pse-secondary-nav ul li.open a:hover, .pse-secondary-nav ul li.open a:focus {
        background: transparent;
        text-decoration: none;
    }

.pse-secondary-nav ul li.open .initialShow {
    display: none;
}

.pse-secondary-nav ul li.open .initialHide {
    display: inline-block;
}

.pse-secondary-nav ul li.open .dropdown-menu {
    left: -50%;
    right: -50%;
    width: 194px;
    border-radius: 0;
    border: none;
    top: 37px;
    box-shadow: 0 0 5px 5px #c5c5c5;
    -webkit-box-shadow: 0 0 5px 5px #c5c5c5;
    -moz-box-shadow: 0 0 5px 5px #c5c5c5;
}

@media (max-width: 991px) {
    .pse-secondary-nav ul li.open .dropdown-menu {
        left: auto;
        right: 5px;
        z-index: 10000;
        top: 60px;
    }
}

.pse-secondary-nav ul li.open .dropdown-menu a {
    white-space: normal;
}

.pse-secondary-nav ul li.open > a:after {
    content: '';
    border-bottom: 5px solid #006671;
    display: block;
    position: relative;
    bottom: -6px;
}

.pse-secondary-nav ul li a {
    color: #4a4a4a;
    background: transparent;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 5px;
}

@media (max-width: 991px) {
    .pse-secondary-nav ul li a {
        font-size: 13px;
    }
}

.pse-secondary-nav ul li a:hover, .pse-secondary-nav ul li a:focus {
    background: transparent;
    text-decoration: none;
}

.pse-secondary-nav ul li ul li {
    padding: 5px 0;
    width: 100%;
    margin: 0;
}

    .pse-secondary-nav ul li ul li:first-child {
        padding-top: 23px;
    }

    .pse-secondary-nav ul li ul li a {
        padding: 0px 27px 18px;
        font-family: "roboto-regular";
        color: #003c4b;
        text-transform: none;
        font-size: 16px;
    }

.pse-secondary-nav ul li .logInOut {
    border-top: 1px solid #c2c2c2;
}

    .pse-secondary-nav ul li .logInOut a {
        padding: 7px 27px 7px;
    }

.pse-secondary-nav img {
    margin-right: 4px;
}

.pse-secondary-nav .dropdown-backdrop {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .pse-secondary-nav {
        text-align: left;
        padding: 0;
    }

        .pse-secondary-nav ul li {
            display: inline-block;
        }
}

@media (max-width: 991px) {
    .pse-secondary-nav {
        margin-top: 0;
        float: right;
        width: 62%;
        text-align: right;
        padding-right: 8px;
    }

        .pse-secondary-nav ul {
            float: right;
        }

            .pse-secondary-nav ul li {
                position: static;
            }

                .pse-secondary-nav ul li a {
                    padding: 0;
                }

    #header .row {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .pse-primary-nav {
        order: 3;
        -webkit-order: 3;
    }

    .pse-secondary-nav {
        order: 2;
        -webkit-order: 2;
        position: absolute;
        right: 0;
    }

    .pse-search-box {
        order: 4;
        -webkit-order: 4;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .pse-primary-nav {
        width: 26%;
    }

        .pse-primary-nav .nav li a {
            padding: 10px 5px;
        }

    .pse-secondary-nav ul li {
        margin-right: 5px;
    }
}

.pse-search-box {
    padding-left: 0;
    position: relative;
    margin-top: 10px;
    width: 25.9%;
}

    .pse-search-box input {
        border-radius: 0;
        border-color: #979797;
        color: #242424;
        font-size: 18px;
        height: 45px;
        margin-top: 12px;
        padding-right: 40px;
    }

        .pse-search-box input:focus {
            border-color: #979797;
            box-shadow: none;
        }

        .pse-search-box input::placeholder {
            color: #717171;
        }

        .pse-search-box input:-ms-input-placeholder, .pse-search-box input::-ms-input-placeholder {
            color: #717171;
        }

.search-fullWidth {
    width: 100% !important;
}

.default-search {
    margin-top: 0px;
}

    .default-search span {
        position: absolute;
        top: 24px;
        right: 25px;
    }

    .default-search > .search-initial {
        display: none !important;
    }

    .default-search .search-items input {
        margin: 0 !important;
    }

    .default-search .search-items span {
        margin-top: -2px !important;
        padding: 9px 6px 5px !important;
    }

        .default-search .search-items span i {
            font-size: 19px;
        }

@media only screen and (max-width: 1024px) {
    .pse-search-box {
        width: 23%;
    }

    .default-search {
        width: 23%;
    }
}

.CoveoSearchInterface {
    min-width: 100% !important;
}

@media (max-width: 991px) {
    .default-search {
        margin-top: 10px;
    }

    .pse-search-box {
        float: right;
        position: absolute;
        padding: 0 15px;
        right: 0;
        top: 73px;
        width: 75%;
    }

        .pse-search-box .search-initial {
            margin-top: 6px;
            float: right;
            padding-right: 15px;
            color: #fff;
            cursor: pointer;
            display: block;
        }

            .pse-search-box .search-initial label {
                font-family: "roboto-condensed-bold";
                font-size: 14px;
                line-height: 1.43;
                padding-right: 12px;
            }

            .pse-search-box .search-initial .fa {
                font-size: 20px;
            }

        .pse-search-box .search-items {
            display: none;
            padding: 0 7px 0 15px;
            background: #006671;
        }

            .pse-search-box .search-items .search-close {
                display: inline-block;
                color: #fff;
                font-size: 22px;
                padding-right: 25px;
            }

            .pse-search-box .search-items input {
                height: 35px;
                background: #fff;
                width: 76%;
                display: inline-block;
                margin: 7px 0;
                color: #006671;
                border: none;
            }

                .pse-search-box .search-items input::-webkit-input-placeholder, .pse-search-box .search-items input::-moz-placeholder, .pse-search-box .search-items input:-ms-input-placeholder, .pse-search-box .search-items input:-moz-placeholder {
                    color: #006671 !important;
                }

            .pse-search-box .search-items span {
                position: static;
                background: #fff;
                padding: 9px 6px 4px;
                display: inline-block;
            }

                .pse-search-box .search-items span .pse-search {
                    color: #006671;
                    font-size: 20px;
                }

                    .pse-search-box .search-items span .pse-search::before {
                        padding: 0;
                        position: relative;
                        bottom: 4px;
                    }
}

header {
    background-color: rgba(255, 255, 255, 0.9);
    color: #4a4a4a;
    margin-bottom: 0;
    padding: 13px 0;
    position: relative;
    height: 86px;
}

@media (max-width: 991px) {
    header {
        padding: 10px 0 0;
    }
}

@media (max-width: 991px) {
    header #header {
        margin: 0;
        width: 100%;
    }
}

header #header .row {
    position: static;
}

.pse-secondary-header {
    background: #006671;
    position: absolute;
    padding: 25px 0;
    width: 100%;
    left: 0;
    top: 0;
}

    .pse-secondary-header .btn-cancel {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        margin-top: 10px;
    }

        .pse-secondary-header .btn-cancel:hover, .pse-secondary-header .btn-cancel:focus {
            color: #fff;
        }

@media (max-width: 768px) {
    .pse-secondary-header .btn-cancel {
        margin-top: 15px;
    }

        .pse-secondary-header .btn-cancel .fa {
            font-size: 20px;
        }
}

.hero-section .banner-img {
    width: 100%;
}

.hero-section .right-cta .btn-sign-up {
    float: right;
    padding: 0 30px;
}

.hero-section .middle-cta {
    padding-right: 0;
}

    .hero-section .middle-cta img {
        width: 100%;
    }

.cta-news h1 {
    margin: 20px 0;
    text-align: center;
}

.cta-news h2 {
    margin: 30px 0 20px;
}

.cta-news a {
    border: 0;
    color: #808080;
    text-decoration: none;
}

.terms-condition .form-check.custom-checkbox label .form-check-label {
    color: #4a4a4a;
    font-size: 14px;
    margin-left: 35px;
}

.main-hero-section .fa-right {
    color: #197ee3;
    padding-left: 5px;
}

.main-hero-section a {
    color: #197ee3;
    font-weight: bold;
}

.main-hero-section .main-hero-top {
    color: #4a4a4a;
    margin: 50px 0;
}

    .main-hero-section .main-hero-top img {
        margin: auto;
    }

    .main-hero-section .main-hero-top .main-hero-content {
        margin-top: 20px;
        text-align: center;
    }

        .main-hero-section .main-hero-top .main-hero-content h3 {
            margin-bottom: 20px;
        }

.article-section .main-hero-bottom {
    color: #4a4a4a;
    margin: 50px 0;
    text-align: left;
}

    .article-section .main-hero-bottom h2 {
        margin-bottom: 30px;
        text-align: center;
    }

    .article-section .main-hero-bottom .latest-pse {
        margin-bottom: 40px;
    }

    .article-section .main-hero-bottom .news-sec {
        border: 1px solid #979797;
        min-height: 370px;
    }

        .article-section .main-hero-bottom .news-sec .news-sec-img {
            width: 100%;
        }

        .article-section .main-hero-bottom .news-sec .news-sec-content {
            padding: 20px 10px;
        }

@media only screen and (max-width: 768px) {
    .article-section .main-hero-bottom {
        margin-top: 0;
    }

        .article-section .main-hero-bottom .news-sec {
            margin-top: 30px;
            min-height: 0;
        }

        .article-section .main-hero-bottom h2 {
            margin-bottom: 0;
        }

        .article-section .main-hero-bottom .latest-pse {
            margin-bottom: 0;
            padding: 0;
        }

        .article-section .main-hero-bottom .latest-pse-bottom {
            padding: 0;
        }
}

.separator {
    padding: 0 0 50px 0;
}

@media(max-width:991px) {
    .separator {
        padding: 50px 0 50px 0;
    }
}

.separator.separator-pale-blue {
    background: #b8dcdb;
}

.separator.separator-grey {
    background-color: #f2f2f2;
}

.separator .separator-title {
    margin-top: 10px;
    margin-bottom: 66px;
    text-align: center;
    text-transform: uppercase;
    font-family: "roboto-condensed-bold";
    font-size: 46px;
    color: #717171;
}

@media (max-width: 768px) {
    .separator .separator-title {
        font-size: 32px;
        margin-bottom: 20px;
    }
}

.account-pay-section {
    background-color: #e5ebf2;
    padding: 50px 40px;
}

    .account-pay-section .account-pay-logo {
        float: left;
        margin: 7px 10px 0 0;
        width: 100px;
    }

    .account-pay-section .account-pay-text {
        margin-left: 110px;
    }

        .account-pay-section .account-pay-text p {
            font-size: 16px;
        }

            .account-pay-section .account-pay-text p:last-child {
                margin-bottom: 0;
            }

@media (min-width: 768px) and (max-width: 991px) {
    .account-pay-section .account-pay {
        margin: 0 auto;
        width: 50%;
    }
}

.account-balance {
    background-color: #7dc5c3;
    color: #fff;
    font-weight: 500;
    min-height: 145px;
    padding: 33px 0;
    text-align: center;
}

    .account-balance h2 {
        margin-top: 0;
    }

    .account-balance p {
        font-size: 16px;
    }

.pse-tabs {
    padding-top: 15px;
}

    .pse-tabs > .col-md-12 {
        position: inherit;
    }

    .pse-tabs .nav-tabs {
        border-bottom: 1px solid #006570;
    }

        .pse-tabs .nav-tabs li {
            margin-bottom: 1px;
        }

            .pse-tabs .nav-tabs li > a {
                color: #4a4a4a;
                font-size: 16px;
            }

                .pse-tabs .nav-tabs li > a:hover {
                    background-color: transparent;
                    border-color: #fff;
                }

            .pse-tabs .nav-tabs li.active > a {
                color: #006570;
                border: 0;
                border-bottom: 4px solid #006570;
                font-weight: bold;
                margin-bottom: -2px;
            }

    .pse-tabs .button-component {
        float: right;
        margin-bottom: 20px;
    }

@media screen and (max-width: 1023px) {
    .pse-tabs .nav-tabs > li {
        width: 50%;
    }

        .pse-tabs .nav-tabs > li a {
            font-size: 11px;
        }

            .pse-tabs .nav-tabs > li a.no-document {
                display: none;
            }
}

.data-table {
    float: left;
    padding-top: 40px;
    width: 100%;
}

    .data-table table {
        min-width: 1024px;
        width: 100%;
    }

        .data-table table thead {
            color: #fff;
            background: #474b55;
            text-transform: uppercase;
        }

            .data-table table thead tr th {
                padding: 10px;
            }

                .data-table table thead tr th .fa {
                    cursor: pointer;
                    font-size: 15px;
                    margin-left: 6px;
                }

                    .data-table table thead tr th .fa.fa-filter:before {
                        color: #b5b7bb;
                    }

                .data-table table thead tr th.dropdown-menu {
                    position: absolute;
                }

        .data-table table tbody tr:nth-of-type(2n+1) {
            background-color: #f1f9f8;
        }

        .data-table table tbody tr td {
            padding: 10px 8px;
        }

            .data-table table tbody tr td.headcol {
                padding-left: 10px;
            }

                .data-table table tbody tr td.headcol span.grey-icons {
                    color: #9b9b9b;
                    margin-left: 5px;
                    text-align: center;
                    width: 25px;
                }

            .data-table table tbody tr td a {
                color: #197ee3;
                margin-right: 30px;
            }

                .data-table table tbody tr td a:hover {
                    text-decoration: none;
                }

                .data-table table tbody tr td a span {
                    margin-left: 5px;
                }

                .data-table table tbody tr td a:last-child {
                    margin-right: 0;
                }

@media screen and (max-width: 1023px) {
    .data-table {
        overflow-x: auto;
    }

    .tab-content .tab-title {
        display: none;
    }

    .tab-content .button-component {
        text-align: center;
        float: none;
    }
}

#no-document-history {
    margin-bottom: 50px;
}

    #no-document-history .document-head {
        margin-bottom: 40px;
        margin-top: 20px;
    }

@media (max-width: 991px) {
    #no-document-history .document-logo {
        text-align: center;
    }

    #no-document-history .document-text {
        margin-top: 20px;
    }
}

.table-description {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 0.3px;
}

.table-head {
    color: #474b55;
    font-weight: 300;
    margin-top: 30px;
}

.pse-datatable {
    margin: 20px 0 30px;
    position: relative;
}

@media (max-width: 991px) {
    .pse-datatable {
        margin: 45px 0 20px;
    }
}

.pse-datatable thead {
    background: #474b55;
    color: #fff;
    text-transform: uppercase;
}

    .pse-datatable thead th {
        background: #474b55;
        border-bottom: 0 !important;
        font-size: 14px;
        padding: 12px 15px !important;
        position: relative;
        white-space: nowrap;
        letter-spacing: 0.3px;
    }

@media (max-width: 991px) {
    .pse-datatable thead th {
        padding: 12px 10px !important;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .pse-datatable thead th {
        font-size: 14px;
    }
}

.pse-datatable thead th:focus {
    outline: none;
}

.pse-datatable thead th .custom-filter {
    color: #bbbbbb;
    margin: 0 0 0 35px;
}

@media (max-width: 991px) {
    .pse-datatable thead th .custom-filter {
        margin: 0 0 0 20px;
    }
}

.pse-datatable thead th .custom-filter .dropdown-menu {
    color: #474b55;
}

    .pse-datatable thead th .custom-filter .dropdown-menu .filter-header {
        font-size: 16px;
        text-transform: capitalize;
    }

.pse-datatable thead th.sorting .sort-icon::after {
    content: '\f0dc';
}

.pse-datatable thead th.sorting .pse-sort-icon::after {
    content: '\f175';
}

.pse-datatable thead th.sorting_asc .sort-icon {
    border-bottom: 2px solid;
}

    .pse-datatable thead th.sorting_asc .sort-icon::after {
        content: '\f176';
    }

.pse-datatable thead th.sorting_asc .pse-sort-icon::after {
    content: '\f176';
}

.pse-datatable thead th.sorting_desc .sort-icon {
    border-bottom: 2px solid;
}

    .pse-datatable thead th.sorting_desc .sort-icon::after {
        content: '\f175';
    }

.pse-datatable thead th.sorting_desc .pse-sort-icon::after {
    content: '\f175';
}

.pse-datatable thead th .sort-icon::after {
    font-family: FontAwesome;
    margin-left: 15px;
    position: absolute;
}

@media (max-width: 991px) {
    .pse-datatable thead th .sort-icon::after {
        margin-left: 7px;
    }
}

.pse-datatable thead th .pse-sort-icon::after {
    font-family: FontAwesome;
    margin-left: 5px;
}

.pse-datatable tbody {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 1.5;
    letter-spacing: .1px;
}

@media (max-width: 991px) {
    .pse-datatable tbody {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .pse-datatable tbody {
        font-size: 14px;
    }
}

.pse-datatable tbody tr.odd, .pse-datatable tbody tr .sorting_1, .pse-datatable tbody tr .sorting_2 {
    background-color: transparent !important;
}

.pse-datatable tbody tr.even {
    background-color: rgba(208, 232, 231, 0.3);
}

    .pse-datatable tbody tr.even:hover {
        background-color: rgba(208, 232, 231, 0.3) !important;
    }

.pse-datatable tbody td {
    border-top: none !important;
    padding: 10px 10px 15px 15px !important;
}

@media (max-width: 991px) {
    .pse-datatable tbody td {
        padding: 10px 0 15px 10px !important;
    }
}

.pse-datatable tbody td .activity-data {
    font-size: 16px;
    color: #4a4a4a;
}

    .pse-datatable tbody td .activity-data:hover {
        text-decoration: none;
    }

    .pse-datatable tbody td .activity-data span {
        display: inline-block;
        vertical-align: top;
    }

@media (max-width: 991px) {
    .pse-datatable tbody td .activity-data {
        font-size: 14px;
    }

        .pse-datatable tbody td .activity-data span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 55%;
        }
}

@media (max-width: 767px) {
    .pse-datatable tbody td .activity-data.pay-link {
        color: #1771cc;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .pse-datatable tbody td .activity-data {
        font-size: 14px;
    }
}

.pse-datatable tbody td img.activity-icon {
    color: #9b9b9b;
    margin-right: 8px;
}

.pse-datatable tbody td i {
    padding-right: 5px;
}

    .pse-datatable tbody td i.activity-icon {
        color: #9b9b9b;
        float: left;
        margin-top: 5px;
        width: 25px;
    }

        .pse-datatable tbody td i.activity-icon.fa-warning {
            color: #c41f3d;
        }

    .pse-datatable tbody td i.mobile-icon {
        display: none;
        font-size: 20px;
    }

@media (max-width: 767px) {
    .pse-datatable tbody td i.mobile-icon {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .pse-datatable tbody td i.mobile-icon {
        font-size: 18px;
    }
}

.pse-datatable tbody td a {
    font-weight: 500;
}

    .pse-datatable tbody td a.download-doc {
        color: #1771cc;
        text-transform: capitalize;
    }

    .pse-datatable tbody td a.download-bill {
        color: #1771cc;
    }

        .pse-datatable tbody td a.download-bill i {
            font-weight: 600;
        }

    .pse-datatable tbody td a.open-inserturl {
        color: #197ee3;
    }

    .pse-datatable tbody td a i {
        padding-right: 10px;
    }

    .pse-datatable tbody td a.open-inserturl img {
        width: 15px;
        height: auto;
        margin-right: 10px;
    }

    .pse-datatable tbody td a + a {
        margin-left: 30px;
    }

@media (min-width: 767px) and (max-width: 1199px) {
    .pse-datatable tbody td a + a {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }
}

.pse-datatable tbody td a.tooltip-wrap {
    text-decoration: none;
}

    .pse-datatable tbody td a.tooltip-wrap i {
        padding-left: 5px;
        vertical-align: middle;
    }

.pse-datatable tbody td p {
    margin-bottom: 0;
}

.pse-datatable div.dataTables_info {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

    .pse-datatable div.dataTables_info + div.dataTables_paginate {
        display: none;
    }

.pse-datatable .dt-more-container {
    margin: 30px 0;
}

    .pse-datatable .dt-more-container .btn-load-more {
        background-color: transparent;
        border: none;
        color: #1771cc;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }

        .pse-datatable .dt-more-container .btn-load-more:hover {
            color: #004A94;
        }

@media (max-width: 767px) {
    .pse-datatable .dt-more-container .btn-load-more {
        border: 2px solid #1771cc;
        border-radius: 20px;
        padding: 7px 20px;
    }
}

.pse-datatable .dt-more-container .btn-load-more i {
    padding-left: 10px;
}

@media (max-width: 767px) {
    .pse-datatable .dt-more-container .btn-load-more i {
        display: none;
    }
}

.pse-datatable .dt-more-container .btn-load-more:focus {
    outline: none;
}

.pse-datatable table.dataTable.no-footer {
    border-bottom: 1px solid #c3c3c3;
}

@media (max-width: 767px) {
    .pse-datatable {
        border: 0;
    }
}

.btn-download {
    background-color: transparent;
    border: 2px solid #1771cc;
    border-radius: 20px;
    color: #1771cc;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 25px;
    text-transform: uppercase;
}

    .btn-download:focus {
        outline: none;
    }

    .btn-download:hover {
        border: solid 2px #004A94;
        background-color: #004A94;
        color: #fff;
    }

@media (max-width: 991px) {
    .btn-download {
        margin-top: 20px;
    }
}

.dataTables_length, .dataTables_filter {
    display: none;
}

[data-customfilter-dropdown] {
    position: absolute;
}

    [data-customfilter-dropdown] .errorMessage {
        display: none;
        top: 0;
    }

    [data-customfilter-dropdown] select {
        border-radius: 0;
    }

        [data-customfilter-dropdown] select:focus {
            border-color: #c3c3c3;
            box-shadow: none;
        }

    [data-customfilter-dropdown] select, [data-customfilter-dropdown] .checkbox label {
        text-transform: capitalize;
    }

    [data-customfilter-dropdown] .dropdown-menu {
        border: 1px solid #d8d8d8;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        border-radius: 0;
        padding: 15px;
        width: 230px;
        max-height: 280px;
        overflow-y: auto;
        margin: 0;
    }

@media (max-width: 767px) {
    [data-customfilter-dropdown] .dropdown-menu {
        width: 100%;
    }
}

[data-customfilter-dropdown] .dropdown-menu input[type="text"] {
    border-radius: 0;
}

    [data-customfilter-dropdown] .dropdown-menu input[type="text"]:focus {
        border-color: #c3c3c3;
        box-shadow: none;
    }

[data-customfilter-dropdown] .dropdown-menu label p {
    margin-bottom: 0;
}

[data-customfilter-dropdown] .dropdown-menu .close-menu.fa.fa-times {
    color: #4a4a4a;
    cursor: pointer;
    float: right;
    font-size: 20px;
}

    [data-customfilter-dropdown] .dropdown-menu .close-menu.fa.fa-times:hover {
        text-decoration: none;
    }

[data-customfilter-dropdown] .dropdown-menu .filter-header {
    color: #4a4a4a;
    font-size: 18px;
    letter-spacing: -0.3px;
    margin: 15px 0;
}

@media (max-width: 768px) {
    [data-customfilter-dropdown] .dropdown-menu .filter-header {
        font-size: 15px;
    }
}

[data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper {
    margin-top: 20px;
}

    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-clear {
        border-color: transparent;
        color: #1771cc;
    }

        [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-clear:hover {
            background-color: transparent;
            color: #004A94;
        }

    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-update {
        background-color: #1771cc;
        border-color: #1771cc;
        color: #fff;
    }

        [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-update:hover {
            border: solid 1px #004A94;
            background-color: #004A94;
        }

    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper a.btn.btn-default {
        border-radius: 25px;
        width: 100%;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

@media (max-width: 768px) {
    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper div + div {
        margin-top: 10px;
    }
}

div.datepicker > div {
    display: block;
}

.list-view-data {
    padding: 0;
    margin: 40px 0 20px 0;
}

    .list-view-data .back-btn {
        background-color: #474b55;
        color: #fff;
        display: block;
        font-size: 18px;
        padding: 10px 20px;
        text-transform: uppercase;
    }

        .list-view-data .back-btn i {
            font-size: 20px;
            padding-right: 10px;
        }

    .list-view-data ul {
        color: #4a4a4a;
        padding-left: 20px;
    }

        .list-view-data ul li {
            font-size: 16px;
            padding: 10px 0 0;
        }

            .list-view-data ul li span {
                display: inline-block;
            }

                .list-view-data ul li span .open-inserturl img {
                    width: 15px;
                    height: auto;
                    margin-right: 10px;
                }

                .list-view-data ul li span:first-child {
                    font-weight: bold;
                    width: 50%;
                }

                .list-view-data ul li span:last-child {
                    vertical-align: top;
                    width: 50%;
                }

                .list-view-data ul li span a {
                    color: #1771cc;
                    display: block;
                    font-size: 16px;
                    margin-bottom: 20px;
                }

                    .list-view-data ul li span a i {
                        padding-right: 10px;
                    }

@media (max-width: 767px) {
    th[data-filter="data-amount-filter"] .sort-icon::after, th[data-filter="data-document-filter"] .sort-icon::after {
        content: "" !important;
    }

    th[data-filter="data-amount-filter"] .custom-filter, th[data-filter="data-document-filter"] .custom-filter {
        display: none;
    }
}

@media (max-width: 767px) {
    th[data-filter="data-activity-filter"] .sort-icon::after {
        content: "" !important;
    }
}

.account-selector {
    background-color: #f2f2f2;
    border: 1px solid #c9c9c9;
    margin-top: 20px;
    padding: 17px 20px;
}

    .account-selector .account-balance .account-amt {
        font-size: 20px;
    }

.pse-tabs {
    padding-top: 15px;
}

    .pse-tabs > .col-md-12 {
        position: inherit;
    }

    .pse-tabs .nav-tabs {
        border-bottom: 2px solid #80b3b9;
    }

        .pse-tabs .nav-tabs li {
            margin-bottom: 1px;
        }

            .pse-tabs .nav-tabs li > a {
                color: #000;
            }

            .pse-tabs .nav-tabs li.active > a {
                border: 0;
                border-bottom: 4px solid #006570;
                color: #006570;
                font-weight: bold;
                margin-bottom: -1px;
            }

    .pse-tabs .tab-content {
        padding-top: 20px;
    }

    .pse-tabs .button-component {
        float: right;
    }

.data-table {
    float: left;
    padding-top: 40px;
    width: 100%;
}

    .data-table table {
        min-width: 1024px;
        width: 100%;
    }

        .data-table table tr {
            border-bottom: 1px solid #c4c4c4;
        }

        .data-table table thead tr th {
            padding-bottom: 10px;
        }

            .data-table table thead tr th span {
                padding-left: 10px;
            }

            .data-table table thead tr th .fa {
                cursor: pointer;
                font-size: 20px;
            }

        .data-table table td {
            padding: 10px 8px;
        }

            .data-table table td.headcol {
                padding-left: 10px;
            }

            .data-table table td a {
                color: #333;
                text-decoration: underline;
            }

@media only screen and (max-width: 768px) {
    .account-selector {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
    }

        .account-selector .account-pay-mobile h3 {
            margin-top: 0;
        }

        .account-selector .account-pay-section .account-balance {
            padding-right: 0;
        }

        .account-selector .account-pay-section .account-details {
            background: #ebf6f5;
            padding: 20px 10px;
            text-align: center;
        }

            .account-selector .account-pay-section .account-details .details-logo {
                padding-right: 0;
            }

                .account-selector .account-pay-section .account-details .details-logo .account-details-logo {
                    margin: 0;
                }

            .account-selector .account-pay-section .account-details .details-text {
                padding-left: 15px;
                text-align: left;
            }

        .account-selector .account-balance {
            background: #7dc5c3;
            padding: 20px 10px;
        }

            .account-selector .account-balance button {
                background-color: #197ee3;
                border: 0;
                border-radius: 15px;
                color: #fff;
            }

    .data-table table {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .account-selector .account-balance button {
        padding: 9px 0;
        width: 180px;
    }
}

h2.outage-map {
    font-weight: 300;
}

@media (min-width: 992px) {
    h2.outage-map {
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    h2.outage-map {
        padding: 25px 0 5px 0;
        font-size: 32px;
        color: #474b55;
    }
}

.report-section {
    text-align: right;
}

@media (max-width: 768px) {
    .report-section {
        text-align: center;
        margin: 36px 0 22px;
    }
}

.report-section .report-outage {
    background-color: #fff;
    border: 2px solid #1771cc;
    color: #1771cc;
    padding: 7px 35px;
    font-size: 16px;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
}

@media (max-width: 768px) {
    .report-section .report-outage {
        font-size: 20px;
    }
}

.report-section .report-outage:active:focus {
    outline: none;
    box-shadow: none;
}

.report-section .report-outage:hover, .report-section .report-outage:focus {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff;
}

.out-content {
    margin-top: 3px;
}

    .out-content p {
        color: #4a4a4a;
        font-family: "roboto-regular";
        font-size: 16px;
        line-height: 1.33;
        letter-spacing: .1px;
    }

@media (max-width: 768px) {
    .out-content p {
        font-size: 16px;
    }
}

.followus-link a {
    text-decoration: none;
}

.followus-link .follow-desktop {
    padding: 15px 0 54px;
}

    .followus-link .follow-desktop p {
        padding-left: 25px;
        color: #1771cc;
        letter-spacing: .4px;
        font-family: "roboto-medium";
        font-weight: 500;
    }

    .followus-link .follow-desktop .twit-icon {
        float: left;
        margin-top: 2px;
    }

.followus-link .twit-icon {
    color: #1771cc;
    font-size: 18px;
}

@media (max-width: 768px) {
    .followus-link .twit-icon {
        color: #197ee3;
    }
}

.followus-link .follow-mobile {
    text-align: center;
    padding-bottom: 30px;
}

    .followus-link .follow-mobile p {
        color: #197ee3;
        font-family: "roboto-medium";
        font-size: 16px;
        font-weight: 500;
    }

        .followus-link .follow-mobile p .twit-icon {
            padding: 0;
        }

    .followus-link .follow-mobile span {
        color: #197ee3;
        font-size: 18px;
        font-family: "roboto-medium";
        font-weight: bold;
        position: relative;
        bottom: 2px;
    }

body.iosBugFixCaret.modal-open {
    position: fixed;
    width: 100%;
}

.gm-style-iw {
    width: 460px !important;
    height: auto !important;
    max-height: 470px !important;
    overflow: visible !important;
    background-color: #fff;
    top: 8px !important;
    font-weight: 300;
    font-size: 13px;
    overflow: hidden;
    background: #fff;
}

@media (max-width: 767px) {
    .gm-style-iw {
        width: 350px !important;
        left: 0 !important;
        top: 64px !important;
    }
}

.related-links.outage {
    background-color: #f6f6f6;
}

    .related-links.outage h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

@media (max-width: 768px) {
    .related-links.outage h3 {
        font-size: 32px;
        text-align: center;
        margin-bottom: 15px;
    }
}

.related-links.outage .more-section {
    position: relative;
}

@media (max-width: 768px) {
    .related-links.outage .more-section {
        margin-bottom: 20px;
    }
}

.related-links.outage .more-section .related-info p {
    font-size: 19px;
}

.related-links.outage .more-section .related-info a {
    position: absolute;
    bottom: 0;
    text-decoration: none;
}

    .related-links.outage .more-section .related-info a i {
        margin-left: 5px;
    }

.outage-related-links {
    margin: 70px 0 40px;
}

    .outage-related-links h5 {
        margin-bottom: 30px;
        font-family: "roboto-light";
        font-size: 32px;
        font-weight: 300;
    }

@media (max-width: 768px) {
    .outage-related-links h5 {
        text-align: center;
    }
}

.outage-related-links ul {
    margin-top: 15px;
}

@media (max-width: 768px) {
    .outage-related-links ul {
        text-align: center;
    }
}

.outage-related-links ul li {
    display: inline-block;
}

@media (max-width: 768px) {
    .outage-related-links ul li {
        margin-top: 10px;
    }
}

.outage-related-links ul li > a {
    border-left: 2px solid #1771cc;
    color: #1771cc;
    font-size: 16px;
    font-weight: 500;
    padding: 0 15px 0px;
    text-decoration: none;
    font-family: "roboto-medium";
}

.outage-related-links ul li:first-child > a {
    border-left-width: 0;
    padding-left: 0;
}

.map-container {
    position: relative;
}

@media (max-width: 768px) {
    .map-container {
        float: left;
        width: 100%;
    }
}

.map-container #map {
    width: 100%;
    height: 690px;
}

    .map-container #map .gm-style .gm-style-iw-d.custom-gm-style-iw-d {
        max-width: 100% !important;
    }

    .map-container #map .gm-style .custom-gm-style-iw-c {
        padding-left: 0;
        border-radius: 0;
        max-width: 100% !important;
    }

    .map-container #map .gm-style .gm-style-iw-t::after {
        display: none;
    }

    .map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect {
        top: 20px !important;
        right: 20px !important;
    }

        .map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect img {
            width: 20px !important;
            height: 20px !important;
        }

    .map-container #map .add-notify {
        background-color: #f6f6f6;
        color: #1771cc;
        float: left;
        height: inherit;
        padding: 32px 0;
        text-align: center;
        width: 100%;
    }

        .map-container #map .add-notify > a {
            color: inherit;
            outline: none;
            text-decoration: none;
            font-size: 18px;
        }

            .map-container #map .add-notify > a span {
                color: #1771cc;
                display: inline-block;
                font-family: "roboto-condensed-bold";
                font-weight: bold;
                font-size: 20px;
                line-height: .7;
                outline: none;
            }

            .map-container #map .add-notify > a > i {
                display: inline-block;
                font-size: 20px;
                padding-left: 20px;
            }

    .map-container #map #bodyContent .description {
        float: left;
        padding: 0 0 87px 51px;
        width: 100%;
    }

@media (max-width: 991px) {
    .map-container #map #bodyContent .description {
        padding-left: 26px;
    }
}

.map-container #map #bodyContent .description h6 {
    margin: 0;
    padding: 60px 0 27px;
    font-family: "roboto-light";
}

@media (max-width: 991px) {
    .map-container #map #bodyContent .description h6 {
        font-size: 32px;
    }
}

.map-container #map #bodyContent .description > ul > li {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: .3px;
}

@media (max-width: 991px) {
    .map-container #map #bodyContent .description > ul > li {
        font-size: 14px;
    }
}

.map-container #map #bodyContent .description > ul > li span {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

    .map-container #map #bodyContent .description > ul > li span:first-child {
        font-family: "roboto-medium";
        font-weight: 500;
    }

.map-container.outage #report-outage-button-container {
    padding: 10px 15px;
    width: 375px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #1771cc;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

    .map-container.outage #report-outage-button-container a {
        display: block;
        color: #fff;
        font-family: Roboto-medium;
        font-size: 16px;
        line-height: 18px;
        padding-left: 0;
        padding-right: 0;
        text-decoration: none;
    }

        .map-container.outage #report-outage-button-container a .fa-chevron-right {
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 12px 15px;
        }

@media (max-width: 991px) {
    .map-container.outage .gm-fullscreen-control, .map-container.outage .gmnoprint .gm-style-mtc {
        bottom: 14px !important;
    }
}

.map-container.projects #map #bodyContent .description {
    padding: 50px 0 87px 51px;
}

    .map-container.projects #map #bodyContent .description h6 {
        padding: 0;
    }

.retailers #pse-maps-location-search input {
    width: 100%;
}

.retailers #pse-maps-location-search span .pse-search-icon {
    right: 26px;
    top: 16px;
}

.retailers .gm-style-iw {
    max-height: 600px !important;
}

.retailers #pse-maps-retailers-filter {
    float: left;
}

@media (max-width: 991px) {
    .retailers #pse-maps-retailers-filter {
        width: 100%;
        margin-top: 20px;
    }
}

.retailers #pse-maps-retailers-filter button {
    width: 180px;
    background: transparent;
    border-radius: 0;
    border-color: #979797;
}

.retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector {
    top: 31px;
    min-width: 180px;
    border-radius: 0;
    padding-bottom: 20px;
}

    .retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector .clear {
        color: #1771cc;
        display: inline-block;
        border: none;
        width: auto;
        font-family: "roboto-regular";
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        outline: none;
        text-decoration: none;
        margin: 20px 4px 0;
    }

    .retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector .update {
        border-radius: 25px;
        width: 84px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        border-color: #1771cc;
        background: #1771cc;
        outline: none;
        margin: 20px 4px 0;
    }

.retailers #pse-maps-retailers-filter #pse-search-filter, .retailers #pse-maps-retailers-filter .caret {
    color: #4a4a4a;
}

@media (min-width: 768px) {
    .map-notification-modal .modal-md {
        width: 460px;
        margin: 100px auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .map-notification-modal .modal-md {
        width: 472px;
    }
}

.map-notification-modal .notification-modal {
    background-color: #f6f6f6;
    padding: 51px 40px 51px 40px;
    display: inline-block;
    width: 100%;
}

    .map-notification-modal .notification-modal h3 {
        color: #4a4a4a;
        font-family: "roboto-light";
        font-size: 24px;
        font-weight: 300;
        margin-top: 0;
    }

    .map-notification-modal .notification-modal p {
        color: #4a4a4a;
        font-family: "roboto-regular";
        font-size: 16px;
        line-height: 1.19;
    }

.map-notification-modal .form-main {
    float: left;
    margin: 28px 0 0;
    width: 100%;
}

    .map-notification-modal .form-main .custom-textfield {
        height: 66px;
        border: 1px solid #979797;
        background-color: #fff;
        margin-bottom: 30px;
    }

        .map-notification-modal .form-main .custom-textfield input {
            background-color: #fff;
            color: #242424;
            font-family: "roboto-light";
            font-size: 20px;
            padding: 0 8px;
            border: none;
        }

        .map-notification-modal .form-main .custom-textfield .form-control:focus + .form-control-placeholder {
            color: #717171;
            font-size: 12px;
            font-weight: bold;
        }

        .map-notification-modal .form-main .custom-textfield .form-control::-ms-clear {
            display: none;
        }

        .map-notification-modal .form-main .custom-textfield #interative-map-phone-number + label {
            width: 100%;
        }

    .map-notification-modal .form-main .back {
        color: #1771cc;
        cursor: pointer;
        display: inline-block;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        font-weight: bold;
        margin-right: 40px;
    }

        .map-notification-modal .form-main .back .fa {
            font-size: 14px;
            position: relative;
            top: -1px;
            padding-right: 10px;
        }

    .map-notification-modal .form-main .btn {
        background-color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        padding: 6px 0;
        width: 125px;
    }

        .map-notification-modal .form-main .btn[disabled]:hover {
            color: inherit;
        }

.outage-map-list {
    border-top: 1px solid #c3c3c3;
}

    .outage-map-list .map-view {
        display: none;
    }

        .outage-map-list .map-view .map-change-icon .map-icon {
            font-size: 24px;
        }

    .outage-map-list .map-view,
    .outage-map-list .list-view {
        border-left: 1px solid #979797;
        border-right: 1px solid #979797;
        max-width: 200px;
        text-align: center;
        min-height: 80px;
        padding-top: 20px;
    }

        .outage-map-list .map-view span,
        .outage-map-list .list-view span {
            padding: 0 10px 0 10px;
            font-weight: bold;
            font-size: 20px;
            color: #1771cc;
            font-family: "roboto-condensed-bold";
            letter-spacing: .4px;
        }

        .outage-map-list .map-view a,
        .outage-map-list .list-view a {
            text-decoration: none;
        }

    .outage-map-list .outage-maps-search {
        padding: 19px 0 13px;
        display: inline-block;
        width: 100%;
        position: relative;
    }

@media (max-width: 768px) {
    .outage-map-list .outage-maps-search {
        text-align: center;
        padding: 14px 0 13px;
    }
}

.outage-map-list .outage-maps-search input {
    color: #717171;
    font-family: "roboto-regular";
    font-size: 18px;
    padding: 6px 30px 6px 15px;
    width: 405px;
    height: 45px;
    border-radius: 0;
    display: inline-block;
    border-color: #979797;
}

@media (max-width: 768px) {
    .outage-map-list .outage-maps-search input {
        width: 100%;
        height: 48px;
    }
}

.outage-map-list .outage-maps-search span .pse-search-icon {
    color: #717171;
    position: absolute;
    right: 14px;
    top: 35px;
    cursor: pointer;
}

.outage-map-list .total-outage-customer {
    font-size: 16px;
    font-family: "roboto-regular";
    background: #474b55;
    color: #fff;
    padding: 10px 0 8px;
    text-align: center;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer {
        float: left;
        width: 100%;
        padding: 11px 18px;
    }
}

.outage-map-list .total-outage-customer span {
    padding-right: 5px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer span {
        font-size: 13px;
    }
}

.outage-map-list .total-outage-customer .energy-cons {
    float: left;
    padding-right: 12px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .energy-cons {
        font-size: 40px;
        padding-right: 35px;
    }

        .outage-map-list .total-outage-customer .energy-cons img {
            width: 30px;
            height: 49px;
        }
}

.outage-map-list .total-outage-customer .outage-total {
    display: inline-block;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total {
        text-align: left;
        float: left;
    }
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total .outage-total-count {
        font-size: 32px;
        bottom: 0;
        font-family: "roboto-light";
        line-height: 1.25;
    }
}

.outage-map-list .total-outage-customer .outage-total .fa {
    font-size: 25px;
}

.outage-map-list .total-outage-customer .outage-total span {
    position: relative;
    bottom: 5px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total span {
        display: block;
        bottom: 0;
    }
}

.outage-map-list .total-outage-customer .outage-total::after {
    content: "|";
    margin-right: 10px;
    padding-left: 10px;
    position: relative;
    top: -6px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total::after {
        content: none;
    }
}

.outage-map-list .total-outage-customer .customer-affect {
    display: inline-block;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .customer-affect {
        float: right;
        width: 50%;
    }
}

.outage-map-list .total-outage-customer .customer-affect span {
    float: left;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .customer-affect .customer-affect-total {
        width: 100%;
        text-align: left;
        font-size: 32px;
        font-family: "roboto-light";
        line-height: 1.25;
    }
}

.outage-map-list .map-change-icon,
.outage-map-list .list-view-icon {
    color: #1771cc;
    cursor: pointer;
    font-size: 24px;
    padding: 10px;
}

@media (min-width: 992px) {
    .outage-map-list .map-change-icon,
    .outage-map-list .list-view-icon {
        padding-left: 20px;
    }
}

.outage-map-list .list-content {
    display: none;
    background-color: #f6f6f6;
}

@media (max-width: 768px) {
    .outage-map-list .list-content {
        float: left;
        width: 100%;
        border-bottom: 1px solid #c3c3c3;
    }
}

.outage-map-list .list-content .map-button-view {
    text-align: center;
    padding: 20px 0;
}

.outage-map-list .list-content .h7 {
    letter-spacing: .4px;
    line-height: .79;
    padding: 40px 0 25px 25px;
}

@media (max-width: 768px) {
    .outage-map-list .list-content .h7 {
        margin-top: 50px;
        text-align: center;
        font-size: 20px;
        padding: 40px 0 9px 0;
    }
}

.outage-map-list .list-content ul {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 15px;
    padding: 0 0 15px 46px;
}

@media (max-width: 768px) {
    .outage-map-list .list-content ul {
        padding: 0 0 15px 22px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .outage-map-list .list-content ul {
        min-height: 226px;
    }
}

.outage-map-list .list-content ul > li {
    color: #4a4a4a;
}

    .outage-map-list .list-content ul > li > span {
        font-family: "roboto-light";
        font-size: 14px;
        font-weight: normal;
        min-width: 146px;
        max-width: 146px;
        display: inline-block;
        line-height: 1.36;
        vertical-align: middle;
    }

        .outage-map-list .list-content ul > li > span:first-child {
            font-family: "roboto-medium";
            font-weight: 500;
        }

@media (min-width: 992px) {
    .outage-map-list .list-content #mapListData:nth-child(9n+7) ul, .outage-map-list .list-content #mapListData:nth-child(9n+8) ul, .outage-map-list .list-content #mapListData:nth-child(9n+9) ul {
        border-bottom: none;
    }
}

@media (max-width: 768px) {
    .outage-map-list .list-content #mapListData:nth-child(9n+9) ul {
        border-bottom: none;
    }
}

.outage-map-list .list-content .controls {
    text-align: center;
    padding: 10px 0 0;
}

    .outage-map-list .list-content .controls .pnumbers {
        display: inline-block;
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 14px;
    }

        .outage-map-list .list-content .controls .pnumbers a:first-child {
            margin-left: 0;
        }

@media (max-width: 767px) {
    .outage-map-list .list-content .controls .pnumbers {
        margin-bottom: 15px;
    }
}

.outage-map-list .list-content .controls .pnumbers.active a {
    font-family: "roboto-condensed-bold";
    color: #006671;
    border-bottom: 4px solid #006671;
    padding-bottom: 12px;
}

.outage-map-list .list-content .controls a {
    font-family: "roboto-light";
    font-size: 16px;
    line-height: 1.19;
    color: #4a4a4a;
    padding: 0 11px;
    margin: 0 10px;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    .outage-map-list .list-content .controls a {
        font-size: 14px;
        padding: 0 8px;
        margin: 0;
    }
}

.outage-map-list .list-content .controls .fa {
    color: #c1c1c1;
    font-size: 14px;
}

.outage-map-list .list-content .controls span:nth-last-child(2) a {
    margin-right: 0;
}

.outage-map-list .list-content .listView-title {
    color: #006671;
    font-weight: 500;
    font-family: "roboto-medium";
    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 1.25;
    margin-bottom: 5px;
    display: inline-block;
}

@media (min-width: 992px) {
    .outage-map-list .list-content .listView-title {
        padding-left: 25px;
    }
}

.outage-map-list .list-content:nth-last-child(1) > ul, .outage-map-list .list-content:nth-last-child(2) > ul, .outage-map-list .list-content:nth-last-child(3) > ul {
    border-bottom: 0;
}

.legend-accordion {
    border-bottom: 1px solid #c3c3c3;
    height: 70px;
    padding-top: 18px;
}

@media (max-width: 768px) {
    .legend-accordion {
        height: 60px;
        padding-top: 10px;
        float: left;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .legend-accordion .legend-view-more-less {
        width: 32%;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .legend-accordion .legend-view-more-less {
        width: 38%;
    }
}

@media (max-width: 992px) {
    .legend-accordion .legend-view-more-less {
        width: 50%;
    }
}

.legend-accordion .legend-view-more-less p.title-legend, .legend-accordion .legend-view-more-less span.inner-txt {
    color: #474b55;
    font-family: "roboto-light";
    font-size: 24px;
    font-weight: 300;
}

.legend-accordion .legend-view-more-less .title-legend .fa {
    padding-right: 3px;
    font-size: 30px;
}

.legend-accordion .legend-link {
    padding: 2px 0;
}

@media (max-width: 768px) {
    .legend-accordion .legend-link {
        text-align: right;
    }
}

.legend-accordion .legend-link a.legend {
    color: #1771cc;
    display: block;
    font-size: 20px;
    font-weight: bold;
    font-family: "roboto-condensed-bold";
    position: relative;
    text-decoration: none;
}

    .legend-accordion .legend-link a.legend .arrow-updown {
        padding-left: 10px;
        margin-top: 5px;
    }

    .legend-accordion .legend-link a.legend .less {
        display: none;
    }

@media (max-width: 991px) {
    .legend-accordion-body {
        float: left;
    }
}

.legend-accordion-body #collapseLegend .legends-section {
    padding-top: 35px;
}

@media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section {
        padding-top: 18px;
        padding-left: 0;
    }
}

.legend-accordion-body #collapseLegend .legends-section .media-heading {
    font-family: "roboto-medium";
    font-size: 16px;
}

.legend-accordion-body #collapseLegend .legends-section p {
    font-family: "roboto-regular";
    font-size: 14px;
}

@media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section p {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section .media {
        margin-bottom: 0;
    }
}

.legend-accordion-body #collapseLegend .legends-section ul {
    padding-left: 20px;
    list-style: unset;
}

.legend-accordion-body #collapseLegend > .container {
    padding-bottom: 30px;
}

#map .modal.in:after {
    content: "";
    width: 100%;
    display: block;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

#OutageListTable {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    #OutageListTable .listView-container {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex: 1 33.3%;
    }

@media (max-width: 768px) {
    .map-area-btn {
        margin-top: 20px;
        text-align: center;
        position: absolute;
        z-index: 1;
        right: 0;
    }

        .map-area-btn .fa {
            padding-right: 10px;
        }
}

@media (max-width: 767px) {
    a.prev, a.next {
        padding: 0 !important;
    }
}

#interactiveMapNotify #hiddenRecaptcha-error {
    margin-top: 10px;
}

.outage.main-container {
    margin-bottom: 0;
}

.map-container #map .home-marker-iw-c {
    width: 220px !important;
    height: 110px !important;
    top: 5px !important;
}

.map-container #map .home-marker-iw-d {
    margin-top: 15px;
    padding: 0px 10px;
}

    .map-container #map .home-marker-iw-d .user-home-location-status {
        font-family: roboto-medium;
    }

    .map-container #map .home-marker-iw-d .home-power-status {
        font-family: roboto-regular;
        font-size: 12px;
        line-height: 16px;
    }

    .map-container #map .home-marker-iw-d .home-marker-infowindow {
        margin-top: 5px;
        font-family: roboto-regular;
        font-size: 12px;
        line-height: 16px;
    }

.map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect.home-marker-close-button {
    top: 0 !important;
    right: 5px !important;
}

.new-outage-map h2.outage-map {
    margin-top: 0;
    margin-bottom: -10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map h2.outage-map {
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .report-outage-button-div {
        width: 100%;
    }
}

.new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container {
    padding: 10px 15px;
    width: 375px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #1771cc;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container {
        width: 100%;
    }
}

.new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container a {
    display: block;
    color: #fff;
    font-family: Roboto-medium;
    font-size: 16px;
    line-height: 18px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
}

    .new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container a .fa-chevron-right {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 12px 15px;
    }

@media (max-width: 991px) {
    .new-outage-map .map-container.outage .gm-fullscreen-control {
        bottom: 14px !important;
    }
}

@media (max-width: 991px) {
    .new-outage-map .map-container.outage .gmnoprint .gm-style-mtc {
        bottom: 14px !important;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c {
    position: fixed;
    left: calc(50% - 187px);
    padding-left: 0;
    border-radius: 0;
    padding-top: 0px;
    top: calc(50% + 252px) !important;
    width: 375px !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-shadow: none;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c {
        width: 100% !important;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c #report-outage-details-container {
    padding: 10px 15px 12px 15px;
    width: 375px;
    background-color: #ED9F1B;
    color: #fff;
    font-family: roboto-medium;
    font-size: 16px;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c #report-outage-details-container {
        width: 100%;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container {
    text-align: center;
    display: block;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker {
        background: #ed9f1b;
        border-radius: 30px;
        height: 56px;
        margin: 20px 15px 10px 15px;
        display: block;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker {
        width: 335px;
        margin: 20px auto 10px;
    }
}

@media (min-width: 992px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker {
        width: 335px;
        margin: 20px auto 10px;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker {
    display: inline-block;
    width: 20%;
    text-align: center;
    height: 56px;
    position: relative;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(1) {
        left: -35px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(2) {
        left: -5px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(3) {
        left: 20px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) {
        left: 42px;
    }

@media (min-width: 400px) and (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) .status-selected {
        margin-left: 14px;
    }
}

@media (max-width: 400px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) .status-selected {
        margin-left: 6px;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker .status-selected {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 56px;
    height: 56px;
    background: #edc21b;
    padding-left: 10px !important;
    border: 2px solid #fff;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker .status-selected .img-tracker {
        opacity: 1;
    }

.new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker .img-tracker {
    width: 24px;
    height: 24px;
    margin-top: 15px;
    margin-right: 10px;
    opacity: 0.7;
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text {
    display: block;
    margin: 0 auto;
    width: 335px;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text {
        width: 100%;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text {
    font-size: 14px;
    display: inline-block;
    width: 24%;
    vertical-align: text-top;
    font-family: roboto-regular;
    line-height: 1.25;
    position: relative;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(1) {
        left: -15px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(3) {
        left: 10px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(4) {
        left: 18px;
    }

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(1) {
        left: -10px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(3) {
        left: 5px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(4) {
        left: 4px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(4) {
        left: 16px;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected {
    font-family: roboto-medium;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(2) {
        left: -2px;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(3) {
        left: 8px;
    }

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(3) {
        left: 4px;
    }
}

@media (min-width: 400px) and (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(3) {
        left: -2px;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description {
    padding: 20px 0 20px 20px !important;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description h6 {
        padding: 0 0 22px !important;
        font-family: roboto-medium !important;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description .notify-link {
        padding-bottom: 15px;
    }

        .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description .notify-link a.a-notify-link {
            color: #1771cc;
            font-family: roboto-medium;
            text-decoration: underline;
        }

            .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description .notify-link a.a-notify-link img {
                height: 16px;
                vertical-align: text-bottom;
                margin-right: 5px;
            }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description ul li {
        font-size: 14px !important;
        border-bottom: 1px solid #d2d2d2;
        margin-right: 20px;
        padding: 3px;
    }

        .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description ul li:last-child {
            border: 0;
        }

        .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description ul li span {
            font-family: "roboto-regular" !important;
            font-size: 16px !important;
            color: #707070 !important;
        }

            .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description ul li span:first-child {
                font-family: "roboto-regular" !important;
                font-size: 16px !important;
                color: #707070 !important;
            }

.new-outage-map .map-container.outage .custom-gm-style-iw-c button.custom-gm-ui-hover-effects img {
    display: none !important;
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c button.custom-gm-ui-hover-effects.fa.fa-close {
    color: #fff;
    font-size: 20px;
    top: 5px !important;
    right: 9px !important;
    opacity: 1;
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify {
    background-color: #ffecc9 !important;
    color: #4a4a4a !important;
    float: left;
    height: inherit;
    padding: 18px !important;
    text-align: left !important;
    width: 100%;
    font-size: 16px !important;
    font-family: 'Roboto-regular' !important;
    font-weight: normal;
    border-bottom: 4px solid #ED9F1B;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify a {
        text-decoration: underline !important;
        color: #1771cc !important;
        font-size: 16px !important;
        font-family: 'Roboto-regular' !important;
    }

.new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify-myoutage {
    background-color: #ffecc9 !important;
    color: #4a4a4a !important;
    float: left;
    height: inherit;
    padding: 18px !important;
    text-align: left !important;
    width: 100%;
    font-size: 16px !important;
    border-bottom: 4px solid #ed9f1b;
    font-family: 'Roboto-regular' !important;
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #myoutage-container h6 {
    font-size: 20px !important;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel {
        left: 0;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description .no-outage-content {
    padding-bottom: 20px !important;
    font-size: 14px;
    font-family: 'roboto-regular';
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #dropdown-container {
    width: 320px;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #dropdown-container #btn-show-dropdown {
        background: none;
        border: none;
    }

.new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts {
    position: absolute;
    background: #fff;
    border: 1px solid;
    border-right: none;
    width: 320px;
    overflow-y: auto;
    height: auto;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts {
        width: 320px !important;
        border: 1px solid;
    }
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li {
    font-size: 16px !important;
    border-bottom: 0px;
    padding: 8px 0 !important;
    cursor: default;
}

    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li:hover {
        background-color: #c1e7e3;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li:first-child {
        padding-top: 16px !important;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li .account-selector-image {
        padding-right: 8px;
        padding-left: 8px;
        vertical-align: middle;
    }

    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li.no-outage {
        padding-left: 16px !important;
    }

.new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description ul li span, .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description ul li span:first-child {
    font-family: roboto-regular !important;
    font-size: 16px !important;
    color: #707070 !important;
}

.new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel .add-notify {
    background-color: #eec28d !important;
}

.new-outage-map .map-container.outage #pse-search-div {
    left: 0;
    width: 100%;
}

    .new-outage-map .map-container.outage #pse-search-div .search {
        width: 100%;
        margin: 0 auto;
    }

@media (max-width: 767px) {
    .new-outage-map .map-container.outage #pse-search-div .search {
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .map-container.outage #pse-search-div .view-type {
        width: 100%;
    }
}

.new-outage-map .map-container.outage #pse-search-div .outage-maps-search {
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search {
        text-align: left;
    }
}

.new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
    position: relative;
    bottom: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
        width: 365px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
        width: 365px;
        right: 5%;
    }
}

.new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px !important;
}

@media (min-width: 1200px) {
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
        right: 34%;
        top: 22px;
    }
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
        right: 3% !important;
        top: 18px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
        right: 53% !important;
        top: 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
        right: 37% !important;
        top: 22px;
    }
}

.new-outage-map .map-container.outage #NotifyMeOutagePanel {
    position: absolute;
    right: 0;
    top: 84px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage #NotifyMeOutagePanel {
        width: 100% !important;
    }
}

.new-outage-map .map-container.outage #NotifyMeOutagePanel .custom-gm-style-iw-c {
    background: #f6f6f6;
    position: relative;
    display: none;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage #NotifyMeOutagePanel .custom-gm-style-iw-c {
        width: 100% !important;
        left: 0 !important;
    }
}

.new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-title-container {
    padding: 10px 15px 12px 15px;
    width: 375px;
    background-color: #717171;
    color: #fff;
    font-family: roboto-medium;
    font-size: 16px;
}

@media (max-width: 767px) {
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-title-container {
        width: 100% !important;
    }
}

.new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-title-container #closenotify.fa-close {
    color: #fff;
    font-size: 20px;
    top: 8px !important;
    background: none;
    border: 0;
    position: absolute;
    right: 9px !important;
    opacity: 1;
}

.new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container {
    padding: 20px 20px 20px 20px;
    border-bottom: 4px solid #717171;
}

    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .custom-textfield input {
        background-color: #fff !important;
        color: #242424 !important;
        font-family: "roboto-light" !important;
        font-size: 20px !important;
        padding: 0 8px !important;
        border: none !important;
    }

    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .notify-btn {
        text-align: center;
    }

        .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .notify-btn .btn {
            background-color: #1771cc;
            font-family: "roboto-condensed-bold";
            font-size: 18px;
            padding: 6px 0;
            width: 125px;
            cursor: pointer;
            outline: none;
        }

    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .back {
        color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        text-align: center;
        padding-top: 6px;
        cursor: pointer;
    }

        .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .back .fa-close {
            padding-left: 5px;
            font-size: 20px;
        }

.new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container {
    height: 365px;
    text-align: center;
    padding: 20px 20px 20px 20px;
    border-bottom: 4px solid #717171;
    display: none;
}

    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container #notifyme-confirmation-content {
        padding: 15px 15px 0px 15px;
    }

    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container .notify-close {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 40px;
        color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        text-align: center;
        padding-top: 6px;
        cursor: pointer;
    }

        .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container .notify-close .fa-close {
            padding-left: 5px;
            font-size: 20px;
        }

    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container .fa-check-circle-o {
        font-size: 80px;
        color: #717171;
    }

.new-outage-map .list-pse-search-txt {
    width: 100%;
}

.new-outage-map .switch-view {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.new-outage-map .new-list-view {
    border: none !important;
}

    .new-outage-map .new-list-view .list-content .outage-accordion-container ul {
        border: 0;
    }

        .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li {
            font-size: 18px;
        }

            .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li:last-child {
                font-size: 14px;
            }

                .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li:last-child span {
                    font-size: 14px;
                }

            .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li > span {
                font-size: 18px;
                font-family: roboto-medium;
                min-width: 0;
                max-width: 100%;
            }

                .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li > span:last-child {
                    margin-left: 5px;
                }

    .new-outage-map .new-list-view .listViewSection {
        position: relative;
        padding: 0px;
    }

        .new-outage-map .new-list-view .listViewSection .list-view-header {
            margin-top: 35px;
            color: #4a4a4a;
            font-family: "roboto-light";
            font-size: 24px;
            font-weight: 300;
            margin-left: 55px;
        }

@media (max-width: 767px) {
    .new-outage-map .new-list-view .listViewSection .list-view-header {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .new-list-view .listViewSection .list-view-header {
        position: absolute;
        margin-top: 80px;
    }
}

.new-outage-map .new-list-view .listViewSection #OutageListTable {
    margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .new-list-view .listViewSection #OutageListTable {
        margin-top: 50px;
    }
}

.new-outage-map .new-list-view .listViewSection .outage-button-container {
    padding: 0;
}

    .new-outage-map .new-list-view .listViewSection .outage-button-container .outage-accordion-container {
        position: absolute;
        z-index: 1;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .new-list-view .listViewSection .listview-row {
        position: relative;
    }
}

@media (max-width: 767px) {
    .new-outage-map .new-list-view .listViewSection .listview-row {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-title {
        display: flex;
        order: 3;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
        right: 12%;
        top: 34px;
    }
}

@media (min-width: 1200px) {
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
        margin-left: 375px;
        top: -32px;
        position: relative;
    }
}

@media (max-width: 991px) {
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
        right: 3%;
        top: 30px;
    }
}

@media (max-width: 767px) {
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar {
        display: flex;
        order: 2;
        margin-top: 35px;
    }
}

@media (max-width: 767px) {
    .new-outage-map .new-list-view .listViewSection .listview-row .outage-button-container {
        display: flex;
        order: 1;
    }
}

@media (max-width: 767px) {
    .new-outage-map .new-list-view .listViewSection .listview-row .outage-button-container #outage-map-list-report-outage {
        width: 100%;
    }
}

.new-outage-map .new-list-view .list-view {
    padding-right: 0px;
}

.new-outage-map .new-list-view .list-view, .new-outage-map .new-list-view .map-view {
    text-align: right !important;
    border: none !important;
    max-width: 100% !important;
    padding-top: 14px;
    min-height: 65px !important;
}

@media (max-width: 768px) {
    .new-outage-map .new-list-view .list-view, .new-outage-map .new-list-view .map-view {
        padding-top: 28px;
    }
}

.new-outage-map .new-list-view .list-view .map-change-icon, .new-outage-map .new-list-view .list-view .list-view-icon, .new-outage-map .new-list-view .map-view .map-change-icon, .new-outage-map .new-list-view .map-view .list-view-icon {
    padding-right: 0px !important;
}

@media (max-width: 767px) {
    .new-outage-map .new-list-view .list-view span, .new-outage-map .new-list-view .map-view span {
        padding: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .new-list-view .list-view, .new-outage-map .new-list-view .map-view {
        padding-top: 24px !important;
    }
}

.new-outage-map .new-list-view .search {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.new-outage-map .new-list-view #report-outage-list-button-container {
    padding: 10px 15px;
    width: 375px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #1771cc;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    float: right;
}

@media (max-width: 767px) {
    .new-outage-map .new-list-view #report-outage-list-button-container {
        width: 100%;
    }
}

.new-outage-map .new-list-view #report-outage-list-button-container a {
    display: block;
    color: #fff;
    font-family: Roboto-medium;
    font-size: 16px;
    line-height: 18px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
}

    .new-outage-map .new-list-view #report-outage-list-button-container a .fa-chevron-right {
        position: absolute;
        right: 0;
        padding: 12px 15px;
        margin-top: -10px;
    }

@media (max-width: 768px) {
    .new-outage-map .outage-map-list.new-list-view .map-list-view {
        padding-left: 0px !important;
        padding-right: 10px !important;
    }
}

.new-outage-map .outage-map-list.new-list-view .view-type {
    width: 100%;
}

@media (min-width: 992px) {
    .new-outage-map .outage-map-list.new-list-view .list-view, .new-outage-map .outage-map-list.new-list-view .map-view {
        position: relative;
        right: calc(5% + 20px);
    }
}

.new-outage-map #outagedetailspanel {
    position: absolute;
    right: 0px !important;
    overflow: hidden;
    display: none;
    background: #fff;
}

    .new-outage-map #outagedetailspanel.outagedetailspanelAuthenticated {
        top: 126px !important;
    }

    .new-outage-map #outagedetailspanel.outagedetailspanelUnAuthenticated {
        top: 84px !important;
    }

    .new-outage-map #outagedetailspanel #outagedetails {
        position: relative;
    }

@media (max-width: 767px) {
    .new-outage-map #outagedetailspanel #outagedetails {
        left: 0px;
    }
}

.new-outage-map #outagedetailspanel #outagedetails #closeoutagedetails {
    color: #fff;
    font-size: 20px;
    top: 8px !important;
    background: none;
    border: 0;
    position: absolute;
    right: 9px !important;
    opacity: 1;
}

.new-outage-map .outage-accordion-container {
    right: 0 !important;
    width: 375px;
    top: 40px !important;
}

@media (max-width: 767px) {
    .new-outage-map .outage-accordion-container {
        width: 100%;
    }
}

.new-outage-map .outage-accordion-container .accordion {
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    width: 375px;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-family: roboto-medium;
    transition: 0.4s;
    margin-top: 2px;
    margin-bottom: 0;
    height: 40px;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

@media (max-width: 767px) {
    .new-outage-map .outage-accordion-container .accordion {
        width: 100%;
    }
}

.new-outage-map .outage-accordion-container .accordion.active-outage-accordion {
    background-color: #006671;
}

.new-outage-map .outage-accordion-container .accordion.myoutage-outage-accordion {
    background-color: #632656;
}

.new-outage-map .outage-accordion-container .accordion span.fa.fa-plus, .new-outage-map .outage-accordion-container .accordion span.fa.fa-minus {
    margin: 2px 3px;
}

.new-outage-map .outage-accordion-container .active-outage-my-pse-panel {
    padding: 20px 15px;
    font-size: 16px;
    display: none;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 4px solid #006671;
}

    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul {
        padding: 0px;
        list-style: none;
        font-family: roboto-medium;
    }

        .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul li {
            padding-bottom: 15px;
            font-size: 18px;
        }

            .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul li:last-child {
                font-size: 14px;
            }

                .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul li:last-child span:last-child {
                    font-family: roboto-regular;
                }

    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary {
        padding-top: 5px;
        padding-bottom: 20px;
        border-bottom: 1px solid;
        font-family: roboto-regular;
        font-size: 16px;
    }

    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link {
        padding-top: 17px;
        padding-bottom: 18px;
    }

        .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link .fa.fa-twitter {
            color: #1771cc;
            font-size: 20px;
        }

        .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link a {
            color: #4a4a4a;
            margin-left: 5px;
            font-family: 'roboto-regular';
        }

.new-outage-map .outage-accordion-container .myoutage-my-pse-panel {
    margin-bottom: 2px;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
    display: none;
}

    .new-outage-map .outage-accordion-container .myoutage-my-pse-panel.custom-gm-style-iw-c {
        position: relative;
    }

.legendoutageLocation {
    padding-right: 32px;
    float: left !important;
}

.auth-detail {
    background-color: #b8dcdb;
}

    .auth-detail .navbar {
        margin-bottom: 0;
        border-bottom: 1px solid #006671;
        border-radius: 0;
    }

        .auth-detail .navbar .navbar-header {
            border-bottom: 1px solid #006671;
        }

            .auth-detail .navbar .navbar-header .navbar-brand {
                color: #006671;
            }

            .auth-detail .navbar .navbar-header .navbar-toggle .icon-bar {
                border: 1px solid #006671;
            }

        .auth-detail .navbar .navbar-collapse {
            padding: 0;
        }

            .auth-detail .navbar .navbar-collapse li {
                border-bottom: 2px solid transparent;
            }

                .auth-detail .navbar .navbar-collapse li.active {
                    border-bottom: 2px solid #006671;
                }

                .auth-detail .navbar .navbar-collapse li a {
                    color: #006671;
                    padding: 15px 13px;
                }

                    .auth-detail .navbar .navbar-collapse li a:hover, .auth-detail .navbar .navbar-collapse li a:focus {
                        background: transparent;
                    }

    .auth-detail .overview-wrapper {
        padding: 10px 20px;
        background: #006671;
        color: #fff;
    }

        .auth-detail .overview-wrapper span.fa {
            margin-bottom: 10px;
            font-size: 25px;
            vertical-align: bottom;
        }

        .auth-detail .overview-wrapper ul.account-overview {
            display: inline-block;
            vertical-align: middle;
        }

            .auth-detail .overview-wrapper ul.account-overview li {
                display: inline-block;
                padding: 10px 15px;
            }

                .auth-detail .overview-wrapper ul.account-overview li span {
                    font-size: 16px;
                    display: block;
                }

                .auth-detail .overview-wrapper ul.account-overview li .user-name {
                    font-size: 20px;
                }

                .auth-detail .overview-wrapper ul.account-overview li .account-number, .auth-detail .overview-wrapper ul.account-overview li .address {
                    font-size: 12px;
                }

                .auth-detail .overview-wrapper ul.account-overview li > h5 {
                    display: inherit;
                    font-size: 16px;
                }

    .auth-detail .overview-summary h5 {
        font-size: 18px;
    }

    .auth-detail .overview-summary p {
        line-height: 1em;
        padding-bottom: 0;
    }

@media only screen and (max-width: 768px) {
    .auth-detail .navbar-collapse .navbar-nav {
        margin: 0;
    }

        .auth-detail .navbar-collapse .navbar-nav li {
            width: 100%;
        }

            .auth-detail .navbar-collapse .navbar-nav li.active {
                border: 0;
                font-weight: bold;
            }

    .auth-detail .overview-wrapper {
        padding-top: 10px;
    }

        .auth-detail .overview-wrapper span.fa {
            display: table-cell;
            vertical-align: middle;
        }

        .auth-detail .overview-wrapper ul.account-overview {
            display: table-cell;
        }

            .auth-detail .overview-wrapper ul.account-overview li {
                padding: 0 15px;
                display: block;
            }
}

.welcome-user {
    color: #4a4a4a;
    font-size: 24px;
    letter-spacing: 0.1px;
    margin-top: 30px;
}

    .welcome-user .view-bill {
        margin: 10px 0;
    }

        .welcome-user .view-bill ul li {
            display: inline-block;
        }

        .welcome-user .view-bill a {
            color: #474b55;
            text-transform: uppercase;
            font-size: 18px;
        }

            .welcome-user .view-bill a > i {
                margin-left: 10px;
            }

    .welcome-user .payment-setup {
        background-color: #e5ebf2;
        padding: 30px 30px 0;
        min-height: 415px;
    }

        .welcome-user .payment-setup .page-header {
            border-bottom: 0;
            margin: 0;
            margin-bottom: 0;
        }

            .welcome-user .payment-setup .page-header > h1, .welcome-user .payment-setup .page-header h3 {
                display: inline-block;
                margin-right: 15px;
                margin-top: 0;
            }

            .welcome-user .payment-setup .page-header > small {
                display: inline-block;
            }

            .welcome-user .payment-setup .page-header > span {
                display: block;
            }

        .welcome-user .payment-setup .payment-date {
            margin-top: 15px;
        }

        .welcome-user .payment-setup .payment-info {
            color: #808080;
            margin-top: 15px;
        }

            .welcome-user .payment-setup .payment-info a {
                font-weight: bold;
                font-size: 16px;
                color: #808080;
            }

        .welcome-user .payment-setup .btn-primary {
            padding: 12px 0;
            background-color: #197ee3;
            text-transform: uppercase;
            width: 100%;
        }

            .welcome-user .payment-setup .btn-primary:hover, .welcome-user .payment-setup .btn-primary:focus, .welcome-user .payment-setup .btn-primary:active {
                background-color: #197ee3;
            }

.welcome-text {
    font-family: "roboto-light";
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 1.08;
    margin: 0;
}

.current-usage {
    min-height: 200px;
    padding: 10px;
    background: #e5ebf2;
}

    .current-usage .usage-header {
        font-size: 20px;
    }

    .current-usage .usage-amount {
        font-size: 18px;
        margin-top: 10px;
    }

        .current-usage .usage-amount span {
            font-size: 40px;
        }

    .current-usage p.last-usage {
        color: #474b55;
    }

        .current-usage p.last-usage span {
            display: block;
        }

    .current-usage .usage-chart img {
        width: 100%;
    }

@media only screen and (max-width: 768px) {
    .current-usage {
        margin-top: 10px;
    }
}

.energy-center {
    min-height: 188px;
    margin-top: 23px;
}

    .energy-center .energy {
        position: relative;
    }

        .energy-center .energy img {
            width: 100%;
            min-height: 188px;
        }

        .energy-center .energy .energy-caption {
            position: absolute;
            bottom: 0;
            padding: 10px;
            background: rgba(71, 75, 85, 0.75);
            color: #fff;
            width: 100%;
            text-align: center;
            font-size: 20px;
        }

@media only screen and (max-width: 768px) {
    .energy-center {
        margin-top: 10px;
    }
}

.billing-programs {
    padding: 0 30px;
}

    .billing-programs .header-ruler {
        font-size: 30px;
        padding-bottom: 15px;
        border-bottom: 4px solid #808080;
        margin-top: 20px;
    }

    .billing-programs .billing-wrapper {
        margin: 20px 0;
    }

        .billing-programs .billing-wrapper .billing-caption {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .billing-programs .billing-wrapper .billing-status {
            font-size: 16px;
            font-style: italic;
            text-transform: capitalize;
            margin-bottom: 10px;
        }

        .billing-programs .billing-wrapper .billing-img {
            display: table-cell;
            height: 100px;
            vertical-align: middle;
            width: 105px;
            text-align: center;
            border: 1px solid #808080;
        }

            .billing-programs .billing-wrapper .billing-img.renewable-img {
                height: 150px;
                width: 160px;
            }

        .billing-programs .billing-wrapper .enroll-wrapper {
            font-size: 18px;
        }

            .billing-programs .billing-wrapper .enroll-wrapper a {
                color: #474b55;
                vertical-align: top;
            }

            .billing-programs .billing-wrapper .enroll-wrapper span {
                color: #808080;
                font-size: 25px;
            }

            .billing-programs .billing-wrapper .enroll-wrapper.left-icon span {
                margin-right: 5px;
            }

            .billing-programs .billing-wrapper .enroll-wrapper.right-icon span {
                margin-left: 5px;
            }

        .billing-programs .billing-wrapper.renewable .billing-img {
            height: 200px;
            width: 200px;
        }

        .billing-programs .billing-wrapper.renewable .billing-content {
            margin: 20px 0;
        }

        .billing-programs .billing-wrapper .padding-left-zero {
            padding-left: 0;
        }

@media only screen and (max-width: 768px) {
    .billing-programs {
        padding: 0;
    }

        .billing-programs .billing-wrapper.renewable .billing-img {
            height: 100px;
            width: 200px;
        }

        .billing-programs .billing-wrapper.renewable .billing-content {
            margin-top: 0;
        }

        .billing-programs .billing-wrapper.renewable .enroll-wrapper {
            text-align: right;
        }
}

.promotion .social-wrapper h2 {
    padding-bottom: 30px;
    margin: 0;
}

.promotion .social-wrapper h4 {
    margin-bottom: 10px;
}

.promotion .social-wrapper .learn-more {
    text-transform: uppercase;
    font-size: 20px;
    color: #808080;
    margin: 10px 0;
}

.promotion .social-wrapper .promotion-wrapper {
    display: table-cell;
    height: 140px;
    text-align: center;
    vertical-align: middle;
    width: 115px;
}

.promotion .social-wrapper .promotion-img-wrap {
    text-align: center;
}

    .promotion .social-wrapper .promotion-img-wrap img {
        margin-top: -35px;
    }

@media only screen and (max-width: 768px) {
    .promotion {
        margin-bottom: 0;
    }

        .promotion .social-wrapper {
            margin-bottom: 20px;
        }
}

.preference-communication,
.preference-billing,
.preference-center {
    color: #4a4a4a;
}

@media (max-width: 991px) {
    .preference-communication .preference-padding,
    .preference-billing .preference-padding,
    .preference-center .preference-padding {
        padding: 0;
        width: 100%;
    }

        .preference-communication .preference-padding.inline-block,
        .preference-billing .preference-padding.inline-block,
        .preference-center .preference-padding.inline-block {
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 20px;
        }
}

.preference-communication .preference-padding .do-not-contact,
.preference-billing .preference-padding .do-not-contact,
.preference-center .preference-padding .do-not-contact {
    padding-left: 30px;
}

@media (max-width: 991px) {
    .preference-communication .preference-padding .do-not-contact,
    .preference-billing .preference-padding .do-not-contact,
    .preference-center .preference-padding .do-not-contact {
        clear: both;
        text-align: left;
        padding-left: 15px;
    }
}

.preference-communication .preference-padding .icon-wrapper,
.preference-billing .preference-padding .icon-wrapper,
.preference-center .preference-padding .icon-wrapper {
    text-transform: capitalize;
}

    .preference-communication .preference-padding .icon-wrapper span.fa,
    .preference-billing .preference-padding .icon-wrapper span.fa,
    .preference-center .preference-padding .icon-wrapper span.fa {
        margin-right: 8px;
        color: #006671;
    }

@media (max-width: 991px) {
    .preference-communication .preference-padding .icon-wrapper,
    .preference-billing .preference-padding .icon-wrapper,
    .preference-center .preference-padding .icon-wrapper {
        width: 50%;
        float: left;
        text-align: left;
    }
}

.preference-communication .ceter-switch,
.preference-billing .ceter-switch,
.preference-center .ceter-switch {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .preference-communication .ceter-switch,
    .preference-billing .ceter-switch,
    .preference-center .ceter-switch {
        margin: 0;
        width: 50%;
        float: right;
        text-align: right;
    }
}

.preference-communication .ceter-switch .switch,
.preference-billing .ceter-switch .switch,
.preference-center .ceter-switch .switch {
    position: relative;
    display: inline-block;
    width: 63px;
    height: 25px;
    margin-bottom: 0;
}

    .preference-communication .ceter-switch .switch input,
    .preference-billing .ceter-switch .switch input,
    .preference-center .ceter-switch .switch input {
        display: none;
    }

        .preference-communication .ceter-switch .switch input:checked + .slider,
        .preference-billing .ceter-switch .switch input:checked + .slider,
        .preference-center .ceter-switch .switch input:checked + .slider {
            background-color: #006671;
        }

            .preference-communication .ceter-switch .switch input:checked + .slider:before,
            .preference-billing .ceter-switch .switch input:checked + .slider:before,
            .preference-center .ceter-switch .switch input:checked + .slider:before {
                -webkit-transform: translateX(37px);
                -ms-transform: translateX(37px);
                transform: translateX(37px);
            }

            .preference-communication .ceter-switch .switch input:checked + .slider .on,
            .preference-billing .ceter-switch .switch input:checked + .slider .on,
            .preference-center .ceter-switch .switch input:checked + .slider .on {
                display: block;
                left: 35%;
            }

            .preference-communication .ceter-switch .switch input:checked + .slider .off,
            .preference-billing .ceter-switch .switch input:checked + .slider .off,
            .preference-center .ceter-switch .switch input:checked + .slider .off {
                display: none;
            }

    .preference-communication .ceter-switch .switch .slider,
    .preference-billing .ceter-switch .switch .slider,
    .preference-center .ceter-switch .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #898f9e;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .preference-communication .ceter-switch .switch .slider.round,
        .preference-billing .ceter-switch .switch .slider.round,
        .preference-center .ceter-switch .switch .slider.round {
            border-radius: 34px;
        }

            .preference-communication .ceter-switch .switch .slider.round:before,
            .preference-billing .ceter-switch .switch .slider.round:before,
            .preference-center .ceter-switch .switch .slider.round:before {
                border-radius: 50%;
            }

        .preference-communication .ceter-switch .switch .slider:before,
        .preference-billing .ceter-switch .switch .slider:before,
        .preference-center .ceter-switch .switch .slider:before {
            position: absolute;
            content: "";
            height: 21px;
            width: 21px;
            left: 2px;
            bottom: 2px;
            background-color: #fff;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .preference-communication .ceter-switch .switch .slider .on,
        .preference-billing .ceter-switch .switch .slider .on,
        .preference-center .ceter-switch .switch .slider .on {
            display: none;
        }

        .preference-communication .ceter-switch .switch .slider .on,
        .preference-communication .ceter-switch .switch .slider .off,
        .preference-billing .ceter-switch .switch .slider .on,
        .preference-billing .ceter-switch .switch .slider .off,
        .preference-center .ceter-switch .switch .slider .on,
        .preference-center .ceter-switch .switch .slider .off {
            color: #fff;
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 65%;
            font-size: 12px;
            font-family: "roboto-medium";
            font-weight: 500;
        }

.preference-communication .preference-bio,
.preference-billing .preference-bio,
.preference-center .preference-bio {
    padding: 10px 0;
}

    .preference-communication .preference-bio div,
    .preference-billing .preference-bio div,
    .preference-center .preference-bio div {
        padding-bottom: 5px;
    }

    .preference-communication .preference-bio p,
    .preference-billing .preference-bio p,
    .preference-center .preference-bio p {
        line-height: 1.75;
        letter-spacing: normal;
    }

    .preference-communication .preference-bio .usphone-format,
    .preference-billing .preference-bio .usphone-format,
    .preference-center .preference-bio .usphone-format {
        margin-left: 3px;
    }

.preference-communication .notify-text,
.preference-billing .notify-text,
.preference-center .notify-text {
    margin: 23px 0 31px;
}

.preference-communication .no-top-border,
.preference-billing .no-top-border,
.preference-center .no-top-border {
    border-top: 0 !important;
}

.preference-communication .notify,
.preference-billing .notify,
.preference-center .notify {
    float: left;
    width: 100%;
    padding: 19px 0;
    border-top: 1px solid #d8d8d8;
}

    .preference-communication .notify h6,
    .preference-billing .notify h6,
    .preference-center .notify h6 {
        color: #006671;
        margin: 0;
        font-size: 16px;
    }

@media (max-width: 991px) {
    .preference-communication .notify h6,
    .preference-billing .notify h6,
    .preference-center .notify h6 {
        font-size: 20px;
        font-family: "roboto-medium";
    }
}

.preference-communication .notify p,
.preference-billing .notify p,
.preference-center .notify p {
    margin: 7px 0 5px 0;
    font-size: 14px;
}

@media (max-width: 991px) {
    .preference-communication .notify p,
    .preference-billing .notify p,
    .preference-center .notify p {
        margin: 11px 0 29px 0;
        font-size: 16px;
    }
}

.preference-communication .notify .checkbox-inline,
.preference-billing .notify .checkbox-inline,
.preference-center .notify .checkbox-inline {
    font-size: 11px;
    padding-left: 7px;
    text-align: left;
}

    .preference-communication .notify .checkbox-inline input,
    .preference-billing .notify .checkbox-inline input,
    .preference-center .notify .checkbox-inline input {
        outline: 0;
    }

@media (max-width: 991px) {
    .preference-communication .notify .checkbox-inline,
    .preference-billing .notify .checkbox-inline,
    .preference-center .notify .checkbox-inline {
        font-size: 12px;
    }
}

.preference-communication .notify .bill-alert input[type=number],
.preference-billing .notify .bill-alert input[type=number],
.preference-center .notify .bill-alert input[type=number] {
    width: 153px;
    height: 38px;
    padding: 6px;
    text-align: center;
    font-size: 16px;
}

.preference-communication .notify .bill-alert .top-margin,
.preference-billing .notify .bill-alert .top-margin,
.preference-center .notify .bill-alert .top-margin {
    margin-top: 10px;
}

.preference-communication .notify .bill-alert .notice,
.preference-billing .notify .bill-alert .notice,
.preference-center .notify .bill-alert .notice {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #ED9F1B;
    text-align: left;
}

    .preference-communication .notify .bill-alert .notice img,
    .preference-billing .notify .bill-alert .notice img,
    .preference-center .notify .bill-alert .notice img {
        height: 24px;
        width: 24px;
        float: left;
        margin: 0 8px 0 0;
    }

    .preference-communication .notify .bill-alert .notice ul,
    .preference-billing .notify .bill-alert .notice ul,
    .preference-center .notify .bill-alert .notice ul {
        list-style: disc;
    }

        .preference-communication .notify .bill-alert .notice ul li,
        .preference-billing .notify .bill-alert .notice ul li,
        .preference-center .notify .bill-alert .notice ul li {
            margin: 7px 0 0 50px;
        }

.preference-communication .notify .bill-alert .note,
.preference-billing .notify .bill-alert .note,
.preference-center .notify .bill-alert .note {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    max-width: 80%;
    margin-top: 7px;
}

.preference-communication .notify .bill-alert .error,
.preference-billing .notify .bill-alert .error,
.preference-center .notify .bill-alert .error {
    display: inline-block;
    color: red;
    font-size: 12px;
    text-align: center;
    max-width: 70%;
    margin-top: 7px;
}

.preference-communication .agree-terms input,
.preference-billing .agree-terms input,
.preference-center .agree-terms input {
    float: left;
    margin-right: 5px;
}

.preference-communication .multiple-account-wrapper,
.preference-billing .multiple-account-wrapper,
.preference-center .multiple-account-wrapper {
    margin-top: 16px;
}

    .preference-communication .multiple-account-wrapper .btn-action,
    .preference-billing .multiple-account-wrapper .btn-action,
    .preference-center .multiple-account-wrapper .btn-action {
        border: 0;
        margin-top: 10px;
        outline: none;
        width: 160px;
    }

@media (max-width: 991px) {
    .preference-communication .multiple-account-wrapper,
    .preference-billing .multiple-account-wrapper,
    .preference-center .multiple-account-wrapper {
        text-align: center;
    }
}

.preference-communication .custom-select-arrow,
.preference-billing .custom-select-arrow,
.preference-center .custom-select-arrow {
    position: relative;
    padding-left: 25px;
}

@media (max-width: 991px) {
    .preference-communication .custom-select-arrow,
    .preference-billing .custom-select-arrow,
    .preference-center .custom-select-arrow {
        clear: both;
        width: 50%;
        padding-left: 0;
    }
}

.preference-communication .custom-select-arrow select,
.preference-billing .custom-select-arrow select,
.preference-center .custom-select-arrow select {
    padding: 11px 17px;
    height: 38px;
    font-size: 12px;
    border-radius: 0;
    width: 153px;
}

@media (max-width: 991px) {
    .preference-communication .custom-select-arrow select,
    .preference-billing .custom-select-arrow select,
    .preference-center .custom-select-arrow select {
        width: 100%;
    }
}

.preference-communication .custom-select-arrow select:focus,
.preference-billing .custom-select-arrow select:focus,
.preference-center .custom-select-arrow select:focus {
    border-color: #979797;
    box-shadow: none;
}

.preference-communication .custom-select-arrow select::-ms-expand,
.preference-billing .custom-select-arrow select::-ms-expand,
.preference-center .custom-select-arrow select::-ms-expand {
    display: none;
}

.preference-communication .custom-select-arrow::after,
.preference-billing .custom-select-arrow::after,
.preference-center .custom-select-arrow::after {
    top: 10px;
    right: 0;
    font-size: 14px;
}

@media (max-width: 991px) {
    .preference-communication .custom-select-arrow::after,
    .preference-billing .custom-select-arrow::after,
    .preference-center .custom-select-arrow::after {
        top: 12px;
        right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .preference-center .notify .bill-alert .note {
        max-width: 100%;
        text-align: right;
    }

    .preference-center .notify .bill-alert .error {
        max-width: 100%;
        text-align: right;
    }
}

.generic-bio div.body-xl:empty {
    display: none;
}

.generic-bio .usphone-format {
    display: inline-block;
}

.save-account, .saved-account {
    padding: 10px;
}

    .save-account .content-section p, .saved-account .content-section p {
        padding: 2px;
        font-family: 'roboto-regular';
        font-size: 14px;
        color: #4a4a4a;
        letter-spacing: 2px;
    }

.saved-account {
    display: none;
}

    .saved-account button {
        background: #f0f0f0;
        color: #BFBFBF;
    }

    .saved-account .content-section {
        margin: 10px;
    }

.generic-preference h6.generic-header {
    margin-bottom: 25px;
    margin-top: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .generic-preference h6.generic-header {
        margin-bottom: 15px;
    }
}

.generic-preference .remove-padding {
    padding: 0;
}

.generic-preference .show-hr-line {
    border-bottom: 1px solid #d8d8d8;
}

.generic-preference .preference-padding {
    padding: 10px 5px;
    position: relative;
}

@media (max-width: 991px) {
    .generic-preference .preference-padding.inline-block {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .generic-preference .preference-padding {
        margin: 0 auto;
        width: 100%;
    }
}

.generic-preference .preference-padding .icon-wrapper {
    display: flex;
    align-items: center;
    padding-right: 5px;
}

@media (max-width: 991px) {
    .generic-preference .preference-padding .icon-wrapper {
        padding-left: 0;
    }
}

.generic-preference .preference-padding .icon-wrapper img {
    margin-right: 10px;
}

.generic-preference .preference-padding .ceter-switch {
    margin: 0 !important;
}

@media (max-width: 991px) {
    .generic-preference .preference-padding .ceter-switch {
        padding-right: 0;
    }
}

.generic-preference .preference-padding .custom-select-arrow {
    bottom: 10px;
    padding-left: 15px;
    right: 50px;
}

@media (max-width: 991px) {
    .generic-preference .preference-padding .custom-select-arrow {
        bottom: 5px;
        margin-bottom: 10px;
        left: 1px;
    }
}

.generic-preference .preference-padding .custom-select-arrow select {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid #d8d8d8;
    color: #1771cc;
    padding: 5px 25px 5px 10px;
    width: 120px;
}

.generic-preference .preference-padding .do-not-contact {
    text-align: center;
    background: #f6f6f6;
    padding-left: 5px;
    padding-right: 0;
}

@media (max-width: 991px) {
    .generic-preference .preference-padding .do-not-contact {
        text-align: center;
        padding: 10px 5px;
    }
}

.generic-preference .preference-padding .do-not-contact .checkbox-inline {
    padding-left: 15px;
}

@media (min-width: 992px) {
    .generic-preference .preference-padding .do-not-contact.align-text-dnd {
        bottom: 40px;
        float: right;
        padding-left: 5px;
    }
}

@media (min-width: 992px) {
    .generic-preference .preference-padding .do-not-contact.align-both-dnd {
        position: absolute;
        right: 0;
        padding: 30px 0;
        bottom: 20px;
    }
}

@media (max-width: 991px) {
    .generic-preference .preference-padding .do-not-contact br {
        display: none;
    }
}

@media (max-width: 991px) {
    .generic-preference .preference-padding .do-not-contact input[type="checkbox"] {
        margin-top: 2px;
    }
}

.generic-preference .preference-padding.bill-alert .custom-select-arrow {
    padding-right: 0;
}

@media (max-width: 991px) {
    .generic-preference .preference-padding.bill-alert .custom-select-arrow {
        bottom: 0;
    }
}

.generic-preference .preference-padding.bill-alert .custom-select-arrow input {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid #d8d8d8;
    color: #1771cc;
    padding: 5px 25px 5px 10px;
    width: 120px;
    font-family: roboto;
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
}

.generic-preference .preference-padding.bill-alert .custom-select-arrow::after {
    content: "";
}

.generic-preference .preference-padding.bill-alert .custom-select-arrow .error {
    font-family: roboto;
    font-size: 9px;
    text-align: left;
    max-width: 100%;
    color: #d0021b;
}

.generic-preference .preference-padding.bill-alert .custom-select-arrow.dollar-sign::before {
    top: 14%;
}

.generic-preference .preference-padding.bill-alert .custom-select-arrow::before {
    content: "$";
    font-family: roboto;
    font-size: 14px;
    position: absolute;
    top: 25%;
}

.generic-preference .preference-padding.bill-alert .note {
    font-family: roboto;
    font-size: 12px;
    color: #4a4a4a;
    text-align: left;
    max-width: 100%;
    margin-top: 0;
}

@media (max-width: 991px) {
    .generic-preference .preference-padding.bill-alert .note {
        max-width: 50%;
    }
}

.generic-preference .preference-padding.bill-alert .notice {
    font-size: 17px;
    font-weight: normal;
    display: inline-block;
    color: #ED9F1B;
    text-align: left;
}

    .generic-preference .preference-padding.bill-alert .notice img {
        height: 24px;
        width: 24px;
        float: left;
        margin: 0 8px 0 0;
    }

    .generic-preference .preference-padding.bill-alert .notice ul {
        list-style: disc;
    }

        .generic-preference .preference-padding.bill-alert .notice ul li {
            margin: 7px 0 0 50px;
        }

.preference-center .contact a.edit-btn {
    padding: 0;
}

@media (max-width: 768px) {
    .preference-center .contact a.edit-btn {
        padding: 10px 0;
    }
}

.preference-center a.edit-btn {
    color: #474b55;
    float: right;
    padding: 10px;
}

@media (max-width: 768px) {
    .preference-center a.edit-btn {
        display: block;
        float: none;
        padding-left: 0;
    }
}

.preference-center a.edit-btn span.fa-edit {
    font-size: 30px;
    margin-right: 5px;
    vertical-align: middle;
}

.preference-center .preference-contact .margin-top-20 {
    margin-top: 20px;
}

.preference-center .preference-contact [add-alternate-address] {
    font-size: 20px;
}

    .preference-center .preference-contact [add-alternate-address] a {
        color: #474b55;
        display: table;
    }

        .preference-center .preference-contact [add-alternate-address] a span {
            display: table-cell;
            margin-top: 0;
        }

            .preference-center .preference-contact [add-alternate-address] a span.fa {
                font-size: 40px;
                padding-right: 10px;
                vertical-align: middle;
            }

        .preference-center .preference-contact [add-alternate-address] a:hover {
            cursor: pointer;
            text-decoration: none;
        }

.preference-center .preference-contact .bg-primary {
    background: #808080;
    padding: 5px;
}

.preference-center .preference-contact .contact-header {
    font-size: 18px;
}

Sitecore validation on update email
.update-email-wrap {
    margin-bottom: 15px;
}

.update-email-wrap p {
    padding-left: 3px;
}

    .update-email-wrap p span {
        color: #d0021b !important;
    }

.btn-disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

.preference-center .preference-security .credentials {
    margin-bottom: 20px;
}

    .preference-center .preference-security .credentials [data-security-username] {
        margin-bottom: 10px;
    }

        .preference-center .preference-security .credentials [data-security-username] span.labelname {
            font-size: 20px;
            margin-right: 20px;
        }

.preference-center .preference-security .question-header {
    font-size: 18px;
    margin: 10px 0 20px;
}

.preference-center .preference-security select.form-control {
    margin-bottom: 10px;
}

.preference-center .preference-page-title h2 {
    font-weight: 300;
    letter-spacing: normal;
    line-height: normal;
    margin: 30px 0 10px;
}

@media (max-width: 991px) {
    .preference-center .preference-page-title h2 {
        margin: 32px 0 16px;
    }
}

.preference-center .preference-page-title p {
    line-height: 1.56;
    letter-spacing: 0.1px;
}

.preference-center h5 {
    line-height: 0.94;
    letter-spacing: 0.2px;
}

.preference-center p {
    line-height: 1.38;
    letter-spacing: normal;
}

.preference-center .capitalize {
    text-transform: capitalize;
}

.preference-center .pay-success-msg {
    margin-top: 12px;
}

    .preference-center .pay-success-msg .media .media-left i {
        font-size: 69px;
        margin-top: 0;
    }

.preference-billing .notify {
    padding: 19px 0 23px;
}

    .preference-billing .notify .billing-header {
        font-size: 24px;
        margin-bottom: 0;
        font-weight: 500;
        letter-spacing: .1px;
        line-height: normal;
    }

    .preference-billing .notify .status-mail-wrapper {
        font-size: 16px;
        margin: 9px 0 20px;
        letter-spacing: normal;
        line-height: 1.38;
    }

        .preference-billing .notify .status-mail-wrapper strong {
            font-family: "roboto-medium";
            font-weight: 500;
        }

        .preference-billing .notify .status-mail-wrapper .message {
            margin-left: 20%;
        }

@media (max-width: 768px) {
    .preference-billing .notify .status-mail-wrapper .message {
        margin-left: 0;
        display: block;
    }
}

.preference-billing .notify p {
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1.38;
    margin: 9px 0 20px;
}

.preference-billing .header-desc {
    margin-bottom: 26px;
}

.preference-communication .modal,
.terms-modal-wrapper .modal {
    top: 10%;
}

@media (max-width: 768px) {
    .preference-communication .modal,
    .terms-modal-wrapper .modal {
        top: 10%;
        padding-right: 0 !important;
    }
}

.preference-communication .modal .modal-dialog,
.terms-modal-wrapper .modal .modal-dialog {
    max-width: 500px;
}

    .preference-communication .modal .modal-dialog .modal-content,
    .terms-modal-wrapper .modal .modal-dialog .modal-content {
        border-radius: 0;
        box-shadow: none;
        border: none;
    }

        .preference-communication .modal .modal-dialog .modal-content .modal-header,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header {
            margin: 0 20px;
            border-bottom: 1px solid #4a4a4a;
            padding: 15px 0;
        }

            .preference-communication .modal .modal-dialog .modal-content .modal-header h3,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header h3 {
                line-height: 1;
            }

            .preference-communication .modal .modal-dialog .modal-content .modal-header span,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header span {
                font-size: 18px;
            }

            .preference-communication .modal .modal-dialog .modal-content .modal-header .close,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header .close {
                color: #4a4a4a;
                font-weight: normal;
                font-size: 14px;
                opacity: 1;
                outline: none;
                text-transform: uppercase;
            }

        .preference-communication .modal .modal-dialog .modal-content .model-header-terms,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .model-header-terms {
            display: flex;
            align-items: center;
        }

            .preference-communication .modal .modal-dialog .modal-content .model-header-terms button,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .model-header-terms button {
                margin-left: auto;
            }

        .preference-communication .modal .modal-dialog .modal-content .modal-body,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body {
            margin: 30px 20px 0;
            max-height: 431px;
            overflow-y: scroll;
            padding-top: 0;
        }

            .preference-communication .modal .modal-dialog .modal-content .modal-body .no-padding,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body .no-padding {
                padding: 0;
            }

                .preference-communication .modal .modal-dialog .modal-content .modal-body .no-padding p,
                .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body .no-padding p {
                    margin: 0 10px 0 0;
                    color: #4a4a4a;
                }

            .preference-communication .modal .modal-dialog .modal-content .modal-body a,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body a {
                color: #1771cc;
                font-size: 16px;
            }

        .preference-communication .modal .modal-dialog .modal-content .modal-footer,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer {
            border-top: 0;
            text-align: center;
            padding: 20px;
        }

            .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree {
                padding: 2px 40px;
                margin-right: 20px;
            }

@media (max-width: 768px) {
    .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree,
    .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree {
        display: block;
        margin: 0 auto 20px;
    }
}

.preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal,
.terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal {
    background-color: #fff;
    padding: 2px 40px;
    border: 2px solid #197ee3;
    color: #197ee3;
}

    .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal:hover,
    .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal:hover {
        background-color: #197ee3;
        color: #fff;
    }

@media (max-width: 768px) {
    .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn,
    .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn {
        margin-bottom: 10px;
        width: 80%;
    }
}

.preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn-action,
.terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn-action {
    border: 0;
    outline: none;
}

.preference-wrapper .termsmodal .modal-dialog {
    width: 327px;
}

@media (max-width: 768px) {
    .preference-wrapper .termsmodal .modal-dialog {
        width: auto;
    }
}

.preference-wrapper .termsmodal .modal-dialog .modal-content .btn-action {
    width: 160px;
    outline: none;
}

.preference-wrapper #preferenceConfirmSave .modal-content .modal-header {
    padding: 10px 26px 0;
}

@media (min-width: 768px) {
    #preferenceTextNotification .modal-sm, #preferenceCallNotification .modal-sm {
        width: 320px;
    }
}

.preference-unsubscribe {
    color: #4a4a4a;
    margin-top: 45px;
}

@media (max-width: 991px) {
    .preference-unsubscribe {
        margin-top: 40px;
    }
}

.preference-unsubscribe .body-l {
    font-family: "roboto-regular";
    line-height: 1.33;
    letter-spacing: 0.1px;
}

.preference-unsubscribe .unsubscribe-everything {
    position: relative;
    width: 20%;
    text-align: center;
    margin: 15px auto;
}

@media (max-width: 767px) {
    .preference-unsubscribe .unsubscribe-everything {
        width: 75%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .preference-unsubscribe .unsubscribe-everything {
        width: 33%;
    }
}

.preference-unsubscribe .btn-wrapper {
    margin: 30px 0;
}

@media (max-width: 768px) {
    .preference-unsubscribe .btn-wrapper .btn {
        margin-bottom: 10px;
    }
}

.preference-unsubscribe .btn-wrapper .cancel-unsubscribe {
    padding-top: 6px;
}

.preference-unsubscribe.outage-email {
    text-align: center;
}

    .preference-unsubscribe.outage-email .btn {
        width: 40%;
    }

@media (max-width: 991px) {
    .preference-unsubscribe.outage-email .btn {
        width: 100%;
    }
}

.preference-unsubscribe-confirmation {
    margin-top: 45px;
}

@media (max-width: 991px) {
    .preference-unsubscribe-confirmation {
        margin-top: 40px;
    }
}

.doubleclick-unsubscribe .unsubscribe-everything {
    display: none;
}

.paperless-title h2 {
    font-weight: 300;
    margin: 47px 0 16px;
}

@media (max-width: 991px) {
    .paperless-title h2 {
        margin: 31px 0;
    }
}

.paperless-billing {
    padding-top: 45px;
    padding-bottom: 103px;
}

@media (max-width: 991px) {
    .paperless-billing .sub-header {
        margin: 15px 0;
    }
}

.paperless-billing .h7 {
    color: #006671;
    font-weight: 500;
    font-family: "roboto-medium";
    line-height: normal;
    letter-spacing: .1px;
    margin-bottom: 10px;
}

.paperless-billing .paperless-signup {
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 32px 50px 54px;
}

@media (max-width: 991px) {
    .paperless-billing .paperless-signup {
        padding: 23px 15px 28px;
    }
}

.paperless-billing .paperless-signup .paperless-list {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .1px;
    line-height: 1.38;
    padding-left: 18px;
    margin-top: 15px;
}

    .paperless-billing .paperless-signup .paperless-list li {
        margin-bottom: 25px;
    }

.paperless-billing .btn-wrapper {
    margin-top: 35px;
}

    .paperless-billing .btn-wrapper a {
        text-align: center;
    }

@media (max-width: 768px) {
    .paperless-billing .btn-wrapper a {
        margin-bottom: 15px;
    }
}

.paperless-billing .confirm-details, .paperless-billing .billing-confirmation .confirm-details span a, .paperless-billing .billing-confirmation .confirm-details a {
    margin: 20px 0;
}

    .paperless-billing .confirm-details p, .paperless-billing .billing-confirmation .confirm-details a p {
        margin-bottom: 0;
    }

.paperless-billing .billing-confirmation {
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 32px 50px 89px;
}

@media (max-width: 991px) {
    .paperless-billing .billing-confirmation {
        padding: 23px 15px 28px;
    }
}

.paperless-billing .billing-confirmation .confirm-details, .paperless-billing .billing-confirmation .confirm-details span a, .paperless-billing .billing-confirmation .confirm-details a {
    color: #4a4a4a;
    font-weight: normal;
    letter-spacing: .1px;
    line-height: 1.38;
}

    .paperless-billing .billing-confirmation .confirm-details span a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: 16px;
        font-weight: 500;
    }

    .paperless-billing .billing-confirmation .confirm-details a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: 16px;
        font-weight: 500;
    }

    .paperless-billing .billing-confirmation .confirm-details p {
        margin-bottom: 15px;
    }

@media (min-width: 992px) {
    .paperless-billing .btn-wrapper .paperless-btn {
        display: inline-block;
        margin-left: 15px;
    }
}

@media (max-width: 991px) {
    .paperless-billing .btn-wrapper .paperless-btn {
        text-align: center;
    }
}

.paperless-billing .btn-wrapper .paperless-btn .btn-action {
    padding: 10px 21px;
}

@media (max-width: 768px) {
    .paperless-billing .btn-wrapper .paperless-btn .btn-action {
        width: 80%;
    }
}

.paperless-billing .btn-wrapper .paperless-btn .secondary {
    background-color: #fff;
    border: solid 4px #1771cc;
    color: #1771cc;
    padding: 6px 21px;
}

@media (min-width: 992px) {
    .paperless-billing .btn-wrapper .cancel-btn {
        margin-left: 30px;
    }
}

.go-paperless {
    padding: 15px 0;
}

    .go-paperless .form-check-label {
        vertical-align: middle;
    }

    .go-paperless .component.rich-text {
        margin-top: 0;
    }

    .go-paperless .tnc-modal-link {
        color: #1771cc !important;
    }

    .go-paperless .errorMessage {
        top: 0;
    }

    .go-paperless .paperless-button-section {
        margin: 30px 0;
    }

        .go-paperless .paperless-button-section button {
            margin-right: 20px;
        }

@media (min-width: 1200px) {
    .go-paperless .paperless-button-section button {
        margin-right: 30px;
    }
}

@media (max-width: 767px) {
    .go-paperless .paperless-button-section button {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .go-paperless .paperless-button-section #RemindLater {
        margin-top: 20px;
    }
}

.preference-change-billing .notify .billing-header {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: normal;
}

.preference-change-billing .notify .expect-wrapper ul {
    list-style: disc;
    padding-left: 18px;
    margin-top: 10px;
    line-height: 22px;
}

.preference-change-billing .notify .due-date {
    background: #bae2e0;
    padding: 16px 30px;
    width: 34%;
    margin: 20px 0 13px;
}

@media (max-width: 768px) {
    .preference-change-billing .notify .due-date {
        width: 100%;
        text-align: center;
    }
}

.preference-change-billing .notify .date-wrapper {
    margin: 19px 0 10px;
}

    .preference-change-billing .notify .date-wrapper .custom-select-arrow {
        width: 380px;
        padding-left: 0;
        position: relative;
    }

@media (max-width: 768px) {
    .preference-change-billing .notify .date-wrapper .custom-select-arrow {
        width: 100%;
    }
}

.preference-change-billing .notify .date-wrapper .custom-select-arrow select {
    height: 66px;
    font-size: 18px;
    color: #717171;
    margin-bottom: 5px;
    font-family: "roboto-light";
    line-height: 3.7;
    padding: 10px;
    width: 100%;
}

@media all and (-ms-high-contrast: none) {
    .preference-change-billing .notify .date-wrapper .custom-select-arrow select {
        padding-bottom: 0;
    }
}

.preference-change-billing .notify .date-wrapper .custom-select-arrow:after {
    bottom: 35px;
    padding-right: 0;
    top: inherit;
    right: 10px;
}

@media all and (-ms-high-contrast: none) {
    .preference-change-billing .notify .date-wrapper .custom-select-arrow:after {
        bottom: 40px;
    }
}

.preference-change-billing .notify .date-wrapper small {
    font-size: 14px;
    color: #717171;
}

.preference-change-billing .notify .pse-link-primary {
    font-size: 20px;
    letter-spacing: normal;
    line-height: .9;
    background: transparent;
    border: 0;
    outline: 0;
}

    .preference-change-billing .notify .pse-link-primary .fa {
        font-size: 18px;
    }

.preference-container {
    background: #f6f6f6;
    margin-top: 22px;
}

    .preference-container .preference-wrapper {
        margin: 45px 0 70px;
        background: #fff;
        padding-bottom: 43px;
        border: 1px solid #d8d8d8;
        min-height: 400px;
    }

@media (max-width: 991px) {
    .preference-container .preference-wrapper {
        margin: 30px 0 70px 0;
    }

        .preference-container .preference-wrapper.tabbed-content {
            padding-bottom: 0;
        }
}

.preference-container [data-preference-tabs] li {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(74, 74, 74, 0.17);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 26px;
}

    .preference-container [data-preference-tabs] li a {
        color: #717171;
        padding: 30px 17px;
        text-decoration: none;
        font-size: 18px;
    }

        .preference-container [data-preference-tabs] li a.active {
            background: transparent;
            color: #006671;
            font-family: "roboto-bold";
        }

@media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .tabs.pref-data-tabs {
        display: block !important;
    }

        .preference-wrapper.tabbed-content .tabs.pref-data-tabs li {
            margin: 0;
            position: relative;
        }

            .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a {
                display: block;
            }

                .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a::after {
                    content: '\f067';
                    font-family: fontawesome;
                    position: absolute;
                    top: 28px;
                    right: 28px;
                    font-size: 19px;
                    color: #717171;
                }

                .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a.active {
                    display: block;
                    font-family: "roboto-medium";
                }

                    .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a.active::after {
                        content: '';
                    }
}

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .tabs {
        display: none;
    }

    .preference-wrapper.tabbed-content .item {
        padding: 25px 0;
        position: relative;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item.pref-data-content {
            padding: 0;
        }

            .preference-wrapper.tabbed-content .item.pref-data-content::before {
                content: '';
                padding: 0;
            }

            .preference-wrapper.tabbed-content .item.pref-data-content::after {
                content: '';
            }

            .preference-wrapper.tabbed-content .item.pref-data-content.active::after {
                content: '';
            }

            .preference-wrapper.tabbed-content .item.pref-data-content.active .item-content {
                margin-top: 0;
            }

        .preference-wrapper.tabbed-content .item::before {
            content: attr(data-title);
            font-size: 18px;
            color: #717171;
            padding: 25px 15px;
            font-family: "roboto-regular";
        }

        .preference-wrapper.tabbed-content .item::after {
            content: '\f067';
            font-family: fontawesome;
            position: absolute;
            top: 28px;
            right: 28px;
            font-size: 19px;
            color: #717171;
        }

        .preference-wrapper.tabbed-content .item .item-content {
            opacity: 0;
            visibility: hidden;
            height: 0;
        }
}

@media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active {
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active::before {
        color: #006671;
        font-family: "roboto-medium";
        font-weight: 500;
    }

    .preference-wrapper.tabbed-content .item.active .item-content {
        opacity: 1;
        visibility: visible;
        height: auto;
        margin-top: 22px;
        padding: 30px 15px;
        box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item.active .item-content h5 {
            margin: 5px 0 14px 0;
            font-size: 24px;
        }

    .preference-wrapper.tabbed-content .item.active::after {
        content: '\f068';
    }
}

@media (min-width: 992px) {
    .preference-wrapper.tabbed-content .tabs {
        display: block;
    }

        .preference-wrapper.tabbed-content .tabs li {
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .tabs li a {
                display: block;
            }

    .preference-wrapper.tabbed-content .item {
        min-height: 0;
        display: none;
        border-left: 2px solid #d8d8d8;
        margin-top: 29px;
    }

        .preference-wrapper.tabbed-content .item .account-specific {
            background-color: #f6f6f6;
            margin: 0px;
        }

            .preference-wrapper.tabbed-content .item .account-specific .custom-checkbox {
                margin-top: 30px;
            }

            .preference-wrapper.tabbed-content .item .account-specific p {
                font-size: 14px;
                margin-bottom: 15px;
            }

        .preference-wrapper.tabbed-content .item::before {
            display: none;
        }

        .preference-wrapper.tabbed-content .item.active {
            width: 75%;
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .item.active .item-content {
                padding: 0 18px 0 37px;
            }

                .preference-wrapper.tabbed-content .item.active .item-content h5 {
                    margin-top: 0;
                }

                .preference-wrapper.tabbed-content .item.active .item-content .btn-action {
                    font-size: 20px;
                    font-family: "roboto-condensed-bold";
                    line-height: 0;
                    height: 40px;
                    border-radius: 47px;
                }

    .preference-wrapper.tabbed-content.tabs-side .tabs {
        width: 25%;
        float: left;
    }

        .preference-wrapper.tabbed-content.tabs-side .tabs li {
            display: block;
        }
}

h2.outage-map {
    font-weight: 300;
}

@media (min-width: 992px) {
    h2.outage-map {
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    h2.outage-map {
        padding: 25px 0 5px 0;
        font-size: 32px;
        color: #474b55;
    }
}

.report-section {
    text-align: right;
}

@media (max-width: 768px) {
    .report-section {
        text-align: center;
        margin: 36px 0 22px;
    }
}

.report-section .report-outage {
    background-color: #fff;
    border: 2px solid #1771cc;
    color: #1771cc;
    padding: 7px 35px;
    font-size: 16px;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
}

@media (max-width: 768px) {
    .report-section .report-outage {
        font-size: 20px;
    }
}

.report-section .report-outage:active:focus {
    outline: none;
    box-shadow: none;
}

.report-section .report-outage:hover, .report-section .report-outage:focus {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff;
}

.out-content {
    margin-top: 3px;
}

    .out-content p {
        color: #4a4a4a;
        font-family: "roboto-regular";
        font-size: 16px;
        line-height: 1.33;
        letter-spacing: .1px;
    }

@media (max-width: 768px) {
    .out-content p {
        font-size: 16px;
    }
}

.followus-link a {
    text-decoration: none;
}

.followus-link .follow-desktop {
    padding: 15px 0 54px;
}

    .followus-link .follow-desktop p {
        padding-left: 25px;
        color: #1771cc;
        letter-spacing: .4px;
        font-family: "roboto-medium";
        font-weight: 500;
    }

    .followus-link .follow-desktop .twit-icon {
        float: left;
        margin-top: 2px;
    }

.followus-link .twit-icon {
    color: #1771cc;
    font-size: 18px;
}

@media (max-width: 768px) {
    .followus-link .twit-icon {
        color: #197ee3;
    }
}

.followus-link .follow-mobile {
    text-align: center;
    padding-bottom: 30px;
}

    .followus-link .follow-mobile p {
        color: #197ee3;
        font-family: "roboto-medium";
        font-size: 16px;
        font-weight: 500;
    }

        .followus-link .follow-mobile p .twit-icon {
            padding: 0;
        }

    .followus-link .follow-mobile span {
        color: #197ee3;
        font-size: 18px;
        font-family: "roboto-medium";
        font-weight: bold;
        position: relative;
        bottom: 2px;
    }

body.iosBugFixCaret.modal-open {
    position: fixed;
    width: 100%;
}

.gm-style-iw {
    width: 460px !important;
    height: auto !important;
    max-height: 470px !important;
    overflow: visible !important;
    background-color: #fff;
    top: 8px !important;
    font-weight: 300;
    font-size: 13px;
    overflow: hidden;
    background: #fff;
}

@media (max-width: 767px) {
    .gm-style-iw {
        width: 350px !important;
        left: 0 !important;
        top: 64px !important;
    }
}

.related-links.outage {
    background-color: #f6f6f6;
}

    .related-links.outage h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

@media (max-width: 768px) {
    .related-links.outage h3 {
        font-size: 32px;
        text-align: center;
        margin-bottom: 15px;
    }
}

.related-links.outage .more-section {
    position: relative;
}

@media (max-width: 768px) {
    .related-links.outage .more-section {
        margin-bottom: 20px;
    }
}

.related-links.outage .more-section .related-info p {
    font-size: 19px;
}

.related-links.outage .more-section .related-info a {
    position: absolute;
    bottom: 0;
    text-decoration: none;
}

    .related-links.outage .more-section .related-info a i {
        margin-left: 5px;
    }

.outage-related-links {
    margin: 70px 0 40px;
}

    .outage-related-links h5 {
        margin-bottom: 30px;
        font-family: "roboto-light";
        font-size: 32px;
        font-weight: 300;
    }

@media (max-width: 768px) {
    .outage-related-links h5 {
        text-align: center;
    }
}

.outage-related-links ul {
    margin-top: 15px;
}

@media (max-width: 768px) {
    .outage-related-links ul {
        text-align: center;
    }
}

.outage-related-links ul li {
    display: inline-block;
}

@media (max-width: 768px) {
    .outage-related-links ul li {
        margin-top: 10px;
    }
}

.outage-related-links ul li > a {
    border-left: 2px solid #1771cc;
    color: #1771cc;
    font-size: 16px;
    font-weight: 500;
    padding: 0 15px 0px;
    text-decoration: none;
    font-family: "roboto-medium";
}

.outage-related-links ul li:first-child > a {
    border-left-width: 0;
    padding-left: 0;
}

.map-container {
    position: relative;
}

@media (max-width: 768px) {
    .map-container {
        float: left;
        width: 100%;
    }
}

.map-container #map {
    width: 100%;
    height: 690px;
}

    .map-container #map .gm-style .gm-style-iw-d.custom-gm-style-iw-d {
        max-width: 100% !important;
    }

    .map-container #map .gm-style .custom-gm-style-iw-c {
        padding-left: 0;
        border-radius: 0;
        max-width: 100% !important;
    }

    .map-container #map .gm-style .gm-style-iw-t::after {
        display: none;
    }

    .map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect {
        top: 20px !important;
        right: 20px !important;
    }

        .map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect img {
            width: 20px !important;
            height: 20px !important;
        }

    .map-container #map .add-notify {
        background-color: #f6f6f6;
        color: #1771cc;
        float: left;
        height: inherit;
        padding: 32px 0;
        text-align: center;
        width: 100%;
    }

        .map-container #map .add-notify > a {
            color: inherit;
            outline: none;
            text-decoration: none;
            font-size: 18px;
        }

            .map-container #map .add-notify > a span {
                color: #1771cc;
                display: inline-block;
                font-family: "roboto-condensed-bold";
                font-weight: bold;
                font-size: 20px;
                line-height: .7;
                outline: none;
            }

            .map-container #map .add-notify > a > i {
                display: inline-block;
                font-size: 20px;
                padding-left: 20px;
            }

    .map-container #map #bodyContent .description {
        float: left;
        padding: 0 0 87px 51px;
        width: 100%;
    }

@media (max-width: 991px) {
    .map-container #map #bodyContent .description {
        padding-left: 26px;
    }
}

.map-container #map #bodyContent .description h6 {
    margin: 0;
    padding: 60px 0 27px;
    font-family: "roboto-light";
}

@media (max-width: 991px) {
    .map-container #map #bodyContent .description h6 {
        font-size: 32px;
    }
}

.map-container #map #bodyContent .description > ul > li {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: .3px;
}

@media (max-width: 991px) {
    .map-container #map #bodyContent .description > ul > li {
        font-size: 14px;
    }
}

.map-container #map #bodyContent .description > ul > li span {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

    .map-container #map #bodyContent .description > ul > li span:first-child {
        font-family: "roboto-medium";
        font-weight: 500;
    }

.map-container.outage #report-outage-button-container {
    padding: 10px 15px;
    width: 375px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #1771cc;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

    .map-container.outage #report-outage-button-container a {
        display: block;
        color: #fff;
        font-family: Roboto-medium;
        font-size: 16px;
        line-height: 18px;
        padding-left: 0;
        padding-right: 0;
        text-decoration: none;
    }

        .map-container.outage #report-outage-button-container a .fa-chevron-right {
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 12px 15px;
        }

@media (max-width: 991px) {
    .map-container.outage .gm-fullscreen-control, .map-container.outage .gmnoprint .gm-style-mtc {
        bottom: 14px !important;
    }
}

.map-container.projects #map #bodyContent .description {
    padding: 50px 0 87px 51px;
}

    .map-container.projects #map #bodyContent .description h6 {
        padding: 0;
    }

.retailers #pse-maps-location-search input {
    width: 100%;
}

.retailers #pse-maps-location-search span .pse-search-icon {
    right: 26px;
    top: 16px;
}

.retailers .gm-style-iw {
    max-height: 600px !important;
}

.retailers #pse-maps-retailers-filter {
    float: left;
}

@media (max-width: 991px) {
    .retailers #pse-maps-retailers-filter {
        width: 100%;
        margin-top: 20px;
    }
}

.retailers #pse-maps-retailers-filter button {
    width: 180px;
    background: transparent;
    border-radius: 0;
    border-color: #979797;
}

.retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector {
    top: 31px;
    min-width: 180px;
    border-radius: 0;
    padding-bottom: 20px;
}

    .retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector .clear {
        color: #1771cc;
        display: inline-block;
        border: none;
        width: auto;
        font-family: "roboto-regular";
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        outline: none;
        text-decoration: none;
        margin: 20px 4px 0;
    }

    .retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector .update {
        border-radius: 25px;
        width: 84px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        border-color: #1771cc;
        background: #1771cc;
        outline: none;
        margin: 20px 4px 0;
    }

.retailers #pse-maps-retailers-filter #pse-search-filter, .retailers #pse-maps-retailers-filter .caret {
    color: #4a4a4a;
}

@media (min-width: 768px) {
    .map-notification-modal .modal-md {
        width: 460px;
        margin: 100px auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .map-notification-modal .modal-md {
        width: 472px;
    }
}

.map-notification-modal .notification-modal {
    background-color: #f6f6f6;
    padding: 51px 40px 51px 40px;
    display: inline-block;
    width: 100%;
}

    .map-notification-modal .notification-modal h3 {
        color: #4a4a4a;
        font-family: "roboto-light";
        font-size: 24px;
        font-weight: 300;
        margin-top: 0;
    }

    .map-notification-modal .notification-modal p {
        color: #4a4a4a;
        font-family: "roboto-regular";
        font-size: 16px;
        line-height: 1.19;
    }

.map-notification-modal .form-main {
    float: left;
    margin: 28px 0 0;
    width: 100%;
}

    .map-notification-modal .form-main .custom-textfield {
        height: 66px;
        border: 1px solid #979797;
        background-color: #fff;
        margin-bottom: 30px;
    }

        .map-notification-modal .form-main .custom-textfield input {
            background-color: #fff;
            color: #242424;
            font-family: "roboto-light";
            font-size: 20px;
            padding: 0 8px;
            border: none;
        }

        .map-notification-modal .form-main .custom-textfield .form-control:focus + .form-control-placeholder {
            color: #717171;
            font-size: 12px;
            font-weight: bold;
        }

        .map-notification-modal .form-main .custom-textfield .form-control::-ms-clear {
            display: none;
        }

        .map-notification-modal .form-main .custom-textfield #interative-map-phone-number + label {
            width: 100%;
        }

    .map-notification-modal .form-main .back {
        color: #1771cc;
        cursor: pointer;
        display: inline-block;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        font-weight: bold;
        margin-right: 40px;
    }

        .map-notification-modal .form-main .back .fa {
            font-size: 14px;
            position: relative;
            top: -1px;
            padding-right: 10px;
        }

    .map-notification-modal .form-main .btn {
        background-color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        padding: 6px 0;
        width: 125px;
    }

        .map-notification-modal .form-main .btn[disabled]:hover {
            color: inherit;
        }

.outage-map-list {
    border-top: 1px solid #c3c3c3;
}

    .outage-map-list .map-view {
        display: none;
    }

        .outage-map-list .map-view .map-change-icon .map-icon {
            font-size: 24px;
        }

    .outage-map-list .map-view,
    .outage-map-list .list-view {
        border-left: 1px solid #979797;
        border-right: 1px solid #979797;
        max-width: 200px;
        text-align: center;
        min-height: 80px;
        padding-top: 20px;
    }

        .outage-map-list .map-view span,
        .outage-map-list .list-view span {
            padding: 0 10px 0 10px;
            font-weight: bold;
            font-size: 20px;
            color: #1771cc;
            font-family: "roboto-condensed-bold";
            letter-spacing: .4px;
        }

        .outage-map-list .map-view a,
        .outage-map-list .list-view a {
            text-decoration: none;
        }

    .outage-map-list .outage-maps-search {
        padding: 19px 0 13px;
        display: inline-block;
        width: 100%;
        position: relative;
    }

@media (max-width: 768px) {
    .outage-map-list .outage-maps-search {
        text-align: center;
        padding: 14px 0 13px;
    }
}

.outage-map-list .outage-maps-search input {
    color: #717171;
    font-family: "roboto-regular";
    font-size: 18px;
    padding: 6px 30px 6px 15px;
    width: 405px;
    height: 45px;
    border-radius: 0;
    display: inline-block;
    border-color: #979797;
}

@media (max-width: 768px) {
    .outage-map-list .outage-maps-search input {
        width: 100%;
        height: 48px;
    }
}

.outage-map-list .outage-maps-search span .pse-search-icon {
    color: #717171;
    position: absolute;
    right: 14px;
    top: 35px;
    cursor: pointer;
}

.outage-map-list .total-outage-customer {
    font-size: 16px;
    font-family: "roboto-regular";
    background: #474b55;
    color: #fff;
    padding: 10px 0 8px;
    text-align: center;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer {
        float: left;
        width: 100%;
        padding: 11px 18px;
    }
}

.outage-map-list .total-outage-customer span {
    padding-right: 5px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer span {
        font-size: 13px;
    }
}

.outage-map-list .total-outage-customer .energy-cons {
    float: left;
    padding-right: 12px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .energy-cons {
        font-size: 40px;
        padding-right: 35px;
    }

        .outage-map-list .total-outage-customer .energy-cons img {
            width: 30px;
            height: 49px;
        }
}

.outage-map-list .total-outage-customer .outage-total {
    display: inline-block;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total {
        text-align: left;
        float: left;
    }
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total .outage-total-count {
        font-size: 32px;
        bottom: 0;
        font-family: "roboto-light";
        line-height: 1.25;
    }
}

.outage-map-list .total-outage-customer .outage-total .fa {
    font-size: 25px;
}

.outage-map-list .total-outage-customer .outage-total span {
    position: relative;
    bottom: 5px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total span {
        display: block;
        bottom: 0;
    }
}

.outage-map-list .total-outage-customer .outage-total::after {
    content: "|";
    margin-right: 10px;
    padding-left: 10px;
    position: relative;
    top: -6px;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .outage-total::after {
        content: none;
    }
}

.outage-map-list .total-outage-customer .customer-affect {
    display: inline-block;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .customer-affect {
        float: right;
        width: 50%;
    }
}

.outage-map-list .total-outage-customer .customer-affect span {
    float: left;
}

@media (max-width: 768px) {
    .outage-map-list .total-outage-customer .customer-affect .customer-affect-total {
        width: 100%;
        text-align: left;
        font-size: 32px;
        font-family: "roboto-light";
        line-height: 1.25;
    }
}

.outage-map-list .map-change-icon,
.outage-map-list .list-view-icon {
    color: #1771cc;
    cursor: pointer;
    font-size: 24px;
    padding: 10px;
}

@media (min-width: 992px) {
    .outage-map-list .map-change-icon,
    .outage-map-list .list-view-icon {
        padding-left: 20px;
    }
}

.outage-map-list .list-content {
    display: none;
    background-color: #f6f6f6;
}

@media (max-width: 768px) {
    .outage-map-list .list-content {
        float: left;
        width: 100%;
        border-bottom: 1px solid #c3c3c3;
    }
}

.outage-map-list .list-content .map-button-view {
    text-align: center;
    padding: 20px 0;
}

.outage-map-list .list-content .h7 {
    letter-spacing: .4px;
    line-height: .79;
    padding: 40px 0 25px 25px;
}

@media (max-width: 768px) {
    .outage-map-list .list-content .h7 {
        margin-top: 50px;
        text-align: center;
        font-size: 20px;
        padding: 40px 0 9px 0;
    }
}

.outage-map-list .list-content ul {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 15px;
    padding: 0 0 15px 46px;
}

@media (max-width: 768px) {
    .outage-map-list .list-content ul {
        padding: 0 0 15px 22px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .outage-map-list .list-content ul {
        min-height: 226px;
    }
}

.outage-map-list .list-content ul > li {
    color: #4a4a4a;
}

    .outage-map-list .list-content ul > li > span {
        font-family: "roboto-light";
        font-size: 14px;
        font-weight: normal;
        min-width: 146px;
        max-width: 146px;
        display: inline-block;
        line-height: 1.36;
        vertical-align: middle;
    }

        .outage-map-list .list-content ul > li > span:first-child {
            font-family: "roboto-medium";
            font-weight: 500;
        }

@media (min-width: 992px) {
    .outage-map-list .list-content #mapListData:nth-child(9n+7) ul, .outage-map-list .list-content #mapListData:nth-child(9n+8) ul, .outage-map-list .list-content #mapListData:nth-child(9n+9) ul {
        border-bottom: none;
    }
}

@media (max-width: 768px) {
    .outage-map-list .list-content #mapListData:nth-child(9n+9) ul {
        border-bottom: none;
    }
}

.outage-map-list .list-content .controls {
    text-align: center;
    padding: 10px 0 0;
}

    .outage-map-list .list-content .controls .pnumbers {
        display: inline-block;
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 14px;
    }

        .outage-map-list .list-content .controls .pnumbers a:first-child {
            margin-left: 0;
        }

@media (max-width: 767px) {
    .outage-map-list .list-content .controls .pnumbers {
        margin-bottom: 15px;
    }
}

.outage-map-list .list-content .controls .pnumbers.active a {
    font-family: "roboto-condensed-bold";
    color: #006671;
    border-bottom: 4px solid #006671;
    padding-bottom: 12px;
}

.outage-map-list .list-content .controls a {
    font-family: "roboto-light";
    font-size: 16px;
    line-height: 1.19;
    color: #4a4a4a;
    padding: 0 11px;
    margin: 0 10px;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    .outage-map-list .list-content .controls a {
        font-size: 14px;
        padding: 0 8px;
        margin: 0;
    }
}

.outage-map-list .list-content .controls .fa {
    color: #c1c1c1;
    font-size: 14px;
}

.outage-map-list .list-content .controls span:nth-last-child(2) a {
    margin-right: 0;
}

.outage-map-list .list-content .listView-title {
    color: #006671;
    font-weight: 500;
    font-family: "roboto-medium";
    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 1.25;
    margin-bottom: 5px;
    display: inline-block;
}

@media (min-width: 992px) {
    .outage-map-list .list-content .listView-title {
        padding-left: 25px;
    }
}

.outage-map-list .list-content:nth-last-child(1) > ul, .outage-map-list .list-content:nth-last-child(2) > ul, .outage-map-list .list-content:nth-last-child(3) > ul {
    border-bottom: 0;
}

.legend-accordion {
    border-bottom: 1px solid #c3c3c3;
    height: 70px;
    padding-top: 18px;
}

@media (max-width: 768px) {
    .legend-accordion {
        height: 60px;
        padding-top: 10px;
        float: left;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .legend-accordion .legend-view-more-less {
        width: 32%;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .legend-accordion .legend-view-more-less {
        width: 38%;
    }
}

@media (max-width: 992px) {
    .legend-accordion .legend-view-more-less {
        width: 50%;
    }
}

.legend-accordion .legend-view-more-less p.title-legend, .legend-accordion .legend-view-more-less span.inner-txt {
    color: #474b55;
    font-family: "roboto-light";
    font-size: 24px;
    font-weight: 300;
}

.legend-accordion .legend-view-more-less .title-legend .fa {
    padding-right: 3px;
    font-size: 30px;
}

.legend-accordion .legend-link {
    padding: 2px 0;
}

@media (max-width: 768px) {
    .legend-accordion .legend-link {
        text-align: right;
    }
}

.legend-accordion .legend-link a.legend {
    color: #1771cc;
    display: block;
    font-size: 20px;
    font-weight: bold;
    font-family: "roboto-condensed-bold";
    position: relative;
    text-decoration: none;
}

    .legend-accordion .legend-link a.legend .arrow-updown {
        padding-left: 10px;
        margin-top: 5px;
    }

    .legend-accordion .legend-link a.legend .less {
        display: none;
    }

@media (max-width: 991px) {
    .legend-accordion-body {
        float: left;
    }
}

.legend-accordion-body #collapseLegend .legends-section {
    padding-top: 35px;
}

@media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section {
        padding-top: 18px;
        padding-left: 0;
    }
}

.legend-accordion-body #collapseLegend .legends-section .media-heading {
    font-family: "roboto-medium";
    font-size: 16px;
}

.legend-accordion-body #collapseLegend .legends-section p {
    font-family: "roboto-regular";
    font-size: 14px;
}

@media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section p {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section .media {
        margin-bottom: 0;
    }
}

.legend-accordion-body #collapseLegend .legends-section ul {
    padding-left: 20px;
    list-style: unset;
}

.legend-accordion-body #collapseLegend > .container {
    padding-bottom: 30px;
}

#map .modal.in:after {
    content: "";
    width: 100%;
    display: block;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

#OutageListTable {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    #OutageListTable .listView-container {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex: 1 33.3%;
    }

@media (max-width: 768px) {
    .map-area-btn {
        margin-top: 20px;
        text-align: center;
        position: absolute;
        z-index: 1;
        right: 0;
    }

        .map-area-btn .fa {
            padding-right: 10px;
        }
}

@media (max-width: 767px) {
    a.prev, a.next {
        padding: 0 !important;
    }
}

#interactiveMapNotify #hiddenRecaptcha-error {
    margin-top: 10px;
}

.outage.main-container {
    margin-bottom: 0;
}

.map-container #map .home-marker-iw-c {
    width: 220px !important;
    height: 110px !important;
    top: 5px !important;
}

.map-container #map .home-marker-iw-d {
    margin-top: 15px;
    padding: 0px 10px;
}

    .map-container #map .home-marker-iw-d .user-home-location-status {
        font-family: roboto-medium;
    }

    .map-container #map .home-marker-iw-d .home-power-status {
        font-family: roboto-regular;
        font-size: 12px;
        line-height: 16px;
    }

    .map-container #map .home-marker-iw-d .home-marker-infowindow {
        margin-top: 5px;
        font-family: roboto-regular;
        font-size: 12px;
        line-height: 16px;
    }

.map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect.home-marker-close-button {
    top: 0 !important;
    right: 5px !important;
}

.outages-login {
    margin-top: 30px;
}

    .outages-login .form-wrapper {
        padding-left: 0;
    }

    .outages-login .form-signin {
        margin-top: 25px;
    }

    .outages-login .col-md-offset-2 {
        margin-left: 0;
    }

    .outages-login h1 {
        color: #4a4a4a;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 25px;
    }

    .outages-login p {
        color: #4a4a4a;
        font-size: 18px;
        letter-spacing: .1px;
        margin-top: 10px;
    }

.outage-forms {
    margin-top: 30px;
}

    .outage-forms input[type="checkbox"],
    .outage-forms input[type="radio"] {
        right: auto;
    }

    .outage-forms input.outage-usphone-number {
        font-size: 18px;
    }

    .outage-forms .form-group .form-control:focus,
    .outage-forms .form-inline .form-control:focus {
        box-shadow: none;
    }

    .outage-forms .custom-select-arrow:after {
        bottom: 30px;
    }

    .outage-forms .custom-select-arrow select {
        font-family: "roboto-light";
        font-size: 21px;
        border: 1px solid #979797;
        padding: 10px;
        border-radius: 0;
        margin-bottom: 0;
    }

        .outage-forms .custom-select-arrow select::-ms-expand {
            display: none;
        }

    .outage-forms h1,
    .outage-forms h2 {
        color: #4a4a4a;
        font-weight: 300;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 15px;
    }

    .outage-forms p {
        color: #4a4a4a;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: .1px;
        margin-top: 10px;
    }

    .outage-forms .btn-action {
        border-radius: 47px;
        margin: 15px 0;
    }

    .outage-forms .form-main {
        margin: 30px 0;
    }

        .outage-forms .form-main .custom-textfield .form-control:not(:focus) + .form-control-placeholder {
            color: #717171;
        }

    .outage-forms .radio label,
    .outage-forms .checkbox label {
        color: #4a4a4a;
        font-size: 16px;
        margin: 10px 0;
    }

    .outage-forms .checkbox.errorDiv {
        margin-left: 20px;
    }

    .outage-forms .errorMessage .error {
        color: #d0021b;
    }

        .outage-forms .errorMessage .error::before {
            content: '\f00d';
            font-family: fontawesome;
            margin-right: 5px;
        }

    .outage-forms .errorMessage span {
        display: block;
    }

    .outage-forms a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: 16px;
    }

        .outage-forms a.btn-action {
            color: #fff;
        }

    .outage-forms.outages-confirmation h1 {
        margin-bottom: 40px;
    }

    .outage-forms.outages-confirmation h3 {
        margin-bottom: 30px;
    }

    .outage-forms.outages-confirmation .outage-address {
        margin: 30px 0;
    }

    .outage-forms.outages-verified-address h1 {
        margin-bottom: 40px;
    }

    .outage-forms.outages-verified-address .address-verified {
        margin: 30px 0;
    }

    .outage-forms.outages-verified-address p {
        margin: 20px 0;
    }

    .outage-forms.gas-contacts {
        margin: 30px 0;
    }

        .outage-forms.gas-contacts label {
            display: block;
        }

        .outage-forms.gas-contacts p {
            margin-top: 20px;
        }

            .outage-forms.gas-contacts p:nth-child(even) {
                margin-bottom: 30px;
            }

    .outage-forms.outages-close-address {
        margin-top: 0;
    }

    .outage-forms.outages-different-address form {
        padding-left: 0;
    }

    .outage-forms.outages-different-address h3 {
        color: #4a4a4a;
    }

    .outage-forms.report-electric-outage form {
        padding-left: 0;
    }

    .outage-forms.report-electric-outage .btn-action {
        border-radius: 47px;
    }

    .outage-forms.outages-report-loggedin {
        margin-top: 20px;
    }

        .outage-forms.outages-report-loggedin .padding-left-zero {
            padding-left: 0;
        }

        .outage-forms.outages-report-loggedin form {
            margin: 20px 0;
        }

        .outage-forms.outages-report-loggedin .radio label,
        .outage-forms.outages-report-loggedin .checkbox label {
            color: #4a4a4a;
            margin: 10px 0;
        }

        .outage-forms.outages-report-loggedin .btn-action {
            border-radius: 47px;
            white-space: normal;
        }

    .outage-forms.gas-leak h2 {
        margin-bottom: 30px;
    }

    .outage-forms .h8 {
        font-family: "roboto-medium";
        margin-bottom: 0;
        font-weight: 500;
    }

    .outage-forms textarea {
        resize: none;
    }

.account-selector-menu .payment-wrapper {
    background: #006671;
    color: #fff;
    min-height: 78px;
    padding: 10px 0;
}

    .account-selector-menu .payment-wrapper .payment-val {
        font-size: 20px;
    }

    .account-selector-menu .payment-wrapper .outage-paymentbtn-wrapper {
        padding: 11px 0;
    }

        .account-selector-menu .payment-wrapper .outage-paymentbtn-wrapper button {
            margin-right: 5px;
        }

@media (max-width: 767px) {
    .outage-forms .pse-btn-secondary {
        font-size: 18px;
        padding: 6px 15px;
    }
}

.street-light-upload .media {
    background-color: #c9c9c9;
    padding: 10px;
}

    .street-light-upload .media .media-left img {
        width: 100px;
    }

.street-light-upload input#outageAttachImage {
    background-color: #197ee3;
}

.street-light-upload button {
    margin: 20px 0 0;
}

.street-light-upload .btn-action {
    border-radius: 0;
}

.street-light-information text-area.form-control {
    height: auto;
}

form[name='outageStreetLight'] button[type='submit'] {
    margin-top: 20px;
}

@media (max-width: 768px) {
    form[name='outageStreetLight'] button[type='submit'] {
        white-space: normal;
    }
}

form[name='outageStreetLight'] .form-control-placeholder {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.Street-area-lightning {
    margin-top: 30px;
}

    .Street-area-lightning h4 {
        font-family: "roboto-light";
        font-size: 24px;
    }

.related-links {
    float: left;
    padding-bottom: 55px;
    width: 100%;
}

    .related-links h3 {
        padding: 10px 0 30px;
    }

    .related-links .related-links-info div:first-child {
        padding-left: 0;
    }

    .related-links .related-img {
        float: left;
        padding-right: 20px;
    }

    .related-links .related-info p {
        font-family: "roboto-light";
        font-size: 20px;
        color: #4a4a4a;
    }

    .related-links .related-info a {
        font-family: "roboto-condensed-bold";
        font-size: 20px;
        font-weight: bold;
    }

@media (max-width: 768px) {
    .related-links h3 {
        text-align: center;
    }
}

.reconnect-content-wrapper {
    border: 5px solid #808080;
    margin-top: 30px;
    padding: 20px 30px;
}

@media (max-width: 768px) {
    .reconnect-content-wrapper {
        padding: 10px;
    }
}

.reconnect-content-wrapper .reconnect-header {
    border-bottom: 1px solid #4a4a4a;
    font-size: 25px;
    margin: 0 0 20px;
    padding-bottom: 5px;
}

.reconnect-content-wrapper p,
.reconnect-content-wrapper .btn {
    margin-bottom: 20px;
}

.reconnect-content-wrapper .call-user {
    font-size: 18px;
    margin-bottom: 15px;
}

    .reconnect-content-wrapper .call-user a {
        color: #4a4a4a;
    }

.reconnect-content-wrapper .amount-owed {
    font-size: 40px;
    margin: 10px 0;
}

    .reconnect-content-wrapper .amount-owed span {
        color: #808080;
        font-size: 30px;
        margin-left: 5px;
    }

.reconnect-content-wrapper .btn-wrapper .btn {
    text-transform: uppercase;
    width: 100%;
}

.reconnect-content-wrapper .overdue-bill {
    color: #808080;
}

    .reconnect-content-wrapper .overdue-bill p {
        margin-bottom: 10px;
    }

    .reconnect-content-wrapper .overdue-bill span {
        font-size: 18px;
    }

.reconnect-content-wrapper .start-process {
    margin-top: 25px;
    text-align: right;
    text-transform: uppercase;
}

    .reconnect-content-wrapper .start-process a {
        color: #4a4a4a;
        cursor: pointer;
        font-size: 18px;
        margin-top: 15px;
    }

        .reconnect-content-wrapper .start-process a span {
            margin-left: 5px;
        }

@media (max-width: 768px) {
    .reconnect-content-wrapper.disconnected .amount-owed,
    .reconnect-content-wrapper.disconnected .overdue-bill {
        text-align: center;
    }
}

.billing-programs .billing-wrapper.reconnect-electrogas {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .billing-programs .billing-wrapper.reconnect-electrogas .enroll-wrapper {
        text-align: left;
    }
}

.reconnect-amount-due {
    border: 1px solid #808080;
    padding: 20px;
}

    .reconnect-amount-due .payment-date {
        font-size: 18px;
    }

        .reconnect-amount-due .payment-date span {
            color: #808080;
        }

    .reconnect-amount-due .amount-owed {
        font-size: 40px;
        margin: 10px 0;
    }

    .reconnect-amount-due .amount-description {
        color: #808080;
        font-size: 14px;
        margin-top: 10px;
    }

    .reconnect-amount-due .btn-wrapper {
        margin: 31px 0;
    }

        .reconnect-amount-due .btn-wrapper .btn {
            width: 100%;
        }

.reconnect-confirmation-wrapper .confirmation-message {
    border: 1px solid #808080;
    font-size: 25px;
    line-height: 1.1;
    padding: 30px;
}

.amount-wrap {
    color: #4a4a4a;
    margin-bottom: 15px;
    text-align: center;
}

    .amount-wrap .amount-head {
        font-size: 18px;
        letter-spacing: 0.1px;
        margin-bottom: 20px;
    }

    .amount-wrap .amount-value {
        font-size: 38px;
        font-family: "roboto-light";
        font-weight: 300;
        line-height: 0.58;
    }

.pse-panel {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 25px 0;
    font-size: 16px;
}

    .pse-panel .panel-body {
        padding: 27px 32px;
    }

@media (max-width: 480px) {
    .pse-panel .panel-body {
        text-align: center;
    }
}

.pse-panel .panel-body .panel-description {
    color: #4a4a4a;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.pse-panel .panel-body a.redirect-link {
    color: #1771cc;
    font-size: 16px;
    text-decoration: underline;
}

.pse-panel .panel-body .pse-form-btn {
    color: #1771cc;
    line-height: 1.2;
    padding-left: 0;
}

@media (max-width: 480px) {
    .pse-panel .panel-body .pse-form-btn {
        font-size: 18px;
    }
}

.pse-panel .panel-body .pse-form-btn:hover, .pse-panel .panel-body .pse-form-btn:focus {
    color: #004A94;
    text-decoration: none;
}

.pse-panel .panel-heading {
    border-radius: 0;
    border: 0;
    padding-left: 32px;
}

    .pse-panel .panel-heading .h2 {
        font-size: 30px;
        font-family: "roboto-light";
        font-weight: 300;
        margin: 2px 0;
        text-transform: capitalize;
    }

.pse-panel.panel-danger .panel-heading {
    background-color: #c41f3d;
}

    .pse-panel.panel-danger .panel-heading .h2 {
        color: #fff;
    }

.pse-panel.panel-danger .panel-body {
    background-color: #fcf3f5;
}

.pse-panel.panel-suggestion .panel-heading {
    background-color: #00a6cf;
}

    .pse-panel.panel-suggestion .panel-heading .h2 {
        color: #4a4a4a;
    }

.pse-panel.panel-suggestion .panel-body {
    background-color: #eaf8fb;
}

.pse-panel.panel-nopayment .panel-heading {
    background-color: #b8c42e;
}

    .pse-panel.panel-nopayment .panel-heading .h2 {
        color: #4a4a4a;
    }

.pse-panel.panel-nopayment .panel-body {
    background-color: #eefae9;
}

.pse-panel .start-reconnect-btn {
    color: #1771cc;
    line-height: 0.9;
    padding: 0;
}

@media (max-width: 768px) {
    .pse-panel .start-reconnect-btn {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .pse-panel .start-reconnect-btn {
        margin-bottom: 0;
    }
}

.pse-panel.panel-disconnected .panel-heading {
    clear: both;
    overflow: hidden;
}

    .pse-panel.panel-disconnected .panel-heading .h2 {
        float: left;
        width: calc(100% - 20px);
    }

    .pse-panel.panel-disconnected .panel-heading .close-field {
        cursor: pointer;
        float: right;
        font-size: 22px;
        color: #fff;
    }

.toll-free {
    color: #4a4a4a;
    font-size: 20px;
    font-family: "roboto-medium";
    font-weight: 500;
}

.sub-title {
    font-size: 20px;
    color: #4a4a4a;
    margin-bottom: 15px;
}

.btn.btn-nopay {
    font-size: 20px;
    font-family: "roboto-condensed-bold";
    line-height: 1.65;
    margin-top: 10px;
    padding: 4px 0;
    width: 100%;
}

    .btn.btn-nopay:focus {
        outline: none;
    }

hr {
    background-color: #c3c3c3;
    height: 1px;
    width: 100%;
}

.budget-content .body-l {
    color: #4a4a4a;
    font-family: "roboto-regular";
    line-height: 1.2;
}

    .budget-content .body-l ul {
        color: #4a4a4a;
        line-height: 1.5;
    }

        .budget-content .body-l ul li {
            padding: 11.5px 0;
        }

.budget-graph {
    border: 1px solid #c2c2c2;
    margin-bottom: 35px;
}

@media (max-width: 991px) {
    .budget-graph {
        margin-bottom: 10px;
    }
}

.budget-graph .h8 {
    color: #006671;
    margin: 0;
    padding: 27px 0 0 24px;
}

.budget-billing-sign {
    background-color: #e5f6fa;
    padding: 0;
}

@media (max-width: 991px) {
    .budget-billing-sign {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 18px;
        text-align: center;
    }
}

.budget-billing-sign p {
    margin: 15px 0;
    padding: 15px 0 15px 30px;
    text-align: left;
}

@media (max-width: 991px) {
    .budget-billing-sign p {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .budget-billing-sign p {
        text-align: left;
    }
}

.budget-billing-sign .sign-btn {
    cursor: pointer;
    font-size: 20px;
    padding: 10px 25px;
}

@media (max-width: 991px) {
    .budget-billing-sign .sign-btn {
        margin: 0 0 20px;
    }
}

.eligible-unenroll {
    background: #e5f6fa;
    padding: 30px 10px;
}

    .eligible-unenroll p {
        font-size: 18px;
    }

        .eligible-unenroll p a {
            text-decoration: underline;
        }

    .eligible-unenroll .budget-eligible-content p {
        font-size: 18px;
    }

.bs-unenroll-modal-md .modal-content,
.bs-enroll-modal-md .modal-content {
    margin: 0 auto;
}

.bs-unenroll-modal-md .modal-header,
.bs-enroll-modal-md .modal-header {
    border-bottom-width: 0;
    padding-left: 30px;
    padding-top: 25px;
}

    .bs-unenroll-modal-md .modal-header .close,
    .bs-enroll-modal-md .modal-header .close {
        font-size: 32px;
    }

.bs-unenroll-modal-md .btn-default,
.bs-enroll-modal-md .btn-default {
    background-color: #f6f6f6;
    border-radius: 20px;
    color: #32363d;
    font-weight: bold;
    padding: 10px 30px;
}

.bs-unenroll-modal-md .btn,
.bs-enroll-modal-md .btn {
    min-width: 200px;
}

.bs-unenroll-modal-md .modal-body,
.bs-enroll-modal-md .modal-body {
    padding: 0 20px 30px;
}

.bs-unenroll-modal-md .modal-dialog,
.bs-enroll-modal-md .modal-dialog {
    align-items: center;
    display: flex;
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
}

.bs-unenroll-modal-md .btn-action,
.bs-enroll-modal-md .btn-action {
    margin: 0 15px;
}

.unenroll {
    background: #e5f6fa;
    padding: 20px 30px;
}

@media (max-width: 991px) {
    .unenroll {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        text-align: center;
    }
}

.unenroll .budget-card-content {
    font-size: 24px;
}

    .unenroll .budget-card-content .h7 {
        margin-bottom: 0;
    }

    .unenroll .budget-card-content h3 {
        font-family: "roboto-regular";
        font-weight: normal;
        margin: 0;
    }

.unenroll hr {
    background-color: #c3c3c3;
    margin-bottom: 0;
}

.unenroll p {
    color: #197ee3;
    cursor: pointer;
}

    .unenroll p > a {
        color: #197ee3;
        font-family: "roboto-bold";
        font-size: 20px;
        margin-left: 10px;
    }

.unenroll .btn-action {
    margin: 20px 0;
}

@media (max-width: 768px) {
    .unenroll .btn-action {
        margin: 30px 0;
    }
}

.enrolled-budget-plan,
.unenrolled-budget-plan {
    background-color: #e5f6fa;
    padding: 25.5px 32px;
}

@media (max-width: 768px) {
    .enrolled-budget-plan .btn-action,
    .unenrolled-budget-plan .btn-action {
        padding: 10px 30px;
    }
}

@media (max-width: 768px) and (max-width: 991px) {
    .enrolled-budget-plan,
    .unenrolled-budget-plan {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        text-align: center;
    }
}

.enrolled-budget-plan p,
.unenrolled-budget-plan p {
    color: #4a4a4a;
    margin: 0 0 15px;
}

.enrolled-budget-plan h3,
.unenrolled-budget-plan h3 {
    font-family: "roboto-regular";
    margin-top: 0;
}

.enrolled-budget-plan .h8,
.unenrolled-budget-plan .h8 {
    color: #1771cc;
    cursor: pointer;
}

    .enrolled-budget-plan .h8 > a,
    .unenrolled-budget-plan .h8 > a {
        color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 20px;
        margin-left: 10px;
    }

    .enrolled-budget-plan .h8 .fa,
    .unenrolled-budget-plan .h8 .fa {
        margin: 5px;
    }

.enrolled-budget-plan .btn.btn-action {
    margin-bottom: 15px;
}

.budget-billing-note {
    margin-bottom: 35px;
}

    .budget-billing-note .body-xs {
        letter-spacing: 0.1px;
        line-height: 1.3;
    }

.account-ineligible {
    background-color: #fcf0dc;
    padding: 25px 20px 30px;
}

@media (max-width: 991px) {
    .account-ineligible {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 18px;
    }
}

.account-ineligible .media {
    margin-bottom: 0;
}

.account-ineligible .body-xl {
    font-family: "roboto-medium";
    padding-top: 10px;
}

@media (max-width: 768px) {
    .account-ineligible .body-xl {
        font-size: 18px;
    }
}

.account-ineligible p {
    font-size: 20px;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .account-ineligible p {
        font-size: 14px;
        padding-left: 0;
    }
}

.account-ineligible p span {
    font-family: "roboto-medium";
}

.media-card-section {
    border: 1px solid #c2c2c2;
    margin-bottom: 35px;
    padding: 25px 25px 0;
}

    .media-card-section > p {
        color: #006671;
        font-family: "roboto-condensed-bold";
        font-size: 20px;
    }

    .media-card-section p {
        margin-bottom: 0;
    }

    .media-card-section .budgetbilling-media {
        margin-bottom: 40px;
        margin-top: 10px;
    }

@media (max-width: 991px) {
    .media-card-section .budgetbilling-media {
        margin-bottom: 22px;
    }
}

.media-card-section .budgetbilling-media .media-body .autopay-redirect {
    font-size: 16px;
    padding: 0;
}

    .media-card-section .budgetbilling-media .media-body .autopay-redirect:hover {
        text-decoration: underline;
        color: #1771cc;
    }

    .media-card-section .budgetbilling-media .media-body .autopay-redirect .fa-chevron-right {
        margin-left: 0;
        text-decoration: none;
    }

.media-card-section .budgetbilling-media .media-body .media-heading {
    font-family: "roboto-bold";
    font-size: 16px;
    color: #4a4a4a;
}

@media (max-width: 991px) {
    .media-card-section .budgetbilling-media .media-body .media-heading {
        font-size: 14px;
    }
}

.media-card-section .budgetbilling-media .media-body > a {
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
}

    .media-card-section .budgetbilling-media .media-body > a + i,
    .media-card-section .budgetbilling-media .media-body > a + .fa {
        color: #1771cc;
    }

@media (max-width: 991px) {
    .media-card-section .budgetbilling-media .media-body p {
        font-size: 14px;
    }
}

.media-card-section .btn-action {
    min-width: 160px;
}

.budget-payment-plan {
    margin-top: 20px;
}

    .budget-payment-plan .pagetitle {
        margin: 0;
    }

.main-container + .budget-payment-plan {
    margin-top: 10px;
}

.pagetitle h2 {
    color: #4a4a4a;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.1;
}

@media (max-width: 768px) {
    .pagetitle h2 {
        font-size: 30px;
    }
}

.subtitle {
    color: #4a4a4a;
    letter-spacing: normal;
    line-height: 1.1;
}

@media (max-width: 768px) {
    .subtitle {
        font-size: 20px;
    }
}

.subtitle .h6 {
    font-family: "roboto-regular";
    font-weight: 300;
}

.terms-condition a {
    color: #1771cc;
    font-family: "roboto-medium";
}

@media (max-width: 991px) {
    .pse-success {
        margin-bottom: 10px;
        margin-top: 30px;
    }
}

.pse-success .alert {
    background-color: #eefae9;
    color: #4a4a4a;
    margin: 0;
}

@media (max-width: 991px) {
    .pse-success .alert {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 18px;
    }
}

.pse-success .alert span {
    font-size: 22px;
    font-family: "roboto-medium";
    color: #4a4a4a;
}

@media (max-width: 991px) {
    .pse-success .alert button {
        top: -5px;
        right: -10px;
    }
}

.pse-success .alert .close {
    top: -15px;
}

.pse-success h6 {
    margin: 0;
}

.pse-success .media {
    margin: 0;
}

    .pse-success .media .media-body {
        vertical-align: middle;
    }

.pse-success .fa {
    color: #b8c42e;
    font-size: 64px;
}

@media (max-width: 991px) {
    .pse-warn {
        margin-bottom: 10px;
        margin-top: 30px;
    }
}

.pse-warn .alert {
    background-color: #fcf0dc;
    color: #ed9f1b;
}

@media (max-width: 991px) {
    .pse-warn .alert {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 18px;
    }
}

.pse-warn .alert span {
    color: #4a4a4a;
    font-family: "roboto-medium";
    font-size: 22px;
}

@media (max-width: 991px) {
    .pse-warn .alert button {
        top: -5px;
        right: -10px;
    }
}

.pse-warn .alert .close {
    top: -15px;
}

.pse-warn h6 {
    margin: 0;
}

.pse-warn .media {
    margin: 0;
}

    .pse-warn .media .media-body {
        vertical-align: middle;
    }

.pse-warn .fa {
    color: #ed9f1b;
    font-size: 64px;
}

.pse-error {
    margin-top: 30px;
}

@media (max-width: 991px) {
    .pse-error {
        margin-bottom: 10px;
        margin-top: 30px;
    }
}

.pse-error .alert {
    background-color: #c41f3d;
    color: #fff;
    margin: 0;
}

@media (max-width: 991px) {
    .pse-error .alert {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 18px;
    }
}

.pse-error .alert span {
    color: #fff;
    font-family: "roboto-medium";
    font-size: 22px;
}

@media (max-width: 991px) {
    .pse-error .alert button {
        right: -10px;
        top: -5px;
    }
}

.pse-error .alert .close {
    top: -15px;
}

.pse-error h6 {
    color: #fff;
    margin: 0;
}

.pse-error .media {
    margin: 0;
}

    .pse-error .media .media-body {
        vertical-align: middle;
    }

.pse-error .fa {
    color: #fff;
    font-size: 64px;
}

.featured-link {
    background-color: #f6f6f6;
    margin-top: 35px;
}

    .featured-link.related-links .related-img {
        padding: 0 20px 20px;
    }

    .featured-link h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

@media (max-width: 768px) {
    .featured-link h3 {
        font-size: 32px;
        text-align: center;
        margin-bottom: 15px;
    }
}

.account-selector-menu {
    -moz-box-shadow: 0 0 5px 0 #32363d;
    -webkit-box-shadow: 0 0 5px 0 #32363d;
    box-shadow: 0 0 5px 0 #32363d;
    border-radius: 5px;
    margin-top: 30px;
}

    .account-selector-menu .navbar {
        border-bottom: 1px solid #006671;
        border-radius: 0;
        margin-bottom: 0;
    }

        .account-selector-menu .navbar .navbar-header {
            border-bottom: 1px solid #006671;
        }

        .account-selector-menu .navbar .navbar-brand {
            color: #006671;
        }

        .account-selector-menu .navbar .navbar-toggle .icon-bar {
            border: 1px solid #006671;
        }

@media (max-width: 768px) {
    .account-selector-menu .navbar .navbar-collapse {
        margin: 0;
        padding: 0;
    }
}

.account-selector-menu .navbar .navbar-collapse li {
    border-bottom: 2px solid transparent;
}

@media (max-width: 768px) {
    .account-selector-menu .navbar .navbar-collapse li {
        width: 100%;
    }
}

.account-selector-menu .navbar .navbar-collapse li.active {
    border-bottom: 2px solid #006671;
}

@media (max-width: 768px) {
    .account-selector-menu .navbar .navbar-collapse li.active {
        border: 0;
        font-weight: bold;
    }
}

.account-selector-menu .navbar .navbar-collapse li a {
    color: #006671;
    padding: 15px 13px;
}

@media (max-width: 768px) {
    .account-selector-menu .navbar .navbar-collapse li a {
        padding: 15px 30px;
    }
}

.account-selector-menu .navbar .navbar-collapse li a:hover, .account-selector-menu .navbar .navbar-collapse li a:focus {
    background-color: transparent;
}

.account-selector-menu .overview-wrapper {
    background-color: #006671;
    color: #fff;
    padding: 20px 0 10px;
}

    .account-selector-menu .overview-wrapper p {
        font-size: 18px;
    }

        .account-selector-menu .overview-wrapper p .fa {
            margin-right: 10px;
        }

    .account-selector-menu .overview-wrapper .account-summary p {
        font-size: 15px;
    }

        .account-selector-menu .overview-wrapper .account-summary p span {
            display: block;
            font-size: 12px;
        }

        .account-selector-menu .overview-wrapper .account-summary p .fa {
            float: right;
        }

    .account-selector-menu .overview-wrapper .account-summary .account-selection {
        margin-top: 10px;
    }

        .account-selector-menu .overview-wrapper .account-summary .account-selection a {
            color: inherit;
        }

            .account-selector-menu .overview-wrapper .account-summary .account-selection a:hover, .account-selector-menu .overview-wrapper .account-summary .account-selection a:focus, .account-selector-menu .overview-wrapper .account-summary .account-selection a:active {
                text-decoration: none;
            }

            .account-selector-menu .overview-wrapper .account-summary .account-selection a i {
                float: right;
            }

! * Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #999;
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.datepicker > div {
    display: none;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #999;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

    .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
        background-color: #fdf59a;
    }

        .datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
            background-color: #fbf069;
        }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
        background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
        border-color: #f3e97a #f3e97a #edde34;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
            background-color: #f3e97a;
        }

            .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
                background-color: #efe24b;
            }

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: linear-gradient(to bottom, #b3b3b3, grey);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: grey grey #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
        background-color: grey;
    }

        .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
            background-color: #666;
        }

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
        background-color: #04c;
    }

        .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
            background-color: #039;
        }

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

    .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background: #eee;
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #999;
        cursor: default;
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(to bottom, #08c, #04c);
        background-image: -ms-linear-gradient(to bottom, #08c, #04c);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
        background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
        background-image: -o-linear-gradient(to bottom, #08c, #04c);
        background-image: linear-gradient(to bottom, #08c, #04c);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
        border-color: #04c #04c #002a80;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
            background-color: #04c;
        }

            .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
                background-color: #039;
            }

    .datepicker table tr td span.new, .datepicker table tr td span.old {
        color: #999;
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
        background: #eee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-append.date .add-on, .input-prepend.date .add-on {
    cursor: pointer;
}

    .input-append.date .add-on i, .input-prepend.date .add-on i {
        margin-top: 3px;
    }

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

# sourceMappingURL=bootstrap-datepicker.min.css.map
! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: -1px;
    }

.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

    .ui-widget-content a {
        color: #333;
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
                border: 1px solid #ccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff;
}

    .ui-icon-background, .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff;
    }

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #fff;
        text-decoration: none;
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35);
    }

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .003;
    filter: Alpha(Opacity=0.3);
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
}

! * FullCalendar v3.9.0
* Docs & License: https://fullcalendar.io/
* (c) 2018 Adam Shaw

.fc button, .fc table, body .fc {
    font-size: 1em;
}

.fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0;
}

.fc-icon, .fc-unselectable {
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

.fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
    text-align: center;
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3;
}

.fc-nonbusiness {
    background: #d7d7d7;
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    white-space: nowrap;
    cursor: pointer;
}

    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }

.fc-state-default {
    border: 1px solid;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .fc-state-default.fc-corner-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .fc-state-default.fc-corner-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle;
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.fc-state-active, .fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none;
}

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
    cursor: pointer;
}

.fc-button-group {
    display: inline-block;
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
    margin-left: 0;
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

    .fc-popover .fc-header {
        padding: 2px 4px;
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px;
        }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right;
}

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0;
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%;
}

.fc-clear {
    clear: both;
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

    .fc td.fc-today {
        border-style: double;
    }

a[data-goto]:hover {
    text-decoration: underline;
}

.fc .fc-row {
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
}

.fc-row {
    position: relative;
}

    .fc-row .fc-bg {
        z-index: 1;
    }

    .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
        border-color: transparent;
    }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2;
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3;
    }

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px;
    }

    .fc-row .fc-helper-skeleton {
        z-index: 5;
    }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    border-top: 0;
}

.fc-scroller {
    -webkit-overflow-scrolling: touch;
}

.fc-icon, .fc-row.fc-rigid, .fc-time-grid-event {
    overflow: hidden;
}

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
}

.fc-event, .fc-event-dot {
    background-color: #3a87ad;
}

    .fc-event, .fc-event:hover {
        color: #fff;
        text-decoration: none;
    }

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed;
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block;
}

    .fc-event.fc-selected .fc-resizer:before {
        content: "";
        position: absolute;
        z-index: 9999;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

    .fc-event.fc-selected.fc-dragging {
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    }

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px;
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px;
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25;
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
}

.fc-day-grid-event .fc-time {
    font-weight: 700;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

    a.fc-more:hover {
        text-decoration: underline;
    }

.fc.fc-bootstrap3 a, .ui-widget .fc-event {
    text-decoration: none;
}

.fc-limited {
    display: none;
}

.fc-icon, .fc-toolbar .fc-center {
    display: inline-block;
}

.fc-day-grid .fc-row {
    z-index: 1;
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

    .fc-more-popover .fc-event-container {
        padding: 10px;
    }

.fc-bootstrap3 .fc-popover .panel-body, .fc-bootstrap4 .fc-popover .card-body {
    padding: 0;
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}

.fc-bootstrap3 .fc-today.alert, .fc-bootstrap4 .fc-today.alert {
    border-radius: 0;
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
}

    .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
        background: #eee;
    }

.fc-unthemed td.fc-today {
    background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3;
}

.fc-icon {
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    font-family: "Courier New",Courier,monospace;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .fc-icon:after {
        position: relative;
    }

.fc-icon-left-single-arrow:after {
    content: "\2039";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    content: "\203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
}

.fc-icon-left-double-arrow:after {
    content: "\AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\D7";
    font-size: 200%;
    top: 6%;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
    font-size: .9em;
    margin-top: 2px;
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5;
}

.ui-widget .fc-disabled-day {
    background-image: none;
}

.fc-bootstrap3 .fc-time-grid .fc-slats table, .fc-bootstrap4 .fc-time-grid .fc-slats table, .fc-time-grid .fc-slats .ui-widget-content {
    background: 0 0;
}

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
}

.fc-bootstrap3 hr.fc-divider, .fc-bootstrap4 hr.fc-divider {
    border-color: inherit;
}

.ui-widget .fc-event {
    color: #fff;
    font-weight: 400;
}

.ui-widget td.fc-axis {
    font-weight: 400;
}

.fc.fc-bootstrap3 a[data-goto]:hover {
    text-decoration: underline;
}

.fc.fc-bootstrap4 a {
    text-decoration: none;
}

    .fc.fc-bootstrap4 a[data-goto]:hover {
        text-decoration: underline;
    }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
    color: #fff;
}

.fc-bootstrap4 .fc-popover.card {
    position: absolute;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em;
}

.fc-toolbar .fc-left {
    float: left;
}

.fc-toolbar .fc-right {
    float: right;
}

.fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em;
}

.fc .fc-toolbar > * > :first-child {
    margin-left: 0;
}

.fc-toolbar h2 {
    margin: 0;
}

.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1;
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-day-top.fc-other-month {
    opacity: .3;
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 2px;
}

.fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number {
    padding: 0 2px;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: grey;
}

.fc-basic-view td.fc-week-number > * {
    display: inline-block;
    min-width: 1.25em;
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
}

    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em;
    }

        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-bottom: 1em;
        }

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
}

    .fc-time-grid table {
        border: 0 hidden transparent;
    }

    .fc-time-grid > .fc-bg {
        z-index: 1;
    }

    .fc-time-grid .fc-slats, .fc-time-grid > hr {
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-content-col {
        position: relative;
    }

    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
    }

    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1;
    }

    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-highlight-container {
        z-index: 3;
        position: relative;
    }

    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4;
    }

    .fc-time-grid .fc-now-indicator-line {
        z-index: 5;
    }

    .fc-time-grid .fc-helper-container {
        position: relative;
        z-index: 6;
    }

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0;
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted;
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0;
    }

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1;
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0;
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-time-grid-event.fc-selected {
    overflow: visible;
}

    .fc-time-grid-event.fc-selected .fc-bg {
        display: none;
    }

.fc-time-grid-event .fc-content {
    overflow: hidden;
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px;
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top;
}

    .fc-time-grid-event.fc-short .fc-time span {
        display: none;
    }

    .fc-time-grid-event.fc-short .fc-time:before {
        content: attr(data-start);
    }

    .fc-time-grid-event.fc-short .fc-time:after {
        content: "\A0-\A0";
    }

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
        content: "=";
    }

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.fc-rtl .fc-list-view {
    direction: rtl;
}

.fc-list-view {
    border-width: 1px;
    border-style: solid;
}

.fc .fc-list-table {
    table-layout: auto;
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
}

.fc-list-table tr:first-child td {
    border-top-width: 0;
}

.fc-list-heading {
    border-bottom-width: 1px;
}

    .fc-list-heading td {
        font-weight: 700;
    }

.fc-ltr .fc-list-heading-main {
    float: left;
}

.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
    float: right;
}

.fc-rtl .fc-list-heading-alt {
    float: left;
}

.fc-list-item.fc-has-url {
    cursor: pointer;
}

.fc-list-item-marker, .fc-list-item-time {
    white-space: nowrap;
    width: 1px;
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0;
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit;
}

    .fc-list-item-title a[href]:hover {
        text-decoration: underline;
    }

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fc-unthemed .fc-list-empty {
    background-color: #eee;
}

.account-pay-section {
    background-color: #e5ebf2;
    padding: 50px 40px;
}

    .account-pay-section .account-pay-logo {
        float: left;
        margin: 7px 10px 0 0;
        width: 100px;
    }

    .account-pay-section .account-pay-text {
        margin-left: 110px;
    }

        .account-pay-section .account-pay-text p {
            font-size: 16px;
        }

            .account-pay-section .account-pay-text p:last-child {
                margin-bottom: 0;
            }

@media (min-width: 768px) and (max-width: 991px) {
    .account-pay-section .account-pay {
        margin: 0 auto;
        width: 50%;
    }
}

.account-balance {
    background-color: #7dc5c3;
    color: #fff;
    font-weight: 500;
    min-height: 145px;
    padding: 33px 0;
    text-align: center;
}

    .account-balance h2 {
        margin-top: 0;
    }

    .account-balance p {
        font-size: 16px;
    }

.pse-tabs {
    padding-top: 15px;
}

    .pse-tabs > .col-md-12 {
        position: inherit;
    }

    .pse-tabs .nav-tabs {
        border-bottom: 1px solid #006570;
    }

        .pse-tabs .nav-tabs li {
            margin-bottom: 1px;
        }

            .pse-tabs .nav-tabs li > a {
                color: #4a4a4a;
                font-size: 16px;
            }

                .pse-tabs .nav-tabs li > a:hover {
                    background-color: transparent;
                    border-color: #fff;
                }

            .pse-tabs .nav-tabs li.active > a {
                color: #006570;
                border: 0;
                border-bottom: 4px solid #006570;
                font-weight: bold;
                margin-bottom: -2px;
            }

    .pse-tabs .button-component {
        float: right;
        margin-bottom: 20px;
    }

@media screen and (max-width: 1023px) {
    .pse-tabs .nav-tabs > li {
        width: 50%;
    }

        .pse-tabs .nav-tabs > li a {
            font-size: 11px;
        }

            .pse-tabs .nav-tabs > li a.no-document {
                display: none;
            }
}

.data-table {
    float: left;
    padding-top: 40px;
    width: 100%;
}

    .data-table table {
        min-width: 1024px;
        width: 100%;
    }

        .data-table table thead {
            color: #fff;
            background: #474b55;
            text-transform: uppercase;
        }

            .data-table table thead tr th {
                padding: 10px;
            }

                .data-table table thead tr th .fa {
                    cursor: pointer;
                    font-size: 15px;
                    margin-left: 6px;
                }

                    .data-table table thead tr th .fa.fa-filter:before {
                        color: #b5b7bb;
                    }

                .data-table table thead tr th.dropdown-menu {
                    position: absolute;
                }

        .data-table table tbody tr:nth-of-type(2n+1) {
            background-color: #f1f9f8;
        }

        .data-table table tbody tr td {
            padding: 10px 8px;
        }

            .data-table table tbody tr td.headcol {
                padding-left: 10px;
            }

                .data-table table tbody tr td.headcol span.grey-icons {
                    color: #9b9b9b;
                    margin-left: 5px;
                    text-align: center;
                    width: 25px;
                }

            .data-table table tbody tr td a {
                color: #197ee3;
                margin-right: 30px;
            }

                .data-table table tbody tr td a:hover {
                    text-decoration: none;
                }

                .data-table table tbody tr td a span {
                    margin-left: 5px;
                }

                .data-table table tbody tr td a:last-child {
                    margin-right: 0;
                }

@media screen and (max-width: 1023px) {
    .data-table {
        overflow-x: auto;
    }

    .tab-content .tab-title {
        display: none;
    }

    .tab-content .button-component {
        text-align: center;
        float: none;
    }
}

#no-document-history {
    margin-bottom: 50px;
}

    #no-document-history .document-head {
        margin-bottom: 40px;
        margin-top: 20px;
    }

@media (max-width: 991px) {
    #no-document-history .document-logo {
        text-align: center;
    }

    #no-document-history .document-text {
        margin-top: 20px;
    }
}

.table-description {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 0.3px;
}

.table-head {
    color: #474b55;
    font-weight: 300;
    margin-top: 30px;
}

.pse-datatable {
    margin: 20px 0 30px;
    position: relative;
}

@media (max-width: 991px) {
    .pse-datatable {
        margin: 45px 0 20px;
    }
}

.pse-datatable thead {
    background: #474b55;
    color: #fff;
    text-transform: uppercase;
}

    .pse-datatable thead th {
        background: #474b55;
        border-bottom: 0 !important;
        font-size: 14px;
        padding: 12px 15px !important;
        position: relative;
        white-space: nowrap;
        letter-spacing: 0.3px;
    }

@media (max-width: 991px) {
    .pse-datatable thead th {
        padding: 12px 10px !important;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .pse-datatable thead th {
        font-size: 14px;
    }
}

.pse-datatable thead th:focus {
    outline: none;
}

.pse-datatable thead th .custom-filter {
    color: #bbbbbb;
    margin: 0 0 0 35px;
}

@media (max-width: 991px) {
    .pse-datatable thead th .custom-filter {
        margin: 0 0 0 20px;
    }
}

.pse-datatable thead th .custom-filter .dropdown-menu {
    color: #474b55;
}

    .pse-datatable thead th .custom-filter .dropdown-menu .filter-header {
        font-size: 16px;
        text-transform: capitalize;
    }

.pse-datatable thead th.sorting .sort-icon::after {
    content: '\f0dc';
}

.pse-datatable thead th.sorting .pse-sort-icon::after {
    content: '\f175';
}

.pse-datatable thead th.sorting_asc .sort-icon {
    border-bottom: 2px solid;
}

    .pse-datatable thead th.sorting_asc .sort-icon::after {
        content: '\f176';
    }

.pse-datatable thead th.sorting_asc .pse-sort-icon::after {
    content: '\f176';
}

.pse-datatable thead th.sorting_desc .sort-icon {
    border-bottom: 2px solid;
}

    .pse-datatable thead th.sorting_desc .sort-icon::after {
        content: '\f175';
    }

.pse-datatable thead th.sorting_desc .pse-sort-icon::after {
    content: '\f175';
}

.pse-datatable thead th .sort-icon::after {
    font-family: FontAwesome;
    margin-left: 15px;
    position: absolute;
}

@media (max-width: 991px) {
    .pse-datatable thead th .sort-icon::after {
        margin-left: 7px;
    }
}

.pse-datatable thead th .pse-sort-icon::after {
    font-family: FontAwesome;
    margin-left: 5px;
}

.pse-datatable tbody {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 1.5;
    letter-spacing: .1px;
}

@media (max-width: 991px) {
    .pse-datatable tbody {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .pse-datatable tbody {
        font-size: 14px;
    }
}

.pse-datatable tbody tr.odd, .pse-datatable tbody tr .sorting_1, .pse-datatable tbody tr .sorting_2 {
    background-color: transparent !important;
}

.pse-datatable tbody tr.even {
    background-color: rgba(208, 232, 231, 0.3);
}

    .pse-datatable tbody tr.even:hover {
        background-color: rgba(208, 232, 231, 0.3) !important;
    }

.pse-datatable tbody td {
    border-top: none !important;
    padding: 10px 10px 15px 15px !important;
}

@media (max-width: 991px) {
    .pse-datatable tbody td {
        padding: 10px 0 15px 10px !important;
    }
}

.pse-datatable tbody td .activity-data {
    font-size: 16px;
    color: #4a4a4a;
}

    .pse-datatable tbody td .activity-data:hover {
        text-decoration: none;
    }

    .pse-datatable tbody td .activity-data span {
        display: inline-block;
        vertical-align: top;
    }

@media (max-width: 991px) {
    .pse-datatable tbody td .activity-data {
        font-size: 14px;
    }

        .pse-datatable tbody td .activity-data span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 55%;
        }
}

@media (max-width: 767px) {
    .pse-datatable tbody td .activity-data.pay-link {
        color: #1771cc;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .pse-datatable tbody td .activity-data {
        font-size: 14px;
    }
}

.pse-datatable tbody td img.activity-icon {
    color: #9b9b9b;
    margin-right: 8px;
}

.pse-datatable tbody td i {
    padding-right: 5px;
}

    .pse-datatable tbody td i.activity-icon {
        color: #9b9b9b;
        float: left;
        margin-top: 5px;
        width: 25px;
    }

        .pse-datatable tbody td i.activity-icon.fa-warning {
            color: #c41f3d;
        }

    .pse-datatable tbody td i.mobile-icon {
        display: none;
        font-size: 20px;
    }

@media (max-width: 767px) {
    .pse-datatable tbody td i.mobile-icon {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .pse-datatable tbody td i.mobile-icon {
        font-size: 18px;
    }
}

.pse-datatable tbody td a {
    font-weight: 500;
}

    .pse-datatable tbody td a.download-doc {
        color: #1771cc;
        text-transform: capitalize;
    }

    .pse-datatable tbody td a.download-bill {
        color: #1771cc;
    }

        .pse-datatable tbody td a.download-bill i {
            font-weight: 600;
        }

    .pse-datatable tbody td a.open-inserturl {
        color: #197ee3;
    }

    .pse-datatable tbody td a i {
        padding-right: 10px;
    }

    .pse-datatable tbody td a.open-inserturl img {
        width: 15px;
        height: auto;
        margin-right: 10px;
    }

    .pse-datatable tbody td a + a {
        margin-left: 30px;
    }

@media (min-width: 767px) and (max-width: 1199px) {
    .pse-datatable tbody td a + a {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }
}

.pse-datatable tbody td a.tooltip-wrap {
    text-decoration: none;
}

    .pse-datatable tbody td a.tooltip-wrap i {
        padding-left: 5px;
        vertical-align: middle;
    }

.pse-datatable tbody td p {
    margin-bottom: 0;
}

.pse-datatable div.dataTables_info {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

    .pse-datatable div.dataTables_info + div.dataTables_paginate {
        display: none;
    }

.pse-datatable .dt-more-container {
    margin: 30px 0;
}

    .pse-datatable .dt-more-container .btn-load-more {
        background-color: transparent;
        border: none;
        color: #1771cc;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }

        .pse-datatable .dt-more-container .btn-load-more:hover {
            color: #004A94;
        }

@media (max-width: 767px) {
    .pse-datatable .dt-more-container .btn-load-more {
        border: 2px solid #1771cc;
        border-radius: 20px;
        padding: 7px 20px;
    }
}

.pse-datatable .dt-more-container .btn-load-more i {
    padding-left: 10px;
}

@media (max-width: 767px) {
    .pse-datatable .dt-more-container .btn-load-more i {
        display: none;
    }
}

.pse-datatable .dt-more-container .btn-load-more:focus {
    outline: none;
}

.pse-datatable table.dataTable.no-footer {
    border-bottom: 1px solid #c3c3c3;
}

@media (max-width: 767px) {
    .pse-datatable {
        border: 0;
    }
}

.btn-download {
    background-color: transparent;
    border: 2px solid #1771cc;
    border-radius: 20px;
    color: #1771cc;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 25px;
    text-transform: uppercase;
}

    .btn-download:focus {
        outline: none;
    }

    .btn-download:hover {
        border: solid 2px #004A94;
        background-color: #004A94;
        color: #fff;
    }

@media (max-width: 991px) {
    .btn-download {
        margin-top: 20px;
    }
}

.dataTables_length, .dataTables_filter {
    display: none;
}

[data-customfilter-dropdown] {
    position: absolute;
}

    [data-customfilter-dropdown] .errorMessage {
        display: none;
        top: 0;
    }

    [data-customfilter-dropdown] select {
        border-radius: 0;
    }

        [data-customfilter-dropdown] select:focus {
            border-color: #c3c3c3;
            box-shadow: none;
        }

    [data-customfilter-dropdown] select, [data-customfilter-dropdown] .checkbox label {
        text-transform: capitalize;
    }

    [data-customfilter-dropdown] .dropdown-menu {
        border: 1px solid #d8d8d8;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        border-radius: 0;
        padding: 15px;
        width: 230px;
        max-height: 280px;
        overflow-y: auto;
        margin: 0;
    }

@media (max-width: 767px) {
    [data-customfilter-dropdown] .dropdown-menu {
        width: 100%;
    }
}

[data-customfilter-dropdown] .dropdown-menu input[type="text"] {
    border-radius: 0;
}

    [data-customfilter-dropdown] .dropdown-menu input[type="text"]:focus {
        border-color: #c3c3c3;
        box-shadow: none;
    }

[data-customfilter-dropdown] .dropdown-menu label p {
    margin-bottom: 0;
}

[data-customfilter-dropdown] .dropdown-menu .close-menu.fa.fa-times {
    color: #4a4a4a;
    cursor: pointer;
    float: right;
    font-size: 20px;
}

    [data-customfilter-dropdown] .dropdown-menu .close-menu.fa.fa-times:hover {
        text-decoration: none;
    }

[data-customfilter-dropdown] .dropdown-menu .filter-header {
    color: #4a4a4a;
    font-size: 18px;
    letter-spacing: -0.3px;
    margin: 15px 0;
}

@media (max-width: 768px) {
    [data-customfilter-dropdown] .dropdown-menu .filter-header {
        font-size: 15px;
    }
}

[data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper {
    margin-top: 20px;
}

    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-clear {
        border-color: transparent;
        color: #1771cc;
    }

        [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-clear:hover {
            background-color: transparent;
            color: #004A94;
        }

    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-update {
        background-color: #1771cc;
        border-color: #1771cc;
        color: #fff;
    }

        [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-update:hover {
            border: solid 1px #004A94;
            background-color: #004A94;
        }

    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper a.btn.btn-default {
        border-radius: 25px;
        width: 100%;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

@media (max-width: 768px) {
    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper div + div {
        margin-top: 10px;
    }
}

div.datepicker > div {
    display: block;
}

.list-view-data {
    padding: 0;
    margin: 40px 0 20px 0;
}

    .list-view-data .back-btn {
        background-color: #474b55;
        color: #fff;
        display: block;
        font-size: 18px;
        padding: 10px 20px;
        text-transform: uppercase;
    }

        .list-view-data .back-btn i {
            font-size: 20px;
            padding-right: 10px;
        }

    .list-view-data ul {
        color: #4a4a4a;
        padding-left: 20px;
    }

        .list-view-data ul li {
            font-size: 16px;
            padding: 10px 0 0;
        }

            .list-view-data ul li span {
                display: inline-block;
            }

                .list-view-data ul li span .open-inserturl img {
                    width: 15px;
                    height: auto;
                    margin-right: 10px;
                }

                .list-view-data ul li span:first-child {
                    font-weight: bold;
                    width: 50%;
                }

                .list-view-data ul li span:last-child {
                    vertical-align: top;
                    width: 50%;
                }

                .list-view-data ul li span a {
                    color: #1771cc;
                    display: block;
                    font-size: 16px;
                    margin-bottom: 20px;
                }

                    .list-view-data ul li span a i {
                        padding-right: 10px;
                    }

@media (max-width: 767px) {
    th[data-filter="data-amount-filter"] .sort-icon::after, th[data-filter="data-document-filter"] .sort-icon::after {
        content: "" !important;
    }

    th[data-filter="data-amount-filter"] .custom-filter, th[data-filter="data-document-filter"] .custom-filter {
        display: none;
    }
}

@media (max-width: 767px) {
    th[data-filter="data-activity-filter"] .sort-icon::after {
        content: "" !important;
    }
}

.account-selector {
    background-color: #f2f2f2;
    border: 1px solid #c9c9c9;
    margin-top: 20px;
    padding: 17px 20px;
}

    .account-selector .account-balance .account-amt {
        font-size: 20px;
    }

.pse-tabs {
    padding-top: 15px;
}

    .pse-tabs > .col-md-12 {
        position: inherit;
    }

    .pse-tabs .nav-tabs {
        border-bottom: 2px solid #80b3b9;
    }

        .pse-tabs .nav-tabs li {
            margin-bottom: 1px;
        }

            .pse-tabs .nav-tabs li > a {
                color: #000;
            }

            .pse-tabs .nav-tabs li.active > a {
                border: 0;
                border-bottom: 4px solid #006570;
                color: #006570;
                font-weight: bold;
                margin-bottom: -1px;
            }

    .pse-tabs .tab-content {
        padding-top: 20px;
    }

    .pse-tabs .button-component {
        float: right;
    }

.data-table {
    float: left;
    padding-top: 40px;
    width: 100%;
}

    .data-table table {
        min-width: 1024px;
        width: 100%;
    }

        .data-table table tr {
            border-bottom: 1px solid #c4c4c4;
        }

        .data-table table thead tr th {
            padding-bottom: 10px;
        }

            .data-table table thead tr th span {
                padding-left: 10px;
            }

            .data-table table thead tr th .fa {
                cursor: pointer;
                font-size: 20px;
            }

        .data-table table td {
            padding: 10px 8px;
        }

            .data-table table td.headcol {
                padding-left: 10px;
            }

            .data-table table td a {
                color: #333;
                text-decoration: underline;
            }

@media only screen and (max-width: 768px) {
    .account-selector {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
    }

        .account-selector .account-pay-mobile h3 {
            margin-top: 0;
        }

        .account-selector .account-pay-section .account-balance {
            padding-right: 0;
        }

        .account-selector .account-pay-section .account-details {
            background: #ebf6f5;
            padding: 20px 10px;
            text-align: center;
        }

            .account-selector .account-pay-section .account-details .details-logo {
                padding-right: 0;
            }

                .account-selector .account-pay-section .account-details .details-logo .account-details-logo {
                    margin: 0;
                }

            .account-selector .account-pay-section .account-details .details-text {
                padding-left: 15px;
                text-align: left;
            }

        .account-selector .account-balance {
            background: #7dc5c3;
            padding: 20px 10px;
        }

            .account-selector .account-balance button {
                background-color: #197ee3;
                border: 0;
                border-radius: 15px;
                color: #fff;
            }

    .data-table table {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .account-selector .account-balance button {
        padding: 9px 0;
        width: 180px;
    }
}

.transformer-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #006671;
    margin-top: 20px;
    margin-bottom: 40px;
}

    .transformer-tabs li {
        display: inline-block;
        padding: 0;
        vertical-align: bottom;
    }

        .transformer-tabs li.active {
            border: 0;
            border-bottom: 3px solid #006671;
            position: relative;
            bottom: 1px;
            font-weight: 600;
            color: #006671;
        }

            .transformer-tabs li.active a {
                border: 0;
            }

                .transformer-tabs li.active a:hover {
                    border: 0;
                }

                .transformer-tabs li.active a:focus {
                    border: 0 !important;
                    outline: 0;
                    border-bottom: 4px solid #006570 !important;
                }

                .transformer-tabs li.active a:active {
                    border: 0 !important;
                    outline: 0;
                    border-bottom: 4px solid #006570 !important;
                }

        .transformer-tabs li a {
            display: inline-block;
            color: #4a4a4a;
            text-decoration: none;
            padding: 0.5rem;
            font-size: 18px;
            padding-bottom: 10px;
            padding-top: 10px;
            width: 100%;
            border: 0;
            white-space: nowrap;
        }

            .transformer-tabs li a:hover {
                background: none;
            }

            .transformer-tabs li a:focus {
                outline: 0;
            }

.nav-tabs.nav-justified > .active > a {
    border: none;
    border-bottom: 3px solid #006671;
}

    .nav-tabs.nav-justified > .active > a:hover {
        border: none;
        border-bottom: 3px solid #006671;
    }

    .nav-tabs.nav-justified > .active > a:focus {
        border: none;
        border-bottom: 3px solid #006671;
    }

@media (max-width: 767px) {
    .transformer-tabs {
        border-bottom: 0;
        overflow: hidden;
        position: relative;
        overflow: hidden;
        position: relative;
        margin-bottom: 50px;
    }

        .transformer-tabs:not(.test) li a::after {
            content: "\f107";
            position: relative;
            left: 20px;
            top: 4px;
            z-index: 2;
            pointer-events: none;
            font: normal normal normal 28px/1 FontAwesome;
        }

        .transformer-tabs.test li {
            display: block;
        }

        .transformer-tabs.open a {
            position: relative;
            display: block;
        }

        .transformer-tabs li {
            display: block;
            padding: 0;
            width: 100% !important;
            display: none;
            margin-bottom: 0;
            border-bottom: 1px solid #006671;
        }

            .transformer-tabs li.active {
                display: block;
                bottom: 0;
            }

                .transformer-tabs li.active:focus {
                    outline: 0;
                }

                .transformer-tabs li.active a {
                    width: 100%;
                    background: #fff;
                    height: 100%;
                    border-bottom: 1px solid #006671;
                    text-align: center;
                    font-size: 16px;
                    padding: 10px 60px;
                    border: 0;
                }

                    .transformer-tabs li.active a.active {
                        border-bottom: 1px solid #006671 !important;
                        z-index: 1;
                        background: #fff;
                    }
}


.tab-content {
    margin-bottom: 100px;
    .active

{
    outline: none;
}

.tab-pane {
    margin-top: 30px;
}

}



.custom-textfield .form-control-placeholder {
    position: absolute;
    cursor: pointer;
    padding: 8px 0 8px 10px;
    transition: all 200ms;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #717171;
    z-index: 1;
    margin: 0;
    cursor: pointer;
    font-family: "roboto-light";
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:30px;
}

    .custom-textfield .form-control-placeholder.is-text {
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #006671;
        transform: translate3d(0, -100%, 0);
    }

.custom-textfield.form-textarea {
    height: 150px;
}

.custom-textfield textarea.form-control {
    height: auto;
    top: 30px;
}

.custom-textfield .form-control {
    bottom: 0;
    height: 68px;
    cursor: pointer;
    border: 1px solid black;
    border-radius: 0;
    font-size: 20px;
    padding: 0px 8px;
    margin: 8px 0px 8px 10px;
    line-height: normal;
    color: #242424;
    font-weight: 400;
    box-shadow: none;
    background-color: #fff;
    width: calc(100% - 2px);
    margin-left: 1px;
    font-family: "roboto-light";
    padding-top:25px;
}

    .custom-textfield .form-control:focus + .form-control-placeholder {
        -ms-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #006671;
    }

    .custom-textfield .form-control:not(:focus) + .form-control-placeholder {
        color: #717171;
    }

.custom-textfield.valid-text {
    border: 1px solid #006671 !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


XXX Custom Text Field : End XXX
XXX Custom Selectbox : Starts XXX
.custom-selectbox {
    position: relative;
    height: 66px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #979797;
}

.custom-selectbox .select-wrapper {
    display: inline-block;
    cursor: pointer;
    background-size: 45px;
    width: 100%;
    height: 90px;
    line-height: 26px;
    position: relative;
    z-index: 1;
}

    .custom-selectbox .select-wrapper:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 20px;
        color: #717171;
        right: 5px;
        top: 32px;
        padding: 0 0 1px;
        position: absolute;
        pointer-events: none;
        margin-left: 5px;
        background-color: white;
        padding: 0 10px 10px 10px;
        top: 26px;
    }

    .custom-selectbox .select-wrapper .custom-select {
        width: 100%;
        height: 66px;
        line-height: 26px;
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0.01;
        CSS hacks for older browsers -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        -khtml-opacity: 0.01;
        -moz-opacity: 0.01;
        -webkit-appearance: none;
    }

        .custom-selectbox .select-wrapper .custom-select option {
            font-size: 21px;
            font-weight: 300;
            color: #717171;
        }

    .custom-selectbox .select-wrapper .option-textholder {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        padding: 30px 30px 8px 10px;
        -webkit-transition: all 200ms;
        transition: all 200ms;
        font-size: 20px;
        font-weight: 300;
        color: #242424;
        text-overflow: ellipsis;
        z-index: 1;
        font-family: "roboto-light";
    }

    .custom-selectbox .select-wrapper ~ .floating-label {
        position: absolute;
        bottom: 0;
        padding: 8px 0 8px 10px;
        -ms-transition: all 200ms;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
        font-size: 20px;
        font-weight: 300;
        color: #717171;
        margin: 0;
        left: 0;
        cursor: pointer;
        font-family: "roboto-light";
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .custom-selectbox .select-wrapper.is-selected ~ .floating-label {
        position: absolute;
        bottom: 0;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        color: #006671;
        left: 0;
        -ms-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

XXX Custom Selectbox : Ends XXX
XXX Custom button Prev & Next : Starts XXX
.form-btn-container {
    position: relative;
}

.form-btn-container ul {
    padding-left: 0;
}

    .form-btn-container ul li {
        list-style: none;
        display: inline-block;
        padding-right: 25px;
    }

.form-btn-container a {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

    .form-btn-container a:focus, .form-btn-container a:hover {
        text-decoration: none;
    }

    .form-btn-container a.pse-anchor-link {
        font-size: 14px;
        text-transform: capitalize;
    }

XXX Custom button Prev & Next : Ends XXX
XXX Custom Form Style Control : Starts XXX
.form-main.bg-grey {
    background-color: #f6f6f6;
    padding: 20px;
    style updated as per new header style
}

@media (max-width: 768px) {
    .form-main.bg-grey {
        padding: 20px 10px;
    }
}

@media (max-width: 767px) {
    .form-main.bg-grey {
        padding: 20px 0;
    }
}

.form-main.bg-grey h3, .form-main.bg-grey h6 {
    margin-bottom: 30px;
    font-family: "roboto-medium";
}

.form-main.bg-grey h3 {
    font-size: 20px;
}

@media (max-width: 768px) {
    .form-main.bg-grey h3 {
        font-size: 16px;
        margin: -2px 0px 12px;
    }
}

.form-main.bg-grey h6 {
    font-size: 20px;
}

@media (max-width: 768px) {
    .form-main.bg-grey h6 {
        font-size: 16px;
        margin: -2px 0px 12px;
    }
}

.form-main.bg-grey .custom-textfield {
    position: relative;
    height: 66px;
    background-color: #fff;
    border: solid 1px #979797;
    margin-bottom: 20px;
}

    .form-main.bg-grey .custom-textfield .form-control {
        background-color: #fff;
    }

.form-main.bg-grey .custom-selectbox {
    position: relative;
    height: 66px;
    background-color: #fff;
    border: solid 1px #979797;
    margin-bottom: 20px;
}

.form-main.bg-grey hr {
    border-top: 0;
    background-color: #cfcfcf;
}

.form-main .divider {
    margin-top: 40px;
}

.form-main .g-recaptcha {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .form-main .multiple-form-fields .no-padding {
        padding-right: 15px;
    }
}

.bg-grey-wrapper .form-main.bg-grey {
    padding: 0 20px;
}

XXX Custom Form Style Control : Ends XXX
XXX Validation Message Styles : Starts XXX
.help-block {
    display: block;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: -5px;
    position: relative;
}

.help-block i {
    margin-right: 5px;
}

XXX Validation Message Styles : Ends XXX
XXX custom Check Box Styles : Starts
.custom-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 35px;
    margin-bottom: 12px;
}

.custom-checkbox .form-check-input {
    position: absolute;
    opacity: 0.01;
    cursor: pointer;
}

    .custom-checkbox .form-check-input:checked ~ .checkmark:after {
        display: block;
    }

.custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #c9c9c9;
    border-radius: 5px;
    cursor: pointer;
}

    .custom-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .custom-checkbox .checkmark:after {
        left: 7px;
        top: 3px;
        width: 8px;
        height: 14px;
        border: solid #fff;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.custom-checkbox input:checked ~ .checkmark {
    background-color: #717171;
}

.custom-checkbox .form-check-label {
    font-weight: 300;
    color: #717171;
}

    .custom-checkbox .form-check-label a {
        font-weight: 600;
        color: #717171;
    }

XXX Check Box Styles : Ends
.form-help-info, .form-help-info a {
    color: #808080;
    font-size: 12px;
    font-family: "roboto-bold";
}

form steps css
.custom-textfield .field-validation-error {
    position: absolute;
    top: 70px;
    color: #f6f6f6;
}

.errorMessage, .helpText {
    top: -15px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.client-validation-error {
    color: #d0021b;
}

.server-validation-error {
    font-size: 14px;
    color: #c41f3d;
    margin-bottom: 10px;
    margin-top: -10px;
}

    .server-validation-error a {
        font-size: 14px;
        color: #1771cc;
    }

.username-error-special-char {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #c41f3d;
    margin-bottom: 15px;
    position: relative;
    top: -10px;
}

    .username-error-special-char span {
        font-family: "roboto-regular" !important;
        margin-left: 3px;
    }

.password-error-special-char {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #c41f3d;
    margin-bottom: 15px;
    position: relative;
    top: -10px;
}

    .password-error-special-char span {
        font-family: "roboto-regular" !important;
        margin-left: 3px;
    }

.username-error-max-length {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #c41f3d;
    margin-bottom: 15px;
    position: relative;
    top: -10px;
}

    .username-error-max-length span {
        font-family: "roboto-regular" !important;
        margin-left: 3px;
    }

@media (max-width: 768px) {
    .sstform .remove-pad-right {
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .sstform .remove-pad-left {
        padding-left: 15px;
    }
}

#changeServiceList .custom-checkbox .form-check-input {
    left: 0;
    z-index: 1;
}

.msg-confirmation .msg-confirmation-content h4 {
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .msg-confirmation .msg-confirmation-content {
        margin-bottom: 50px;
        text-align: center;
    }

        .msg-confirmation .msg-confirmation-content h4, .msg-confirmation .msg-confirmation-content p {
            text-align: left;
        }
}

.msg-confirmation .msg-confirmation-content button, .msg-confirmation .msg-confirmation-content a.pse-btn-primary {
    margin-top: 45px;
    display: inline-block;
}

.msg-confirmation .msg-confirmation-img {
    text-align: center;
}

    .msg-confirmation .msg-confirmation-img img {
        max-width: 100%;
    }

@media (max-width: 768px) {
    .msg-confirmation .msg-confirmation-img img {
        max-width: 160px;
    }
}

.container-confirmation {
    margin-bottom: 200px;
}

    .container-confirmation .msg-confirmation {
        margin-top: 30px;
    }

@media (max-width: 768px) {
    .container-confirmation {
        margin-top: 25px;
    }

        .container-confirmation .msg-confirmation .msg-confirmation-content p {
            text-align: center;
        }
}

.form-button-container {
    overflow: auto;
}

.form-btn-container ul li:nth-child(3) {
    float: right;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .form-btn-container .pse-anchor-link {
        position: relative;
        display: inline-block;
        margin-top: 20px;
    }

    .form-btn-container ul li:nth-child(3) {
        display: block;
        margin-top: 10px;
        width: 100%;
    }

    .form-btn-container ul li.reset-need-help {
        float: none;
    }
}

swipw form css styles starts here
Mark input boxes that gets an error on validation:
.custom-textfield.invalid {
    border: 1px solid #b20000 !important;
}

.custom-textfield.invalid.grey-border {
    border: 1px solid #808080 !important;
}

.custom-selectbox.invalid {
    border: 1px solid #b20000 !important;
}

    .custom-selectbox.invalid.grey-border {
        border: 1px solid #808080 !important;
    }

Scrollbar fix for modal popup
#setup-security-questions .modal-dialog {
    position: relative;
    overflow-y: auto;
    max-height: 100%;
}

security questions QA Fix
@media (max-width: 768px) {
    #setup-security-questions .col-md-6

{
    width: 100%;
}

}

maintain account bottom space
.maintain-account-main {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .maintain-account-main {
        margin-bottom: 40px;
    }
}

XXX---update text field css style starts from here ---XXX
.update-section {
    display: none;
    margin-top: 30px;
}

#phone-content .editable-text {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -2px;
}

#phone-content .form-group-edit {
    display: table;
}

    #phone-content .form-group-edit .col-form-label {
        font-size: 16px;
        font-weight: normal;
        width: 40%;
        padding-top: 0;
        vertical-align: top;
        word-break: break-word;
        padding-right: 8px;
    }

    #phone-content .form-group-edit .col-form-label,
    #phone-content .form-group-edit .pse-input-default {
        display: table-cell;
    }

@media (max-width: 768px) {
    #phone-content .form-group-edit .col-form-label,
    #phone-content .form-group-edit .pse-input-default {
        display: block;
        width: 100%;
    }
}

.modal-agree {
    width: 327px;
}

    .modal-agree .modal-body {
        padding-top: 0;
    }

        .modal-agree .modal-body p a {
            font-family: "roboto-regular";
            font-weight: normal;
            color: #4a4a4a;
        }

@media (max-width: 768px) {
    .modal-agree {
        width: auto;
    }
}

.modal-agree .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.modal-agree .close {
    opacity: 1;
}

.modal-agree .act-agree-condition,
.modal-agree .act-agree-mobile,
.modal-agree .act-otp-submit-btn {
    margin: 15px 0;
}

@media (max-width: 768px) {
    .modal-agree .act-agree-condition,
    .modal-agree .act-agree-mobile,
    .modal-agree .act-otp-submit-btn {
        float: none;
    }
}

.terms-condition-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.terms-condition-modal .close {
    opacity: 1;
}

.terms-condition-modal p {
    max-height: 350px;
    overflow: auto;
}

.editable-info-panel .update-section {
    margin-top: 10px;
    margin-bottom: 30px;
}

.editable-info-panel .pse-custom-radio:after {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    top: -5px;
    left: 0px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #575757;
}

.editable-info-panel .pse-custom-radio:checked:after {
    width: 6px;
    height: 6px;
    border-radius: 15px;
    top: -8px;
    left: 3px;
    position: relative;
    background-color: #575757;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #575757;
}

.editable-info-panel .pse-custom-radio:checked:focus {
    outline: none;
}

.otherMailingAddress .update-section {
    display: block;
}

.info-panel {
    margin-bottom: 30px;
}

    .info-panel .addressRadio {
        font-size: 18px;
        font-weight: normal;
    }

        .info-panel .addressRadio input[type="radio"] {
            top: 1px;
        }

    .info-panel .editable-text,
    .info-panel .editable-select {
        font-family: "roboto-medium";
        font-size: 16px;
    }

    .info-panel .sub-column .control-label {
        margin-right: 5px;
        font-weight: normal;
        padding: 0px;
        font-size: 16px;
    }

    .info-panel a {
        text-transform: capitalize;
        margin: 5px 0px 0px 0px;
        text-decoration: underline;
        font-size: 14px;
        font-family: "roboto-medium";
    }

        .info-panel a span {
            margin-left: 5px;
        }

    .info-panel .has-btn {
        display: table;
        width: 100%;
        padding: 0 !important;
    }

        .info-panel .has-btn h4,
        .info-panel .has-btn a {
            display: table-cell;
        }

        .info-panel .has-btn a {
            text-align: right;
        }

    .info-panel .info-panel-heading {
        padding: 10px 0;
        margin-bottom: 10px;
    }

        .info-panel .info-panel-heading h4 {
            color: #006671;
            margin: 0;
            font-family: "roboto-medium";
        }

            .info-panel .info-panel-heading h4 span:first-child {
                margin-right: 20px;
            }

.sub-column .editable-text {
    margin-right: 50px;
    display: inline-block;
}

    .sub-column .editable-text:first-child {
        margin-right: 20px;
        display: inline-block;
        min-width: 120px;
        text-overflow: ellipsis;
    }

.sub-column .primary {
    display: inline-block;
}

    .sub-column .primary.help-inline {
        color: #006671;
    }

*************************************************
.edit-box {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.edit-box .fields,
.edit-box .link-edit {
    display: table-cell;
}

.edit-box .link-edit {
    text-align: right;
    padding-left: 10px;
    width: 50px;
}

.edit-box .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.edit-box .control-label {
    margin-right: 5px;
    font-weight: normal;
    padding: 0px;
    font-size: 16px;
}

.act-update-btn {
    margin-right: 15px;
}

Default input style
.pse-input-default {
    border-radius: 0;
    box-shadow: none;
    border: solid 1px #979797;
    font-family: "roboto-light";
    font-size: 16px;
    display: inline-block;
    height: 45px;
}

.pse-input-default:focus {
    box-shadow: none;
    border-color: #979797;
    -webkit-box-shadow: none;
}

editable security question style
#phone-content p {
    margin-bottom: 10px;
}

#phone-content .editable-container {
    margin-top: 5px;
}

.editable-container {
    margin-top: 15px;
}

    .editable-container .editable-security-question {
        font-size: 16px;
        margin-top: 35px;
    }

        .editable-container .editable-security-question .question-no {
            font-family: "roboto-medium";
            padding-bottom: 4px;
        }

    .editable-container .response-entered {
        margin-top: 8px;
    }

#contactAddress .row {
    margin-left: -8px;
    margin-right: -8px;
}

    #contactAddress .row .col-md-6 {
        padding-left: 8px;
        padding-right: 8px;
    }

.top-container-settings {
    margin-top: 30px;
}

.container-settings .preference-center {
    margin-bottom: 0;
    padding-bottom: 0;
}

.container-settings .preference-container .preference-wrapper .item-content {
    background-color: #fff !important;
}

.preference-container {
    background: #f6f6f6;
    margin-top: 22px;
}

    .preference-container .preference-wrapper {
        margin: 45px 0 70px;
        background: #fff;
        padding-bottom: 43px;
        border: 1px solid #d8d8d8;
    }

@media (max-width: 991px) {
    .preference-container .preference-wrapper {
        margin: 30px 0 70px 0;
        padding-bottom: 0;
    }
}

.preference-container [data-preference-tabs] li {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(74, 74, 74, 0.17);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 26px;
}

    .preference-container [data-preference-tabs] li a {
        color: #717171;
        padding: 30px 17px;
        text-decoration: none;
        font-size: 18px;
    }

        .preference-container [data-preference-tabs] li a.active {
            background: transparent;
            color: #006671;
            font-family: "roboto-bold";
        }

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .tabs {
        display: none;
    }

    .preference-wrapper.tabbed-content .item {
        padding: 25px 0;
        position: relative;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item::before {
            content: attr(data-title);
            font-size: 18px;
            color: #717171;
            padding: 25px 15px;
            font-family: "roboto-regular";
        }

        .preference-wrapper.tabbed-content .item::after {
            content: '\f067';
            font-family: fontawesome;
            position: absolute;
            top: 28px;
            right: 28px;
            font-size: 19px;
            color: #717171;
        }

        .preference-wrapper.tabbed-content .item .item-content {
            opacity: 0;
            visibility: hidden;
            height: 0;
        }
}

@media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active {
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active::before {
        color: #006671;
        font-family: "roboto-medium";
        font-weight: 500;
    }

    .preference-wrapper.tabbed-content .item.active .item-content {
        opacity: 1;
        visibility: visible;
        height: auto;
        margin-top: 22px;
        padding: 30px 15px;
        box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item.active .item-content h5 {
            margin: 5px 0 14px 0;
            font-size: 24px;
        }

    .preference-wrapper.tabbed-content .item.active::after {
        content: '\f068';
    }
}

@media (min-width: 992px) {
    .preference-wrapper.tabbed-content .tabs {
        display: block;
    }

        .preference-wrapper.tabbed-content .tabs li {
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .tabs li a {
                display: block;
            }

    .preference-wrapper.tabbed-content .item {
        min-height: 0;
        display: none;
        border-left: 2px solid #d8d8d8;
        margin-top: 29px;
    }

        .preference-wrapper.tabbed-content .item::before {
            display: none;
        }

        .preference-wrapper.tabbed-content .item.active {
            width: 75%;
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .item.active .item-content {
                padding: 0 18px 0 37px;
            }

                .preference-wrapper.tabbed-content .item.active .item-content h5 {
                    margin-top: 0;
                }

                .preference-wrapper.tabbed-content .item.active .item-content .btn-action {
                    font-size: 20px;
                    font-family: "roboto-condensed-bold";
                    line-height: 0;
                    height: 40px;
                    border-radius: 47px;
                }

    .preference-wrapper.tabbed-content.tabs-side .tabs {
        width: 25%;
        float: left;
    }

        .preference-wrapper.tabbed-content.tabs-side .tabs li {
            display: block;
        }
}

.update-section .checkbox {
    margin: 15px 0;
}

.panel-highlighted-default {
    padding: 15px;
}

.select-side-content {
    margin-top: 22px;
    display: block;
}

.edit-detail-icon {
    font-size: 18px;
}

    .edit-detail-icon i {
        color: #808080;
        padding-right: 10px;
    }

.editable-info-panel {
    margin-bottom: 20px;
}

.editable-security-question {
    margin: 20px 0;
}

.security-user-detail h6 {
    font-family: "roboto-light";
}

***tab contnet style***
.tab-content h2 {
    font-family: "roboto-light";
    font-size: 32px;
}

change-bill-due-date tab style start
.pse-left-tabs .nav-tabs {
    border-bottom: 0px;
}

.pse-left-tabs .nav-tabs li {
    float: none;
    margin-bottom: 0px;
}

    .pse-left-tabs .nav-tabs li a {
        padding: 20px;
        border-radius: 0px;
        margin: 12px 0px;
        border: 1px solid #979797;
        text-align: center;
        color: #006671;
        background: #b8dcdb;
    }

    .pse-left-tabs .nav-tabs li.active a {
        border: 1px solid #000;
        border-bottom-color: none;
        background: #006671;
        color: #fff;
    }

        .pse-left-tabs .nav-tabs li.active a:hover, .pse-left-tabs .nav-tabs li.active a:hover {
            border: 1px solid #000;
            border-bottom-color: none;
            background: #006671;
            color: #fff;
        }

.msg-confirmation .msg-confirmation-content h4 {
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .msg-confirmation .msg-confirmation-content {
        margin-bottom: 50px;
        text-align: center;
    }

        .msg-confirmation .msg-confirmation-content h4, .msg-confirmation .msg-confirmation-content p {
            text-align: left;
        }
}

.msg-confirmation .msg-confirmation-content button, .msg-confirmation .msg-confirmation-content a.pse-btn-primary {
    margin-top: 45px;
    display: inline-block;
}

.msg-confirmation .msg-confirmation-img {
    text-align: center;
}

    .msg-confirmation .msg-confirmation-img img {
        max-width: 100%;
    }

@media (max-width: 768px) {
    .msg-confirmation .msg-confirmation-img img {
        max-width: 160px;
    }
}

.container-confirmation {
    margin-bottom: 200px;
}

    .container-confirmation .msg-confirmation {
        margin-top: 30px;
    }

@media (max-width: 768px) {
    .container-confirmation {
        margin-top: 25px;
    }

        .container-confirmation .msg-confirmation .msg-confirmation-content p {
            text-align: center;
        }
}

.form-signin {
    border: 1px solid #979797;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 20px;
}

    .form-signin.form-main h3 {
        color: #4a4a4a;
        font-family: "roboto-medium";
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

@media (max-width: 768px) {
    .form-signin.form-main h3 {
        font-size: 18px;
    }
}

.form-signin.bg-grey {
    background: #f6f6f6;
    padding: 20px 15px;
}

    .form-signin.bg-grey hr {
        background: #979797;
    }

.form-signin .signin-help {
    color: #717171;
}

    .form-signin .signin-help a {
        color: #717171;
        font-weight: bold;
    }

.form-signin .form-group .form-control {
    border-radius: 0;
}

.form-signin .pse-btn-lw {
    padding: 2px 12px;
}

@media (max-width: 768px) {
    .pse-banner .form-signin {
        border: 0;
        box-shadow: none;
        padding: 0;
    }

        .pse-banner .form-signin .pse-btn-default {
            border: solid 2px #fff;
            color: #fff;
        }

        .pse-banner .form-signin h3 {
            color: #fff;
        }

        .pse-banner .form-signin .signin-help {
            color: #fff;
        }

            .pse-banner .form-signin .signin-help a {
                color: #fff;
            }

        .pse-banner .form-signin .custom-checkbox span.form-check-label {
            color: #fff;
        }

        .pse-banner .form-signin.bg-grey {
            background: none;
        }
}

.field-icon.toggle-password {
    position: absolute;
    right: 5px;
    top: 35px;
}

.new-hero-banner .form-signin {
    margin-bottom: 0;
}

.new-hero-banner .form-main h3 {
    margin: 0 0 15px 0;
    text-transform: uppercase;
    color: #4a4a4a;
}

.new-hero-banner .bg-grey {
    padding: 15px;
    margin-top: 15px;
    background: #f6f6f6 !important;
}

@media (max-width: 768px) {
    .new-hero-banner .bg-grey {
        margin-top: 0;
        padding-top: 30px;
    }
}

.new-hero-banner .bg-grey .signin-help {
    margin-bottom: 15px;
    color: #717171;
}

    .new-hero-banner .bg-grey .signin-help a {
        color: #717171;
    }

.new-hero-banner .bg-grey .text-padding {
    margin-bottom: 12px !important;
}

.new-hero-banner .bg-grey .custom-checkbox {
    margin-bottom: 12px;
}

    .new-hero-banner .bg-grey .custom-checkbox span.form-check-label {
        color: #717171;
    }

.new-hero-banner .bg-grey .custom-textfield {
    margin-bottom: 12px;
    height: 62px;
}

    .new-hero-banner .bg-grey .custom-textfield:nth-of-type(2) {
        margin-bottom: 15px;
    }

.new-hero-banner .bg-grey .pse-btn-primary {
    background: #197ee3;
    border: 2px solid #197ee3;
    padding-top: 0;
    padding-bottom: 0;
}

    .new-hero-banner .bg-grey .pse-btn-primary:hover {
        background: #004A94;
        border: 2px solid #004A94;
    }

.new-hero-banner .bg-grey .pse-form-btn {
    color: #197ee3;
}

    .new-hero-banner .bg-grey .pse-form-btn:hover {
        color: #004A94;
    }

.new-hero-banner .bg-grey hr {
    display: none;
}

.new-hero-banner .jumbotron-text {
    height: 350px;
    vertical-align: bottom;
    display: table-cell;
    padding-top: 35px;
    padding-bottom: 20px;
}


.signed-in {
    background: rgba(246, 246, 246, 0.8);
    padding: 30px;
    text-align: center;
}

    .signed-in h6 {
        font-family: "roboto-medium";
        font-size: 20px;
        margin-bottom: 20px;
    }

    .signed-in .welcome-msg {
        margin-bottom: 25px;
    }

        .signed-in .welcome-msg p {
            line-height: 26px;
            margin-bottom: 10px;
            font-family: "roboto-light";
            font-size: 24px;
        }

    .signed-in .pse-btn-primary, .signed-in a.pse-btn-primary {
        margin-bottom: 25px;
    }

    .signed-in a.pse-btn-primary {
        display: block;
        margin: 0 auto 25px;
        width: 250px;
    }

        .signed-in a.pse-btn-primary:hover, .signed-in a.pse-btn-primary:focus {
            color: #fff;
        }

    .signed-in button .fa-chevron-right {
        margin-left: 8px;
    }

.new-hero-banner .signed-in {
    background: #f6f6f6;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .new-hero-banner .signed-in {
        margin-top: 0;
    }
}

.new-hero-banner .signed-in a.pse-btn-primary {
    margin: 18px auto 15px;
}

.new-hero-banner .signed-in .pse-form-btn {
    margin-bottom: 18px;
}

.fs18 {
    font-size: 18px;
}

@media (max-width: 768px) {
    .fs18 {
        font-size: 16px;
    }
}

.main-container {
    margin-bottom: 70px;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .main-container {
        margin-bottom: 40px;
        margin-top: 30px;
    }
}

.main-container.secondary-main-container {
    margin-top: 74px;
}

.pse-btn-primary,
.pse-btn-default,
.pse-btn-secondary {
    border-radius: 47px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    padding: 6px 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'roboto-condensed-bold';
}

    .pse-btn-primary:hover, .pse-btn-primary:focus,
    .pse-btn-default:hover,
    .pse-btn-default:focus,
    .pse-btn-secondary:hover,
    .pse-btn-secondary:focus {
        outline: none;
        text-decoration: none;
    }

    .pse-btn-primary.btn-md,
    .pse-btn-default.btn-md,
    .pse-btn-secondary.btn-md {
        line-height: 1;
        padding-top: 8px;
        padding-bottom: 8px;
    }

.pse-btn-secondary {
    border: solid 2px #1771cc;
    color: #1771cc;
    background-color: transparent;
}

    .pse-btn-secondary:hover, .pse-btn-secondary:focus {
        border: solid 2px #004A94;
        background-color: #004A94;
        color: #fff;
    }

        .pse-btn-secondary:hover a {
            color: #fff;
            text-decoration: none;
        }

a.pse-btn-primary:hover, a.pse-btn-primary:focus {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff;
    text-decoration: none;
}

.pse-btn-primary {
    background-color: #1771CC;
    border: 2px solid #1771CC;
    color: #fff;
}

    .pse-btn-primary:disabled {
        color: white;
        background-color: grey;
        border-color: grey;
    }

    .pse-btn-primary:hover, .pse-btn-primary:focus {
        border: solid 2px #004A94;
        background-color: #004A94;
        color: #fff;
    }

.pse-btn-default {
    background: none;
    border: solid 2px #4a4a4a;
    color: #4a4a4a;
}

    .pse-btn-default:hover, .pse-btn-default:focus {
        border: solid 2px #004A94;
        background-color: #004A94;
        color: #fff;
    }

.pse-btn-sw {
    min-width: 125px;
}

.pse-btn-mw {
    min-width: 165px;
}

.pse-btn-lw {
    font-family: 'roboto-condensed-bold';
    min-width: 195px;
}

.pse-link-primary,
.pse-link-inverse {
    font-family: 'roboto-condensed-bold';
    font-size: 18px;
    text-transform: uppercase;
}

    .pse-link-primary:focus, .pse-link-primary:hover,
    .pse-link-inverse:focus,
    .pse-link-inverse:hover {
        text-decoration: none;
    }

    .pse-link-primary .fa-chevron-right, .pse-link-inverse .fa-chevron-right, .pse-form-btn .fa-chevron-right {
        margin-left: 6px;
    }

.pse-link-primary {
    color: #1771cc;
}

    .pse-link-primary:focus, .pse-link-primary:hover {
        color: #004A94;
    }

    .pse-link-primary.btn-input {
        background: none;
        border: 0;
        color: #197ee3;
        font-size: 20px;
    }

.pse-link-inverse {
    color: #fff;
}

    .pse-link-inverse:focus, .pse-link-inverse:hover {
        color: #fff;
    }

.pse-anchor-link {
    font-size: 14px;
    text-transform: capitalize;
}

.font-black {
    color: #000;
}

.font-white {
    color: #fff;
}

.info {
    color: #9a9494;
}

.info-danger {
    color: #b20000;
}

.img-container img {
    max-width: 100%;
    width: 100%;
}

.pse-list-item li {
    list-style: inside;
}

.mrgn-btm-10 {
    margin-bottom: 10px;
}

.mrgn-btm-20 {
    margin-bottom: 20px;
}

.mrgn-btm-100 {
    margin-bottom: 100px;
}

.mrgn-btm-100 {
    margin-bottom: 100px;
}

.mrgn-btm-70 {
    margin-bottom: 70px;
}

.mrgn-top-container {
    margin-top: 30px;
}

.page-content {
    margin-bottom: 20px;
    overflow: auto;
}

    .page-content h1,
    .page-content h2,
    .page-content p {
        color: #4a4a4a;
    }

    .page-content h1,
    .page-content h2 {
        margin-bottom: 25px;
    }

    .page-content h1 {
        font-family: 'roboto-light';
        font-size: 42px;
    }

    .page-content h2 {
        font-size: 42px;
    }

@media (max-width: 768px) {
    .page-content h2 {
        font-size: 32px;
    }
}

.page-content .sublead {
    font-size: 18px;
}

.pse-form-btn {
    background-color: Transparent;
    border: 0;
    color: #1771cc;
    cursor: pointer;
    font-family: 'roboto-condensed-bold';
    font-size: 20px;
    font-weight: bold;
    outline: none;
    overflow: hidden;
    text-transform: uppercase;
}

    .pse-form-btn.next .fa {
        margin-left: 6px;
    }

    .pse-form-btn.previous .fa {
        margin-right: 6px;
    }

    .pse-form-btn:hover, .pse-form-btn:focus {
        color: #004A94;
        text-decoration: none;
    }

a.pse-form-btn:hover, a.pse-form-btn:focus {
    color: #004A94;
    text-decoration: none;
}

.form-main .errorMessage label.error, .form-main .helpText label.error, .form-main .contactText label.error, .form-main .sstform .errorMessage label.error {
    color: #d0021b;
}

    .form-main .errorMessage label.error::before, .form-main .helpText label.error::before, .form-main .contactText label.error::before, .form-main .sstform .errorMessage label.error::before {
        content: '\f00d';
        font-family: fontawesome;
        margin-right: 5px;
    }

button:disabled {
    color: #808080;
}

    button:disabled:hover, button:disabled:focus {
        color: #808080;
    }

.bg-grey {
    background-color: #f6f6f6;
}

.bg-white {
    background-color: #fff;
}

.full-width {
    overflow: hidden;
}

XXX Global Style control files XXX
.modal .form-main.bg-grey {
    background: transparent;
}

#setup-security-questions .modal-header {
    border-bottom: 0;
}

fix for space between description and form in security question popup as per sitecore structure
#setup-security-questions .page-content {
    margin-bottom: 0;
}

#setup-security-questions .page-content p {
    margin: 0;
}

Play icon style
.pse-play-icon {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.pse-play-icon:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #fff;
    content: "";
    position: absolute;
    left: 36%;
    top: 26%;
}

@media (min-width: 768px) {
    .pse-play-icon-lg {
        width: 80px;
        height: 80px;
        border: 4px solid #fff;
        cursor: pointer;
    }

        .pse-play-icon-lg:after {
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 30px solid #fff;
            content: "";
            position: absolute;
            left: 38%;
            top: 23%;
        }
}

.form-progress-tracker {
    margin-bottom: 30px;
    margin-top: 45px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .form-progress-tracker .row {
        display: table-row;
    }

@media (max-width: 767px) {
    .form-progress-tracker {
        margin: -4px 0 10px;
    }
}

.form-progress-tracker .form-step {
    color: #717171;
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 100%;
}

    .form-progress-tracker .form-step .step-progress {
        font-family: roboto-medium;
        font-size: 12px;
    }

    .form-progress-tracker .form-step .step-label {
        font-size: 14px;
        text-align: left;
    }

    .form-progress-tracker .form-step:last-child {
        padding-right: 0;
    }

    .form-progress-tracker .form-step:first-child {
        padding-left: 0;
    }

    .form-progress-tracker .form-step:hover, .form-progress-tracker .form-step:focus {
        color: #717171;
        text-decoration: none;
    }

    .form-progress-tracker .form-step .step-status {
        border: 3px solid #717171;
        border-radius: 50%;
        color: #717171;
        display: inline-block;
        height: 36px;
        margin-right: 10px;
        padding: 5px 0;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 36px;
    }

        .form-progress-tracker .form-step .step-status::before {
            color: #fff;
            font-family: 'FontAwesome';
            font-size: 16px;
            left: 8px;
            position: absolute;
            top: 4px;
        }

    .form-progress-tracker .form-step.current .form-step {
        color: #006671;
    }

    .form-progress-tracker .form-step.current .step-status {
        background: #006671;
        border: 3px solid #006671;
        color: #006671;
    }

        .form-progress-tracker .form-step.current .step-status::before {
            content: '\f040';
        }

    .form-progress-tracker .form-step.current.finish .step-status {
        background: #006671;
        border: 3px solid #006671;
        color: #006671;
    }

        .form-progress-tracker .form-step.current.finish .step-status::before {
            content: '\f040';
        }

    .form-progress-tracker .form-step.current .step-label {
        color: #006671;
        font-family: "roboto-medium";
        font-size: 14px;
    }

    .form-progress-tracker .form-step.finish .step-status {
        background: #717171;
        border: 3px solid #717171;
        color: #717171;
    }

        .form-progress-tracker .form-step.finish .step-status::before {
            color: #fff;
            content: '\f00c';
        }

.form-button-container .pse-btn-primary {
    margin-left: 30px;
}

@media (max-width: 768px) {
    .form-button-container .pse-btn-primary {
        margin: 0 5px 0 0;
        float: right;
    }

    .form-button-container .pse-form-btn {
        margin-top: 8px;
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .form-step {
        position: relative;
    }

        .form-step .step-label {
            display: inline-block;
            vertical-align: middle;
            width: 55%;
        }

            .form-step .step-label::after {
                border-top: 1px solid #9e9e9e;
                content: '';
                height: .5em;
                position: absolute;
                right: 0;
                top: 50%;
                width: calc(100% - 55% - 40px);
            }

        .form-step .divider {
            border-bottom: 2px solid #9e9e9e;
            display: inline-block;
            width: 24%;
        }

        .form-step:last-child .step-label::after {
            display: none;
        }
}

@media (max-width: 767px) {
    .form-step {
        display: none !important;
    }

        .form-step.current {
            display: block !important;
            margin-bottom: 10px;
            margin-top: 35px;
            margin-left: 95px;
        }

        .form-step .step-status {
            float: left;
        }

        .form-step .divider {
            border: 0;
            width: 0%;
        }
}

@media (min-width: 992px) {
    .step-indicator {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .step-indicator {
        margin-top: 30px;
    }
}

.step-indicator .form-step .step-label {
    width: 35%;
}

    .step-indicator .form-step .step-label::after {
        right: -20%;
        width: 40%;
    }

@media (max-width: 767px) {
    .step-indicator .form-progress-tracker .row {
        text-align: center;
    }

        .step-indicator .form-progress-tracker .row .form-step.current {
            display: inline-block !important;
            margin-bottom: 10px;
            margin-top: 35px;
            text-align: left;
            width: 200px;
            margin-left: 0;
        }

        .step-indicator .form-progress-tracker .row .form-step .step-label {
            display: table-cell;
        }
}

.card img {
    width: 100%;
    max-width: 100%;
}

.card .card-text {
    margin-bottom: 20px;
}

.card-based-account-info .info-content a {
    color: #1771cc;
    font-size: 14px;
    font-size: 14px;
    font-family: roboto-bold;
    text-decoration: underline;
}

.card-based-account-info .info-content .card-info-img {
    margin: 20px 0 60px 0;
}

@media (max-width: 767px) {
    .card-based-account-info .info-content .card-info-img img {
        width: 100%;
    }
}

.card-based-info {
    border: 1px solid #979797;
}

    .card-based-info .info-content {
        padding: 21px;
    }

        .card-based-info .info-content h6 {
            margin-bottom: 30px;
        }

        .card-based-info .info-content img {
            width: 100%;
        }

    .card-based-info .card-info-note {
        background: #979797;
        padding: 20px;
        color: #fff;
    }

        .card-based-info .card-info-note a {
            color: #fff;
        }

create account card info media query
@media (max-width: 768px) {
    .card-based-info .info-content h3

{
    font-size: 18px;
}

}

XXX File Name: component-media-object.scss XXX
.media .img-circle {
    border-radius: 50%;
}

.media.pse-media-object {
    margin-bottom: 40px;
}

    .media.pse-media-object .media-img {
        height: 112px;
        width: 112px;
    }

@media (max-width: 768px) {
    .media.pse-media-object .media-img {
        height: 64px;
        width: 64px;
    }
}

.media.pse-media-object .media-body {
    vertical-align: middle;
}

.media.pse-media-object .media-heading {
    font-family: "roboto-medium";
    font-size: 20px;
}

@media (max-width: 768px) {
    .media.pse-media-object .media-heading {
        font-size: 18px;
    }
}

.current-usage-info .media {
    color: #575757;
}

    .current-usage-info .media p, .current-usage-info .media a {
        font-size: 14px;
        margin-bottom: 0;
    }

    .current-usage-info .media a {
        color: #197ee3;
        font-family: "roboto-medium";
        line-height: 2.36;
        text-decoration: underline;
        text-transform: capitalize;
    }

@media (max-width: 768px) {
    .current-usage-info .media a {
        line-height: 2.75;
    }
}

.current-usage-info .media .current-usage-val {
    font-size: 32px;
    line-height: 1;
}

.current-usage-info .media .last-month-usage {
    color: #575757;
    font-weight: bold;
    margin-bottom: 10px;
}

.current-usage-info .media .usage-chart {
    width: 130px;
}

.savings-energy-center .media .media-img-wrap {
    width: 130px;
}

.savings-energy-center .media h6 {
    margin: 0;
}

.savings-energy-center .media h6, .current-usage-info .media h6 {
    color: #006671;
    font-family: "roboto-condensed-bold";
    text-transform: uppercase;
    margin-top: 0;
}

.savings-energy-center .media img, .current-usage-info .media img {
    width: 100%;
    max-width: 100%;
}

.pse-programs {
    position: relative;
    padding-left: 40px !important;
}

    .pse-programs .media {
        color: #575757;
    }

        .pse-programs .media .media-left i {
            font-size: 50px;
            color: #58c3b4;
        }

        .pse-programs .media h6 {
            color: #575757;
            font-family: "roboto-condensed-bold";
            font-size: 20px;
            line-height: 1;
            letter-spacing: 0.1px;
            text-transform: uppercase;
        }

        .pse-programs .media p {
            color: #575757;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.25;
            letter-spacing: 0.1px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .pse-programs .media .media-body {
            padding-left: 20px;
        }

    .pse-programs .enroll {
        padding-left: 0;
    }

        .pse-programs .enroll + i {
            color: #1771cc;
        }

    .pse-programs.highlighted .media .media-left i {
        color: #006671;
    }

    .pse-programs.highlighted::before, .pse-programs.highlighted::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-color: transparent;
        border-style: solid;
    }

    .pse-programs.highlighted::before {
        border-radius: 0;
        border-width: 30px;
        border-left-color: #006671;
        border-top-color: #006671;
    }

    .pse-programs.highlighted::after {
        content: '\f00c';
        font-size: 24px;
        line-height: 35px;
        color: white;
        font-family: FontAwesome;
        left: 8px;
    }

    .pse-programs .entrolled-status {
        font-size: 20px;
        font-style: italic;
    }

.media-download-app {
    overflow: visible;
}

    .media-download-app .media-left {
        height: 252px;
        position: relative;
        width: 40%;
    }

@media (max-width: 768px) {
    .media-download-app .media-left {
        height: 170px;
        padding-right: 0;
    }
}

.media-download-app .media-left .media-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

@media (max-width: 768px) {
    .media-download-app .media-left .media-img img {
        height: 245px;
    }
}

.media-download-app .media-body {
    padding: 35px 0;
}

@media (max-width: 768px) {
    .media-download-app .media-body {
        padding: 10px 0 35px;
    }
}

.media-download-app .media-body h5, .media-download-app .media-body p, .media-download-app .media-body a {
    color: #fff;
}

.media-download-app .media-body h5 {
    font-family: "roboto-condensed-bold";
    text-transform: uppercase;
    letter-spacing: .2px;
    font-size: 32px;
}

@media (max-width: 768px) {
    .media-download-app .media-body h5 {
        font-size: 24px;
    }
}

.media-download-app .media-body p {
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.4px;
}

@media (max-width: 768px) {
    .media-download-app .media-body p {
        font-size: 16px;
    }
}

.media-download-app .media-body a {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 0.9;
}

@media (max-width: 768px) {
    .media-download-app .media-body a {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .media-download-app .media-left, .media-download-app .media-body {
        display: block;
        width: 100%;
    }
}

.media-tweet .media-left .fa {
    font-size: 120px;
    color: #1da1f2;
}

.media-tweet .media-body {
    padding: 55px 70px;
    position: relative;
}

@media (max-width: 768px) {
    .media-tweet .media-body {
        padding: 20px 25px;
    }
}

.media-tweet .text-promo {
    color: #4a4a4a;
    font-size: 24px;
    line-height: 1.29;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .media-tweet .text-promo {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.media-tweet .text-promo a {
    color: #0a6fcf;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

    .media-tweet .text-promo a:hover {
        text-decoration: none;
    }

@media (max-width: 768px) {
    .media-tweet .text-promo a {
        word-wrap: break-word;
    }
}

.media-tweet .count-renderer {
    font-size: 12px;
}

    .media-tweet .count-renderer i {
        margin-right: 3px;
    }

    .media-tweet .count-renderer span {
        margin-right: 5px;
    }

@media (max-width: 768px) {
    .media-tweet .media-left, .media-tweet .media-body {
        display: block;
        width: 100%;
    }

    .media-tweet .media-left {
        padding: 0;
        text-align: center;
    }

    .media-tweet .media-body {
        overflow: visible;
    }
}

.program-title {
    font-family: "roboto-regular";
    margin-top: 25px;
}

@media (max-width: 768px) {
    .program-title {
        margin-top: 15px;
    }
}

.energy-center-link:hover, .energy-center-link:focus, .energy-center-link:active, .energy-center-link:visited, .usage-info-link:hover, .usage-info-link:focus, .usage-info-link:active, .usage-info-link:visited {
    outline: 0;
    text-decoration: none;
}

create account icons circle style
.media-left .icon-circle-bg {
    border-radius: 100%;
    background: #bce7e1;
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-left .icon-circle-bg img {
    height: 45%;
    max-width: 50%;
}

@media (max-width: 768px) {
    .media-left .icon-circle-bg {
        width: 65px;
        height: 65px;
    }
}

.shadow-box {
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 15px;
    padding: 20px;
}

.row-eq-height .shadow-box {
    width: 100%;
}

.previous-answer .previous-table-title {
    color: #4a4a4a;
    font-family: "roboto-medium";
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.previous-answer .table-previuos-answer {
    color: #4a4a4a;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead tr {
        display: flex;
    }
}

.previous-answer .table-previuos-answer thead td {
    background-color: #474b55;
    color: #fff;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    height: 55px;
    padding-left: 25px;
    text-transform: uppercase;
    vertical-align: top;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead td {
        height: 60px;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .previous-answer .table-previuos-answer thead td:first-child, .previous-answer .table-previuos-answer thead td:last-child {
        display: none;
    }
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead td + td {
        flex: 0 0 100%;
    }
}

.previous-answer .table-previuos-answer thead .table-warning-message td {
    background-color: #fff;
    color: #4a4a4a;
    text-align: center;
    text-transform: none;
    height: auto;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead .table-warning-message td {
        display: block;
        width: 100%;
    }
}

.previous-answer .table-previuos-answer > tbody {
    counter-reset: section;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody > tr {
        display: flex;
        flex-wrap: wrap;
        width: calc(100vw - 30px);
    }
}

.previous-answer .table-previuos-answer > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.previous-answer .table-previuos-answer > tbody > tr:nth-of-type(even) {
    background-color: #f1f9f8;
}

.previous-answer .table-previuos-answer > tbody td {
    border: 0;
    color: inherit;
    font-size: 14px;
    padding-left: 10px;
    vertical-align: top;
    width: 33.33%;
}

@media (min-width: 992px) {
    .previous-answer .table-previuos-answer > tbody td {
        font-family: "roboto-regular";
        font-size: 18px;
        height: 85px;
        padding-left: 25px;
    }
}

.previous-answer .table-previuos-answer > tbody td:first-child {
    font-family: "roboto-medium";
    padding-left: 29px;
    position: relative;
    vertical-align: top;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td:first-child {
        flex: 0 0 50%;
        order: 1;
    }
}

.previous-answer .table-previuos-answer > tbody td:first-child::before {
    content: '';
    counter-increment: section;
    content: counter(section) ". ";
    left: 5px;
    position: absolute;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td:first-child + td {
        flex: 0 0 100%;
        height: auto;
        order: 3;
    }
}

.previous-answer .table-previuos-answer > tbody td a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: inherit;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td a {
        font-size: inherit;
        padding-left: 10px;
    }
}

.previous-answer .table-previuos-answer > tbody td span {
    display: block;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td span {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .previous-answer .table-previuos-answer > tbody td.change-status {
        flex: 0 0 50%;
        order: 2;
        padding-right: 15px;
        text-align: right;
    }
}

.table-services thead td {
    background-color: #474b55;
    color: #fff;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    height: 55px;
    padding-left: 25px;
    text-transform: uppercase;
    vertical-align: middle;
}

.table-services > tbody > tr:nth-of-type(odd) {
    background-color: #f1f9f8;
}

.table-services > tbody > tr td {
    border: 0;
    font-size: 14px;
    height: 50px;
    padding-left: 10px;
    vertical-align: top;
}

@media (min-width: 992px) {
    .table-services > tbody > tr td {
        font-size: 18px;
        height: 85px;
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    .table-services > tbody > tr td {
        word-break: break-word;
    }
}

@media (max-width: 767px) {
    .table-services > tbody > tr td + td {
        max-width: 160px;
    }
}

.table-services > tbody .service-status {
    text-align: center;
}

@media (max-width: 767px) {
    .table-services > tbody .service-status {
        min-width: 140px;
    }
}

.table-services > tbody .service-status a {
    border-width: 3px;
    color: #1771cc;
    font-size: 18px;
    padding: 5px 20px;
}

@media (max-width: 767px) {
    .table-services > tbody .service-status a {
        font-size: 14px;
        padding: 3px 15px;
    }
}

.table-services > tbody .service-status a:hover {
    text-decoration: none;
}

.table-services > tbody .service-status i {
    color: #b8c42e;
    margin-right: 5px;
}

.hello-user {
    padding: 20px 35px;
}

@media (max-width: 768px) {
    .hello-user {
        margin-bottom: 25px;
    }
}

.hello-user h6 {
    font-family: "roboto-regular";
    letter-spacing: 0.1px;
    margin-bottom: 0;
}

    .hello-user h6 .user-name {
        text-transform: capitalize;
    }

@media (max-width: 768px) {
    .hello-user h6 {
        color: #474b55;
        font-family: "roboto-light";
        font-weight: 300;
    }
}

.hello-user .pse-btn-primary:hover, .hello-user .pse-btn-primary:visited, .hello-user .pse-btn-primary:active {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff;
}

.hello-user .due-amount {
    color: #006671;
    font-family: "roboto-light";
    font-size: 48px;
}

@media (max-width: 768px) {
    .hello-user .due-amount {
        font-size: 38px;
        margin-bottom: 0;
    }
}

.hello-user .bill-due {
    margin-bottom: 30px;
}

    .hello-user .bill-due span {
        font-family: "roboto-light";
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.1px;
    }

@media (max-width: 768px) {
    .hello-user .bill-due span {
        font-size: 19px;
        letter-spacing: 0;
    }
}

.hello-user .bill-due span.due-date {
    font-family: "roboto-medium";
    margin-bottom: 0;
    margin-right: 19px;
}

@media (max-width: 768px) {
    .hello-user .bill-due .view-bill {
        display: block;
        margin-top: 5px;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .hello-user .pse-btn-lw {
        display: block;
        margin: 10px auto;
        text-align: center;
        width: 250px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hello-user .btn-autopay {
        margin-left: 15px;
    }
}

@media (min-width: 992px) {
    .hello-user .btn-autopay {
        margin-left: 15px;
    }
}

.no-text-transform {
    text-transform: none !important;
}

.user-account-info-wrapper {
    margin-bottom: 20px;
}

    .user-account-info-wrapper .user-account-info-body {
        background-color: #fff;
        -moz-box-shadow: 0 0 5px 0 #898f9e;
        -webkit-box-shadow: 0 0 5px 0 #898f9e;
        box-shadow: 0 0 5px 0 #898f9e;
        width: 100%;
        border-bottom: 0;
    }

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body .row {
        display: flex;
        flex-direction: column;
    }
}

.user-account-info-wrapper .user-account-info-body .panel-body {
    padding: 0 15px;
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder {
    border-bottom: transparent;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body table.data-account-holder {
        border: none;
    }
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder tr {
    color: #575757;
    display: block;
    border-bottom: 1px solid #dddddd;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body table.data-account-holder tr .mobile-address {
        text-indent: 0px;
        padding-left: 23px;
        float: none;
    }
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder tr.inactive {
    color: #d0021b;
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder tr.selected-account {
    display: none;
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder td {
    padding: 18px 5px;
    border-top: none;
}

    .user-account-info-wrapper .user-account-info-body table.data-account-holder td:first-child {
        padding-left: 15px;
    }

    .user-account-info-wrapper .user-account-info-body table.data-account-holder td:nth-child(3) p {
        white-space: nowrap;
    }

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body table.data-account-holder td {
        padding: 18px 0px 18px 20px;
    }
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder td p {
    font-size: 18px;
    margin: 0px;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body table.data-account-holder td p {
        font-size: 14px;
    }

        .user-account-info-wrapper .user-account-info-body table.data-account-holder td p.acc-status {
            min-width: 110px;
        }
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder td .status-icon {
    margin-right: 10px;
    position: relative;
    font-size: 20px;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body table.data-account-holder td .status-icon {
        bottom: -10px;
        right: 10px;
        width: 18px;
        height: 20px;
        font-size: 18px;
    }
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder td .status-icon.fa-warning {
    color: #c41f3d;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body table.data-account-holder td:nth-child(2) {
        text-align: right;
        right: 20px;
        position: relative;
    }
}

.user-account-info-wrapper .user-account-info-body table.data-account-holder + #account-details_paginate {
    display: none;
}

.user-account-info-wrapper .user-account-info-body .link-view-account {
    padding: 20px;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info-body .link-view-account .pse-form-btn {
        font-size: 14px;
    }
}

.user-account-info-wrapper .user-account-info li:first-child {
    padding-left: 30px;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info li:first-child {
        padding-left: 15px;
    }
}

.user-account-info-wrapper .user-account-bill-info li:last-child {
    padding-right: 30px;
    text-align: right;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-bill-info li:last-child {
        padding-right: 15px;
        vertical-align: middle;
    }
}

.user-account-info-wrapper .user-account-info,
.user-account-info-wrapper .user-account-bill-info {
    display: table;
    width: 100%;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .bill-info,
    .user-account-info-wrapper .user-account-bill-info .bill-info {
        padding-left: 5px;
    }
}

.user-account-info-wrapper .user-account-info .bill-info .due-amount,
.user-account-info-wrapper .user-account-bill-info .bill-info .due-amount {
    line-height: 1.22;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .bill-info p:first-child,
    .user-account-info-wrapper .user-account-bill-info .bill-info p:first-child {
        font-family: "roboto-medium";
    }
}

.user-account-info-wrapper .user-account-info li,
.user-account-info-wrapper .user-account-bill-info li {
    display: table-cell;
    padding: 18px 25px 18px 0;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info li,
    .user-account-info-wrapper .user-account-bill-info li {
        padding: 10px;
    }
}

.user-account-info-wrapper .user-account-info p,
.user-account-info-wrapper .user-account-bill-info p {
    margin-bottom: 0;
    line-height: 1;
    color: #575757;
}

.user-account-info-wrapper .user-account-info .f18,
.user-account-info-wrapper .user-account-bill-info .f18 {
    font-size: 18px;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .f18,
    .user-account-info-wrapper .user-account-bill-info .f18 {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .user-info {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
}

.user-account-info-wrapper .user-account-info .user-info i,
.user-account-info-wrapper .user-account-info .user-info img.user-icon {
    top: -1px;
    position: relative;
    margin-right: 2px;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .user-info i,
    .user-account-info-wrapper .user-account-info .user-info img.user-icon {
        top: 0;
        margin-right: 6px;
    }
}

.user-account-info-wrapper .user-account-info .user-info.h7 {
    margin-bottom: 0;
    color: #575757;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .user-info .name {
        font-family: "roboto-regular";
        font-size: 14px;
        top: -5px;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: calc(100% - 24px);
        display: inline-block;
    }

    .user-account-info-wrapper .user-account-info .user-info .address {
        margin-left: 24px;
        margin-top: -10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: "roboto-medium";
    }
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .account-info {
        text-align: right;
    }

        .user-account-info-wrapper .user-account-info .account-info p:first-child {
            top: -5px;
            position: relative;
        }

        .user-account-info-wrapper .user-account-info .account-info .account-no {
            font-family: "roboto-medium";
        }
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info li:nth-child(3) {
        display: none;
    }
}

.user-account-info-wrapper .user-account-info .dropdown {
    padding: 0;
    vertical-align: top;
    width: 75px;
    background: #f0f0f0;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .dropdown {
        width: 50px;
    }
}

.user-account-info-wrapper .user-account-info .dropdown a {
    width: 100%;
    background: #f0f0f0;
    text-align: center;
    position: absolute;
    height: 100%;
    padding-top: 50%;
    text-decoration: none;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .dropdown a {
        height: 52px;
        overflow: hidden;
    }
}

.user-account-info-wrapper .user-account-info .dropdown a .fa {
    margin-top: -10px;
    font-size: 16px;
    display: inherit;
    color: #4a4a4a;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .dropdown a .fa {
        font-size: 14px;
        color: #006671;
    }
}

.user-account-info-wrapper .user-account-info .dropdown a.collapsed .fa {
    transform: rotate(180deg);
    margin-top: -6px;
}

.user-account-info-wrapper .user-account-bill-info .pse-form-btn {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-bill-info {
        border-top: 1px solid #d8d8d8;
    }
}

.user-account-info-wrapper .user-account-nav {
    background-color: #003c4b;
    padding: 0;
    list-style: none;
    text-align: left;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 5px 0 #898f9e;
}

    .user-account-info-wrapper .user-account-nav .nav {
        display: table;
        width: 100%;
    }

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-nav .nav {
        margin: 0 0 35px 0;
    }
}

.user-account-info-wrapper .user-account-nav .nav li {
    display: table-cell;
    float: none;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-nav .nav li {
        display: block;
    }
}

.user-account-info-wrapper .user-account-nav .nav li a {
    padding: 13px 12px;
    color: #fff;
    font-size: 16px;
    margin: 0px;
    text-align: center;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-nav .nav li a {
        text-align: left;
        font-size: 16px;
    }
}

.user-account-info-wrapper .user-account-nav .nav li a:hover, .user-account-info-wrapper .user-account-nav .nav li a:focus {
    background-color: transparent;
}

.user-account-info-wrapper .user-account-nav .nav li.active a {
    border-bottom: 3px solid #fff;
    font-family: "roboto-medium";
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-nav .nav li.active a {
        border: 0;
    }
}

.user-account-info-wrapper .user-account-nav .navbar-header .navbar-toggle,
.user-account-info-wrapper .user-account-nav .navbar-header .navbar-brand {
    color: #fff;
    font-size: 14px;
}

.user-account-info-wrapper .user-account-nav .navbar-header .navbar-toggle {
    margin: 2px 0px;
    height: 45px;
    width: 45px;
}

    .user-account-info-wrapper .user-account-nav .navbar-header .navbar-toggle.collapsed {
        transform: rotate(180deg);
    }

.user-account-info-wrapper .user-account-nav .navbar-header .navbar-brand {
    padding: 12px 15px;
}

@media (max-width: 768px) {
    .user-account-info-wrapper .user-account-nav .navbar-header .navbar-brand {
        padding: 15px 25px;
        font-size: 16px;
        font-family: "roboto-medium";
        account selector nav bar heading alignmnet fix text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: calc(100% - 20%);
    }
}

.user-account-info-wrapper #user-info-data-table {
    border-top: 1px solid #d8d8d8;
}

.f12 {
    font-family: "roboto-regular";
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .f12 {
        font-family: "roboto-regular";
        font-size: 14px;
    }
}

@media only screen and (min-width: 1201px) {
    .user-account-info .user-info .name {
        width: 150px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

    .user-account-info .address-info .address {
        width: 280px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .user-account-info .user-info .name {
        width: 140px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

    .user-account-info .address-info .address {
        width: 220px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.alert.media {
    margin-top: 20px;
}

    .alert.media .media-left i {
        font-size: 36px;
        vertical-align: middle;
    }

.account-details {
    margin: 15px 0;
}

    .account-details li {
        border-right: 1px solid #717171;
        display: table-cell;
        padding: 0 10px;
        vertical-align: middle;
    }

        .account-details li:first-child {
            white-space: nowrap;
        }

        .account-details li:last-child {
            border-right: 0;
        }

        .account-details li i {
            font-size: 30px;
            margin-right: 10px;
            vertical-align: middle;
        }

.due-details {
    float: right;
    position: relative;
}

    .due-details li {
        display: table-cell;
        font-size: 16px;
        padding: 0 10px;
        vertical-align: middle;
    }

        .due-details li .due-amount {
            font-size: 20px;
            font-weight: bold;
        }

        .due-details li .due-date {
            font-size: 12px;
        }

.accountdetail-container {
    border: 1px solid #717171;
    padding: 20px;
    position: relative;
}

    .accountdetail-container .user-detail {
        display: inline-block;
        margin: 20px 0;
        position: relative;
    }

        .accountdetail-container .user-detail li {
            display: inline-block;
            margin-right: 10px;
        }

    .accountdetail-container .due-amount-container {
        position: relative;
    }

        .accountdetail-container .due-amount-container .due-amount {
            font-family: "roboto-condensed-bold";
            font-size: 42px;
        }

.usagedetail-container {
    border: 1px solid #717171;
    padding: 20px;
    position: relative;
}

    .usagedetail-container .pse-link-primary {
        display: block;
    }

    .usagedetail-container .usage-value {
        font-size: 24px;
    }

.usagedetail-tile-conatiner {
    margin-top: 20px;
    position: relative;
}

    .usagedetail-tile-conatiner img {
        width: 100%;
    }

    .usagedetail-tile-conatiner h3 {
        bottom: 5px;
        left: 20px;
        position: absolute;
    }

@media (max-width: 768px) {
    .detailed-view-link {
        order: 4;
    }
}

.detailed-view-link img {
    width: 20px;
}

.detailed-view-link .media-body .body-m,
.detailed-view-link .media-body a {
    color: #1771cc;
    font-size: 14px;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .detailed-view-link .media-body .body-m,
    .detailed-view-link .media-body a {
        font-size: 10px;
        margin-bottom: 30px;
        text-decoration: underline;
    }
}

.detailed-view-link .media-body .body-m:hover, .detailed-view-link .media-body .body-m:focus,
.detailed-view-link .media-body a:hover,
.detailed-view-link .media-body a:focus {
    color: #1771cc;
    text-decoration: underline;
}

#detailed-bill-table td:last-child {
    text-align: left;
    width: 110px;
}

.detailed-billing-table,
.detailed-default-table {
    color: #4a4a4a;
}

    .detailed-billing-table.table > thead > tr > th,
    .detailed-billing-table.table > thead > tr > td,
    .detailed-billing-table.table > tbody > tr > th,
    .detailed-billing-table.table > tbody > tr > td,
    .detailed-billing-table.table > tfoot > tr > th,
    .detailed-billing-table.table > tfoot > tr > td,
    .detailed-default-table.table > thead > tr > th,
    .detailed-default-table.table > thead > tr > td,
    .detailed-default-table.table > tbody > tr > th,
    .detailed-default-table.table > tbody > tr > td,
    .detailed-default-table.table > tfoot > tr > th,
    .detailed-default-table.table > tfoot > tr > td {
        border: 0;
        width: 50%;
        padding-left: 20px;
        line-height: 35px;
    }

@media (max-width: 991px) {
    .detailed-billing-table.table > thead > tr > th,
    .detailed-billing-table.table > thead > tr > td,
    .detailed-billing-table.table > tbody > tr > th,
    .detailed-billing-table.table > tbody > tr > td,
    .detailed-billing-table.table > tfoot > tr > th,
    .detailed-billing-table.table > tfoot > tr > td,
    .detailed-default-table.table > thead > tr > th,
    .detailed-default-table.table > thead > tr > td,
    .detailed-default-table.table > tbody > tr > th,
    .detailed-default-table.table > tbody > tr > td,
    .detailed-default-table.table > tfoot > tr > th,
    .detailed-default-table.table > tfoot > tr > td {
        padding: 0;
    }
}

.detailed-billing-table.table > thead > tr > th,
.detailed-billing-table.table > tbody > tr > th,
.detailed-billing-table.table > tfoot > tr > th,
.detailed-default-table.table > thead > tr > th,
.detailed-default-table.table > tbody > tr > th,
.detailed-default-table.table > tfoot > tr > th {
    padding-left: 0;
}

.detailed-billing-table.table > tfoot > tr > td,
.detailed-default-table.table > tfoot > tr > td {
    padding-left: 0;
}

    .detailed-billing-table.table > tfoot > tr > td .total,
    .detailed-default-table.table > tfoot > tr > td .total {
        margin-left: 29px;
    }

.detailed-billing-table.electricity thead > tr > th, .detailed-billing-table.naturalgas thead > tr > th,
.detailed-default-table.electricity thead > tr > th,
.detailed-default-table.naturalgas thead > tr > th {
    padding-left: 15px;
}

@media (max-width: 768px) {
    .detailed-billing-table.electricity tfoot tr:last-child, .detailed-billing-table.naturalgas tfoot tr:last-child,
    .detailed-default-table.electricity tfoot tr:last-child,
    .detailed-default-table.naturalgas tfoot tr:last-child {
        border-bottom: 1px solid #006671;
    }
}

.detailed-billing-table.electricity tfoot tr td.p, .detailed-billing-table.naturalgas tfoot tr td.p,
.detailed-default-table.electricity tfoot tr td.p,
.detailed-default-table.naturalgas tfoot tr td.p {
    padding-left: 15px;
}

    .detailed-billing-table.electricity tfoot tr td.p:last-child, .detailed-billing-table.naturalgas tfoot tr td.p:last-child,
    .detailed-default-table.electricity tfoot tr td.p:last-child,
    .detailed-default-table.naturalgas tfoot tr td.p:last-child {
        text-align: left;
    }

.detailed-billing-table tbody tr:last-child,
.detailed-default-table tbody tr:last-child {
    border-bottom: 1px solid #006671;
}

@media (max-width: 991px) {
    .detailed-billing-table tbody tr:last-child td#currentBillAmount,
    .detailed-default-table tbody tr:last-child td#currentBillAmount {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .detailed-billing-table tbody tr:last-child td,
    .detailed-default-table tbody tr:last-child td {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .detailed-billing-table tbody tr:last-child td .media,
    .detailed-default-table tbody tr:last-child td .media {
        text-align: left;
    }
}

.detailed-billing-table tbody tr:nth-last-child(2),
.detailed-default-table tbody tr:nth-last-child(2) {
    border-bottom: 1px solid #006671;
}

@media (max-width: 991px) {
    .detailed-billing-table tbody tr:nth-last-child(2),
    .detailed-default-table tbody tr:nth-last-child(2) {
        border: none;
    }
}

.detailed-billing-table tbody tr.detailed-view-link td .media,
.detailed-default-table tbody tr.detailed-view-link td .media {
    text-align: left;
}

.detailed-billing-table .even,
.detailed-default-table .even {
    background-color: #f1f9f8;
}

.detailed-billing-table .odd,
.detailed-default-table .odd {
    background-color: transparent;
}

.detailed-billing-table td:last-child,
.detailed-default-table td:last-child {
    text-align: right;
}

.detailed-billing-table .body-l,
.detailed-default-table .body-l {
    font-family: "roboto-medium";
    text-align: left;
}

    .detailed-billing-table .body-l th,
    .detailed-default-table .body-l th {
        padding: 0;
    }

.detailed-billing-table .body-xl,
.detailed-default-table .body-xl {
    background-color: #474b55;
    color: #fff;
}

@media (max-width: 991px) {
    .detailed-billing-table tfoot tr td.detailed-view-link .media,
    .detailed-default-table tfoot tr td.detailed-view-link .media {
        display: none;
    }
}

.detailed-billing-table tfoot tr:last-child td:last-child,
.detailed-default-table tfoot tr:last-child td:last-child {
    font-family: "roboto-bold";
    font-size: 22px;
}

@media (max-width: 991px) {
    .detailed-billing-table tfoot tr:last-child td:last-child,
    .detailed-default-table tfoot tr:last-child td:last-child {
        font-size: 18px;
        padding: 0;
    }
}

.detailed-default-table.breakdown-account tfoot {
    display: none;
}

.how-breadcrumb {
    background-color: transparent;
}

    .how-breadcrumb li.active {
        color: #006671;
        font-family: "roboto-condensed-bold";
    }

    .how-breadcrumb li + li::before {
        content: ' >';
    }

.drag-info {
    color: #197ee3;
    display: inline-block;
    font-size: 40px;
    height: 40px;
    width: 40px;
}

.detailed-bill-summary {
    margin-top: 20px;
}

.bil-summary h4 {
    margin-top: 30px;
}

.detailed-bill-help-statement .alert-info {
    background-color: transparent;
    border: 1px solid #c2c2c2;
}

.detailed-bill-help-statement .body-xl {
    color: #006671;
    font-family: "roboto-condensed-bold";
}

.detailed-bill-help-statement .media-body {
    color: #4a4a4a;
}

.how-ballon-text {
    margin-bottom: 30px;
}

    .how-ballon-text .bubble-content {
        width: 31%;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
    }

        .how-ballon-text .bubble-content .bubble-header {
            background-color: #474b55;
            color: #fff;
            padding: 30px 25px 20px;
            border: 1px solid #474b55;
            position: relative;
        }

            .how-ballon-text .bubble-content .bubble-header span {
                position: absolute;
                right: 20px;
                top: 11px;
                color: #898f9e;
            }

        .how-ballon-text .bubble-content .bubble-body {
            padding: 30px;
        }

.detailed-bill-correction {
    margin-bottom: 30px;
}

    .detailed-bill-correction h6 {
        font-family: "roboto-regular";
    }

.hr-line {
    background-color: #006671;
}

.a-link {
    color: #1771cc;
    font-size: 16px;
}

    .a-link:hover, .a-link:focus {
        color: #1771cc;
    }

.detail-billing-naturalgas-table h6,
.detail-billing-electricity-table h6 {
    font-family: "roboto-regular";
}

.detail-billing-naturalgas-table tfoot tr:last-child td:last-child,
.detail-billing-electricity-table tfoot tr:last-child td:last-child {
    font-family: "roboto-regular";
    font-size: 16px;
}

@media (max-width: 991px) {
    .detail-billing-naturalgas-table .electricity tfoot tr:last-child, .detail-billing-naturalgas-table .naturalgas tfoot tr:last-child,
    .detail-billing-electricity-table .electricity tfoot tr:last-child,
    .detail-billing-electricity-table .naturalgas tfoot tr:last-child {
        border-bottom: none;
        margin-bottom: 30px;
        margin-top: 30px;
    }
}

#detailed-bill-wrapper .pse-datatable {
    margin: 10px 0;
}

.overview-wrapper ul.account-overview {
    display: inline-block;
}

    .overview-wrapper ul.account-overview > li {
        border-left: 1px solid #32363d;
        display: inline-block;
        padding: 10px 15px;
    }

        .overview-wrapper ul.account-overview > li > h5 {
            display: inherit;
            font-size: 16px;
        }

        .overview-wrapper ul.account-overview > li:first-child {
            border-left: 0;
        }

.overview-wrapper .account-details li i {
    font-size: 22px;
}

.overview-wrapper .account-details li:last-child {
    text-align: center;
    vertical-align: middle;
}

.pos-static {
    position: static !important;
}

.search-accounts {
    width: 100%;
    margin-bottom: 20px;
}

    .search-accounts input {
        margin-top: 12px;
        border-radius: 0;
        padding-right: 40px;
        border-color: #979797;
        height: 45px;
    }

    .search-accounts span {
        top: 22px;
        position: absolute;
        right: 15px;
    }

        .search-accounts span i {
            font-size: 22px;
            color: #4a4a4a;
        }

.account-selection img {
    width: 30px;
}

.account-selection .dropdown-large {
    position: static;
}

.account-selection .dropdown-toggle {
    color: inherit;
    padding-left: 10px;
}

@media (max-width: 768px) {
    .account-selection .dropdown-toggle {
        float: right;
        margin-right: 0;
        position: static;
    }
}

.account-selection .dropdown-menu-large {
    color: #474b55;
    width: 100%;
    padding: 25px 0;
}

.account-selection .account-record {
    cursor: pointer;
    border-top: 1px solid #808080;
}

    .account-selection .account-record img {
        width: 48px;
    }

    .account-selection .account-record > div:not(:first-child) {
        height: 50px;
        padding: 15px;
    }

    .account-selection .account-record:last-child {
        border-bottom: 1px solid #808080;
    }

.dropdown-chevron {
    background: #f0f0f0;
}

    .dropdown-chevron .open .dropdown-chevron-icon i {
        color: #4a4a4a;
        font-size: 18px;
        font-family: FontAwesome;
    }

        .dropdown-chevron .open .dropdown-chevron-icon i:after {
            content: "\f107";
        }

    .dropdown-chevron .dropdown-chevron-icon i {
        color: #4a4a4a;
        font-size: 18px;
        font-family: FontAwesome;
    }

        .dropdown-chevron .dropdown-chevron-icon i:after {
            content: "\f106";
        }

.manage-account-dropdown-table tr td {
    vertical-align: middle !important;
}

.account-selector-manage {
    Account selector top space issue
}

    .account-selector-manage #account-selector-wrapper .dataTables_filter {
        display: block;
        float: left;
        width: 33.5%;
        position: relative;
    }

        .account-selector-manage #account-selector-wrapper .dataTables_filter label {
            width: 100%;
        }

            .account-selector-manage #account-selector-wrapper .dataTables_filter label.text-hide span {
                font-size: 14px;
                color: black;
                text-shadow: none;
                background-color: transparent;
                cursor: pointer;
            }

        .account-selector-manage #account-selector-wrapper .dataTables_filter input {
            width: 100%;
            border-radius: 0;
            padding-right: 40px;
            border-color: #979797;
            height: 48px;
            color: #242424;
            font-size: 18px;
        }

        .account-selector-manage #account-selector-wrapper .dataTables_filter span {
            position: absolute;
            right: 0px;
            top: 28px;
        }

        .account-selector-manage #account-selector-wrapper .dataTables_filter.hide {
            display: none !important;
        }

    .account-selector-manage .tab-content {
        padding-top: 0px;
    }

        .account-selector-manage .tab-content h2 {
            font-size: 42px;
        }

@media (max-width: 768px) {
    .account-selector-manage .tab-content h2 {
        font-size: 32px;
    }
}

#account-selector-table-more-than-5_filter {
    display: block !important;
    float: left;
    width: 33.5%;
    position: relative;
    margin-bottom: 32px;
}

    #account-selector-table-more-than-5_filter label {
        width: 100%;
        margin-bottom: 0;
        position: relative;
    }

        #account-selector-table-more-than-5_filter label.text-hide span {
            font-size: 14px;
            color: black;
            text-shadow: none;
            background-color: transparent;
        }

            #account-selector-table-more-than-5_filter label.text-hide span .fa {
                color: #4a4a4a;
            }

    #account-selector-table-more-than-5_filter input {
        width: 100%;
        margin-top: 12px;
        border-radius: 0;
        padding-right: 40px;
        border-color: #979797;
        height: 48px;
        color: #242424;
        font-size: 18px;
        font-family: "roboto-regular";
        margin-left: 0;
    }

        #account-selector-table-more-than-5_filter input:focus {
            box-shadow: 0 0 0 !important;
        }

    #account-selector-table-more-than-5_filter span {
        position: absolute;
        right: 10px !important;
        top: 28px;
    }

    #account-selector-table-more-than-5_filter .typeahead {
        width: 100%;
        top: 55px;
        border-radius: 0;
        padding-top: 0;
    }

        #account-selector-table-more-than-5_filter .typeahead li a {
            padding: 15px 20px;
            font-size: 18px;
            font-family: "roboto-regular";
            font-weight: bold;
            color: #4a4a4a;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #account-selector-table-more-than-5_filter .typeahead li.active a {
            background-color: #f1f9f8;
        }

.pse-data-table {
    border-bottom: 0 !important;
}

    .pse-data-table thead tr th {
        padding-left: 25px !important;
        font-size: 20px;
        font-family: "roboto-condensed-bold";
    }

    .pse-data-table tbody .inactive {
        color: #c41f3d;
    }

        .pse-data-table tbody .inactive .activity-icon {
            color: #c41f3d;
        }

    .pse-data-table tbody tr {
        height: 86px;
        color: #4a4a4a;
        font-size: 16px;
    }

        .pse-data-table tbody tr.odd {
            background-color: #FFFFFF !important;
        }

            .pse-data-table tbody tr.odd:hover {
                background-color: #FFFFFF !important;
            }

        .pse-data-table tbody tr.even {
            background-color: #f1f9f8 !important;
        }

            .pse-data-table tbody tr.even:hover {
                background-color: #f1f9f8 !important;
            }

        .pse-data-table tbody tr:last-child td {
            border-bottom: 1px solid #d8d8d8;
        }

        .pse-data-table tbody tr .pse-form-btn {
            font-size: 18px;
            white-space: nowrap;
        }

            .pse-data-table tbody tr .pse-form-btn .fa-chevron-right {
                margin-left: 5px;
            }

        .pse-data-table tbody tr td {
            padding-left: 25px !important;
            border: none;
            font-size: 18px;
        }

            .pse-data-table tbody tr td p {
                font-size: 18px;
            }

    .pse-data-table.dataTable tbody tr td {
        border: none;
    }

    .pse-data-table.dataTable tbody tr:last-child td {
        border-bottom: 1px solid #d8d8d8;
    }

#account-selector .page-content {
    margin-bottom: 0;
}

#account-selector .dataTables_info {
    display: none;
}

#account-selector .dt-more-container {
    border-bottom: 1px solid #d8d8d8;
    padding: 15px 0;
}

    #account-selector .dt-more-container.load-more-container {
        margin: 0;
    }

    #account-selector .dt-more-container .pse-form-btn {
        font-size: 18px;
    }

        #account-selector .dt-more-container .pse-form-btn .fa-chevron-right {
            margin-left: 5px;
        }

    #account-selector .dt-more-container #account-selector-view-all {
        margin: 0 auto;
    }

@media (max-width: 768px) {
    .account-details li {
        display: block;
        border-right: none;
    }

    .due-details {
        float: none;
    }

        .due-details li:last-child {
            display: block;
        }

    .pse-data-table {
        border-bottom: 0;
    }

        .pse-data-table thead tr {
            display: block !important;
            width: 100% !important;
        }

            .pse-data-table thead tr th {
                font-size: 18px;
            }

                .pse-data-table thead tr th:nth-child(1), .pse-data-table thead tr th:nth-child(4), .pse-data-table thead tr th:nth-child(2) {
                    display: none !important;
                }

                .pse-data-table thead tr th:last-child {
                    display: none !important;
                }

                .pse-data-table thead tr th:nth-child(3) {
                    width: 40%;
                }

        .pse-data-table tbody tr {
            display: block !important;
            width: 100% !important;
            height: 170px;
        }

            .pse-data-table tbody tr td {
                font-size: 18px;
            }

                .pse-data-table tbody tr td:nth-child(1), .pse-data-table tbody tr td:nth-child(4), .pse-data-table tbody tr td:nth-child(2) {
                    display: none !important;
                }

                .pse-data-table tbody tr td:nth-child(3) {
                    width: 50%;
                }

                .pse-data-table tbody tr td:nth-child(5) {
                    width: 50%;
                    text-align: center;
                }

                .pse-data-table tbody tr td:last-child {
                    display: block !important;
                    text-align: center;
                }

    #account-selector .dataTables_filter {
        width: 100% !important;
    }

    #account-selector-table-more-than-5_filter {
        width: 100% !important;
    }

        #account-selector-table-more-than-5_filter input {
            font-size: 14px !important;
        }
}


* This combined file was created by the DataTables downloader builder:
* https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
* https://datatables.net/download/#dt/dt-1.10.16
*
* Included libraries:
* DataTables 1.10.16

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
}

    table.dataTable thead th:active, table.dataTable thead td:active {
        outline: none;
    }

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable tbody tr {
    background-color: #ffffff;
}

    table.dataTable tbody tr.selected {
        background-color: #B0BED9;
    }

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
}

    table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
        background-color: #acbad4;
    }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6;
}

    table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
        background-color: #aab7d1;
    }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
    background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad5;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a5b2cb;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
    padding: 4px;
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: content-box;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

    .dataTables_wrapper .dataTables_length {
        float: left;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right;
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: 0.755em;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: white;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111;
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em;
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333;
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
                vertical-align: middle;
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important;
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111;
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
        border-bottom: none;
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

.page-title > p {
    font-size: 16px;
    margin-bottom: 20px;
}

.way-to-pay-media {
    margin-bottom: 15px;
}

    .way-to-pay-media .way-img {
        background-color: #bce7e1;
        border-radius: 100%;
        height: 33px;
        padding: 8px 6px;
        position: relative;
        width: 33px;
    }

        .way-to-pay-media .way-img img {
            -ms-transform: translate(-50%, -50%);
            left: 50%;
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    .way-to-pay-media .media-heading {
        margin-top: 5px;
    }

.waytopay-online {
    padding-right: 0;
}

@media (max-width: 768px) {
    .waytopay-online {
        padding-right: 15px;
    }
}

.waytopay-online .btn-action {
    padding: 6px 40px;
}

    .waytopay-online .btn-action + i {
        display: none;
    }

.waytopay-online p {
    margin-bottom: 10px;
}

.waytopay-online .tele-phone-num {
    font-family: "roboto-medium";
    font-size: 18px;
    position: relative;
}

@media (max-width: 768px) {
    .waytopay-online .tele-phone-num {
        padding-left: 0;
        text-align: center;
    }
}

.waytopay-online .tele-phone-num span {
    padding-left: 15px;
}

@media (max-width: 768px) {
    .waytopay-online .tele-phone-num span {
        padding-left: 0;
    }
}

.waytopay-online .tele-phone-num span::before {
    color: #006671;
    content: '\f095';
    font-family: FontAwesome;
    font-size: 30px;
    left: 7px;
    margin-right: 25px;
    position: relative;
    top: 7px;
}

@media (max-width: 768px) {
    .waytopay-online .waytopay-button {
        text-align: center;
        padding: 10px 30px;
    }
}

.waytopay-online .waytopay-button > a {
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .waytopay-online .waytopay-button > a {
        min-width: 250px;
    }
}

@media (max-width: 768px) {
    .waytopay-online .pay-station {
        text-align: center;
    }
}

.waytopay-online .btn-invert-action {
    margin-left: 0;
}

@media (max-width: 768px) {
    .waytopay-online .btn-invert-action {
        margin-left: 0;
    }
}

.waytopay-online .btn-invert-action + i {
    display: none;
}

.waytopay-online .payment-button {
    margin-right: 25px;
}

@media (max-width: 767px) {
    .waytopay-online .payment-button {
        margin-right: 0;
    }
}

.waytopay-online .enroll {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 18px;
}

    .waytopay-online .enroll + i {
        color: #1771cc;
    }

    .waytopay-online .enroll:hover + i {
        color: #004A94;
    }

.waytopay-online .default-bullet {
    margin-bottom: 20px;
    padding-left: 20px;
}

    .waytopay-online .default-bullet li a {
        font-size: inherit;
    }

.waytopay-online .address-block {
    font-family: "roboto-bold";
}

.way-to-pay-container {
    background-color: #f6f6f6;
}

    .way-to-pay-container > .container .media-heading {
        color: #006671;
    }

.pay-assist-content {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .pay-assist-content:last-child {
        border-bottom: 0;
    }

    .pay-assist-content .enroll {
        font-family: "roboto-condensed-bold";
        font-size: 20px;
        line-height: 18px;
    }

        .pay-assist-content .enroll:hover + i {
            color: #004A94;
        }

        .pay-assist-content .enroll + i {
            color: #1771cc;
        }

    .pay-assist-content p {
        margin-bottom: 10px;
    }

        .pay-assist-content p .paragraph-link {
            color: #1771cc;
            font-size: inherit;
        }

        .pay-assist-content p > a {
            font-size: inherit;
        }

.payment-type-content {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding: 30px;
}

.guest-payment h4 {
    margin-top: 14px;
}

.guest-payment form {
    margin-top: 40px;
}

.guest-payment .guest-btn {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .guest-payment .guest-btn {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .guest-payment .guest-btn .btn-action {
        min-width: 50%;
    }
}

.guest-payment .bg-form-grey {
    background-color: #f6f6f6;
    padding: 15px;
}

#loading {
    z-index: 1042 !important;
    background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader.gif"), rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

@media (max-width: 768px) {
    #loading {
        background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader-mobile.gif"), rgba(0, 0, 0, 0.5) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
}

.payment-bdhv .cf-main_section {
    margin-top: 30px;
}

.payment-bdhv a {
    color: #006671;
}

    .payment-bdhv a:hover {
        color: #4a4a4a;
    }

.payment-bdhv #cf-container .cf-option_box li {
    background: url("../images/sngl_arrows.gif") no-repeat left 1px;
}

.payment-bdhv a.cf-morelink {
    background: url("../images/cf_icon_help.gif") no-repeat left 1px;
}

.payment-bdhv td.cf-buttons input {
    background-color: #006671;
    color: #fff;
}

.payment-bdhv .cf-individual_accounts {
    clear: both;
    float: none;
    margin-bottom: 10px;
    min-height: 400px;
    overflow: hidden;
    width: 525px;
}

.payment-bdhv .cf-arrow {
    background: url("../images/sngl_arrows.gif") no-repeat;
}

.payment-bdhv .cf-alert_mobile {
    background: url("../images/sms_alert.gif") no-repeat;
}

.payment-menu {
    -moz-box-shadow: 0 0 5px 0 #898f9e;
    -webkit-box-shadow: 0 0 5px 0 #898f9e;
    box-shadow: 0 0 5px 0 #898f9e;
    border-radius: 5px;
    margin-top: 56px;
}

    .payment-menu .navbar {
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        min-height: inherit;
    }

        .payment-menu .navbar .navbar-header {
            border-bottom: 1px solid #006671;
        }

        .payment-menu .navbar .navbar-brand {
            color: #006671;
        }

        .payment-menu .navbar .navbar-toggle .icon-bar {
            border: 1px solid #006671;
        }

@media (max-width: 768px) {
    .payment-menu .navbar .navbar-collapse {
        margin: 0;
        padding: 0;
    }
}

.payment-menu .navbar .navbar-collapse li {
    margin: 0 20px;
}

@media (max-width: 768px) {
    .payment-menu .navbar .navbar-collapse li {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .payment-menu .navbar .navbar-collapse li {
        margin: 0 6px;
    }
}

.payment-menu .navbar .navbar-collapse li.active {
    border-bottom: 2px solid #fff;
}

@media (max-width: 768px) {
    .payment-menu .navbar .navbar-collapse li.active {
        border: 0;
        font-weight: bold;
    }
}

.payment-menu .overview-wrapper {
    color: #575757;
    padding: 15px 0;
}

    .payment-menu .overview-wrapper p {
        font-size: 24px;
        margin: 0 20px;
    }

        .payment-menu .overview-wrapper p .fa {
            margin-right: 10px;
        }

    .payment-menu .overview-wrapper .account-selection li.dropdown.dropdown-large {
        display: none;
    }

    .payment-menu .overview-wrapper .account-summary p {
        font-size: 18px;
        line-height: 1;
    }

        .payment-menu .overview-wrapper .account-summary p span {
            display: block;
            font-family: "roboto-bold";
            font-size: 12px;
        }

        .payment-menu .overview-wrapper .account-summary p .fa {
            float: right;
        }

.payment-menu .payment-tabs {
    background: #003c4b;
}

    .payment-menu .payment-tabs a {
        color: #fff;
        font-size: 16px;
        padding: 10px 11px;
    }

@media (max-width: 768px) {
    .payment-menu .payment-tabs a {
        padding: 15px 30px;
    }
}

.payment-menu .payment-tabs a:hover, .payment-menu .payment-tabs a:focus {
    background-color: transparent;
}

.action-block {
    font-family: "roboto-regular";
    padding: 0 80px;
    text-align: center;
}

@media (max-width: 991px) {
    .action-block {
        padding: 0 30px;
    }
}

@media (max-width: 767px) {
    .action-block {
        margin-bottom: 30px;
    }
}

.action-block.action-separator {
    border-left: 1px solid #d8d8d8;
}

@media (max-width: 767px) {
    .action-block.action-separator {
        border-left: 0;
    }
}

.action-block h6 {
    color: #4a4a4a;
    font-size: 18px;
    letter-spacing: 0.1px;
    margin: 0 0 20px;
}

.action-block .pse-btn-primary {
    background-color: #1771cc;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.65;
    padding: 2px 0;
    text-decoration: none;
    margin-bottom: 20px;
}

.action-block .assistance-block p {
    color: #4a4a4a;
    margin: 10px 0 15px;
}

.action-block .assistance-block .payment-assist-block {
    color: #4a4a4a;
    margin: 10px 0 15px;
}

.action-block .assistance-block .pse-form-btn {
    color: #1771cc;
    line-height: 0.9;
}

.action-item3 .action-block {
    padding: 0 30px;
}

.panel-warning .panel-body {
    background-color: #fdf4e4;
}

    .panel-warning .panel-body .panel-subhead {
        font-family: "roboto-regular";
        font-size: 24px;
        margin-bottom: 20px;
    }

.panel-warning .panel-heading {
    background-color: #ed9f1b;
    position: relative;
}

    .panel-warning .panel-heading .h2 {
        color: #242424;
    }

    .panel-warning .panel-heading a {
        text-decoration: none;
    }

        .panel-warning .panel-heading a:after {
            content: "-";
            position: absolute;
            right: 20px;
            top: -4px;
            height: 24px;
            width: 24px;
            font-size: 40px;
            color: #000;
        }

        .panel-warning .panel-heading a.collapsed:after {
            content: '+';
            position: absolute;
            right: 20px;
            top: 5px;
            height: 24px;
            font-size: 30px;
            color: #000;
        }

.notification-container {
    padding-top: 45px;
    margin-top: 35px;
    margin-bottom: 65px;
}

.notifications-box {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 25px;
    margin-bottom: 10px;
}

    .notifications-box h6 {
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 7px;
    }

        .notifications-box h6 .target-date {
            padding-right: 10px;
        }

    .notifications-box .media .media-left {
        padding-right: 30px;
        display: inline-block;
        float: left;
    }

@media (max-width: 480px) {
    .notifications-box .media .media-left {
        padding-right: 20px;
    }
}

.notifications-box .media .media-left i {
    color: #58c3b4;
    font-size: 50px;
}

.notifications-box .media .media-body p {
    margin-bottom: 0;
}

.notification-description {
    line-height: 1.22;
    letter-spacing: 0.1px;
}

.icon-circle {
    border-radius: 50%;
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.disconnect-bg {
    background: #c41f3d;
}

.outage-bg {
    background: #ed9f1b;
}

.latepayment-bg {
    background: #00a6cf;
}

#disconnect-modal .modal-dialog {
    width: 1140px;
}

#disconnect-modal .panel-danger .panel-heading .close {
    color: #fff;
    opacity: 1;
}

#disconnect-modal .panel-danger .panel-body p a {
    color: #197ee3;
    font-size: 16px;
    text-decoration: underline;
}

#disconnect-modal .panel-danger .panel-body .pse-form-btn:hover, #disconnect-modal .panel-danger .panel-body .pse-form-btn:focus, #disconnect-modal .panel-danger .panel-body .pse-form-btn:visited, #disconnect-modal .panel-danger .panel-body .pse-form-btn:active {
    color: #197ee3;
    text-decoration: none;
}

.payment-section .due-amount {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 38px;
    font-weight: 300;
    line-height: 0.58;
}

.payment-section .bill-due {
    margin-bottom: 25px;
}

    .payment-section .bill-due span {
        display: block;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.1px;
    }

    .payment-section .bill-due .due-date {
        color: #4a4a4a;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
    }

.pse-alerts .anchorstyle {
    color: #197ee3;
    font-size: 16px;
    margin-left: 3px;
    text-decoration: underline;
}

.pse-alerts h6 {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
}

.pse-alerts .pse-form-btn {
    float: right;
}

    .pse-alerts .pse-form-btn:hover, .pse-alerts .pse-form-btn:focus, .pse-alerts .pse-form-btn:visited, .pse-alerts .pse-form-btn:active {
        color: #197ee3;
        text-decoration: none;
    }

.pse-alerts .media .media-left i {
    color: #58c3b4;
    font-size: 50px;
}

.outage-notification {
    border: 3px solid #474b55;
    padding: 20px 25px;
}

    .outage-notification .media {
        margin-bottom: 0;
    }

        .outage-notification .media .power-outage p {
            font-size: 18px;
        }

    .outage-notification .map-navigation {
        margin-top: 20px;
    }

        .outage-notification .map-navigation .divider-hr {
            border-right: 1px solid #474b55;
        }

@media (max-width: 768px) {
    .outage-notification .map-navigation .divider-hr {
        border: 0;
        text-align: center;
        margin-bottom: 15px;
    }
}

.outage-notification .map-navigation .map-wrapper {
    text-align: center;
}

    .outage-notification .map-navigation .map-wrapper div.fa {
        display: block;
        font-size: 20px;
    }

    .outage-notification .map-navigation .map-wrapper a {
        color: #4a4a4a;
        display: block;
        font-size: 15px;
    }

        .outage-notification .map-navigation .map-wrapper a .fa {
            margin-left: 5px;
        }

.outage-notification.planned-outage div {
    font-size: 18px;
}

    .outage-notification.planned-outage div .fa {
        font-size: 25px;
        margin-right: 10px;
        vertical-align: middle;
    }

    .outage-notification.planned-outage div a {
        color: #4a4a4a;
    }

.call-agent .pse-form-btn {
    display: block;
}

    .call-agent .pse-form-btn:hover, .call-agent .pse-form-btn:focus, .call-agent .pse-form-btn:visited, .call-agent .pse-form-btn:active {
        color: #197ee3;
        text-decoration: none;
    }

.pse-alerts .anchorstyle {
    color: #197ee3;
    font-size: 16px;
    margin-left: 3px;
    text-decoration: underline;
}

.pse-alerts h6 {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
}

.pse-alerts .pse-form-btn {
    float: right;
}

    .pse-alerts .pse-form-btn:hover, .pse-alerts .pse-form-btn:focus, .pse-alerts .pse-form-btn:visited, .pse-alerts .pse-form-btn:active {
        color: #197ee3;
        text-decoration: none;
    }

.pse-alerts .media .media-left i {
    color: #58c3b4;
    font-size: 50px;
}

.warning-block .hello-user {
    text-align: center;
}

    .warning-block .hello-user h6 {
        font-size: 18px;
    }

    .warning-block .hello-user .bill-due span {
        display: inline-block;
        width: 100%;
    }

.panel-warning {
    border-color: #ed9f1b;
}

    .panel-warning .panel-body .subheader {
        font-family: "roboto-regular";
        font-size: 24px;
    }

    .panel-warning .panel-heading {
        background-color: #ed9f1b;
        color: #000;
    }

        .panel-warning .panel-heading h2 {
            color: #000;
        }

    .panel-warning .warning-block {
        border-left: 1px solid #d8d8d8;
    }

        .panel-warning .warning-block .warning-wrapper {
            text-align: center;
        }

            .panel-warning .warning-block .warning-wrapper .heading {
                color: #4a4a4a;
                font-family: "roboto-regular";
                font-size: 18px;
            }

            .panel-warning .warning-block .warning-wrapper .warn-img {
                padding: 10px;
            }

        .panel-warning .warning-block .pse-btn-primary {
            background-color: #197ee3;
            color: #fff;
            text-decoration: none;
        }

        .panel-warning .warning-block .pse-form-btn:hover, .panel-warning .warning-block .pse-form-btn:focus, .panel-warning .warning-block .pse-form-btn:visited, .panel-warning .warning-block .pse-form-btn:active {
            color: #1771cc;
            text-decoration: none;
        }

#disconnect-modal .modal-dialog {
    width: 1140px;
}

#disconnect-modal .panel-danger .panel-heading .close {
    color: #fff;
    opacity: 1;
}

#disconnect-modal .panel-danger .panel-body p a {
    color: #197ee3;
    font-size: 16px;
    text-decoration: underline;
}

#disconnect-modal .panel-danger .panel-body .pse-form-btn:hover, #disconnect-modal .panel-danger .panel-body .pse-form-btn:focus, #disconnect-modal .panel-danger .panel-body .pse-form-btn:visited, #disconnect-modal .panel-danger .panel-body .pse-form-btn:active {
    color: #197ee3;
    text-decoration: none;
}

.alertPanel:first-of-type {
    margin-top: 44px;
}

@media (max-width: 768px) {
    .alertPanel:first-of-type {
        margin-top: 0;
    }
}

.alertPanel .panel-group {
    margin-bottom: 0;
}

.alertPanel .pse-panel {
    margin: 0;
}

.alertPanel .panel-danger-message .panel-heading {
    position: relative;
    padding: 7px 0 7px 0px;
    background-color: #c41f3d;
}

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-heading {
        padding-left: 9px;
    }
}

.alertPanel .panel-danger-message .panel-heading .heading-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper {
        padding-right: 24px !important;
    }
}

.alertPanel .panel-danger-message .panel-heading .heading-wrapper a {
    text-decoration: none;
    position: relative;
    display: -ms-flexbox;
}

    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title {
        margin-left: 30px;
        font-family: 'roboto-condensed-bold';
        text-transform: UPPERCASE;
        color: #fff;
        font-size: 24px;
    }

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title {
        font-size: 16px;
        margin-left: 20px;
        display: flex;
        align-items: center;
    }
}

.alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title span {
    text-transform: none;
    font-size: 18px;
    font-family: 'roboto-condensed-bold';
    margin-left: 30px;
}

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title span {
        font-size: 16px;
        margin-left: auto;
    }
}

.alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
    content: "\f146";
    position: absolute;
    height: 24px;
    width: 24px;
    font-size: 24px;
    color: #fff;
    margin-right: 20px;
    font-family: fontawesome;
    top: 3px;
}

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
        font-size: 16px;
    }
}

@media all and (-ms-high-contrast: none) {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
        top: -2px;
    }
}

@-moz-document url-prefix() {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
        top: 16px;
    }
}

.alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
    content: '\f0fe';
    position: absolute;
    height: 24px;
    font-size: 24px;
    color: #fff;
    margin-right: 20px;
    font-family: fontawesome;
    top: 3px;
}

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
        font-size: 16px;
    }
}

@media all and (-ms-high-contrast: none) {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
        top: -2px;
    }
}

@-moz-document url-prefix() {
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
        top: 16px;
    }
}

.alertPanel .panel-danger-message .panel-heading .heading-wrapper .close-panel {
    line-height: unset;
    margin-left: auto;
    color: #fff;
    opacity: 1;
}

.alertPanel .panel-danger-message .panel-heading .heading-wrapper .checkbox-disable {
    display: none;
}

.alertPanel .panel-danger-message .panel-body {
    padding: 0;
    background-color: #fcf3f5;
}

    .alertPanel .panel-danger-message .panel-body .alert-body {
        padding: 30px 15px 50px !important;
    }

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-body .alert-body {
        padding-left: 24px !important;
    }
}

@media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-body {
        text-align: left;
    }
}

.alertPanel .panel-warning-message .panel-heading {
    background-color: #ed9f1b;
}

.alertPanel .panel-warning-message .panel-body {
    background-color: #fdf4e4;
}

.alertPanel .panel-neutral-message .panel-heading {
    background-color: #00a6cf;
}

.alertPanel .panel-neutral-message .panel-body {
    background-color: #EAF8FB;
}

.alertPanel .panel-positive-message .panel-heading {
    background-color: #b8c42e;
}

.alertPanel .panel-positive-message .panel-body {
    background-color: #eefae9;
}

.related-links-section {
    background-color: #f6f6f6;
    padding: 78px 0 75px;
}

@media (max-width: 991px) {
    .related-links-section {
        padding: 35px 0 67px;
    }
}

.related-links-media h5 {
    color: #474b55;
    font-weight: 300;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 30px;
}

@media (max-width: 991px) {
    .related-links-media h5 {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .related-links-media .related-links-info {
        padding: 0 21px;
    }
}

.related-links-media .related-links-info .related-image {
    background-color: #7ec5c2;
    height: 110px;
    width: 110px;
}

@media (max-width: 991px) {
    .related-links-media .related-links-info .media {
        margin-bottom: 20px;
    }
}

.related-links-media .related-links-info .media .media-left {
    padding-right: 17px;
}

.related-links-media .related-links-info .media .media-body .h7 {
    font-size: 20px;
    line-height: 1.42;
    margin-bottom: 23px;
}

@media (max-width: 991px) {
    .related-links-media .related-links-info .media .media-body .h7 {
        font-size: 17px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .related-links-media .related-links-info .media .media-body .h7 {
        font-size: 17px;
        margin-bottom: 15px;
    }
}

.related-links-media .related-links-info .media .media-body .h8 {
    line-height: .9;
}

@media (min-width: 992px) and (max-width: 1024px) {
    .related-links-media .related-links-info .media .media-body .h8 {
        font-size: 19px;
    }
}

.related-links-media .related-links-info .media .media-body .h8 a {
    text-transform: uppercase;
}

    .related-links-media .related-links-info .media .media-body .h8 a i {
        margin-left: 11px;
    }

.overview-wrapper ul.account-overview {
    display: inline-block;
}

    .overview-wrapper ul.account-overview > li {
        border-left: 1px solid #32363d;
        display: inline-block;
        padding: 10px 15px;
    }

        .overview-wrapper ul.account-overview > li > h5 {
            display: inherit;
            font-size: 16px;
        }

        .overview-wrapper ul.account-overview > li:first-child {
            border-left: 0;
        }

.overview-wrapper .account-details li i {
    font-size: 22px;
}

.overview-wrapper .account-details li:last-child {
    text-align: center;
    vertical-align: middle;
}

.pos-static {
    position: static !important;
}

.search-accounts {
    width: 100%;
    margin-bottom: 20px;
}

    .search-accounts input {
        margin-top: 12px;
        border-radius: 0;
        padding-right: 40px;
        border-color: #979797;
        height: 45px;
    }

    .search-accounts span {
        top: 22px;
        position: absolute;
        right: 15px;
    }

        .search-accounts span i {
            font-size: 22px;
            color: #4a4a4a;
        }

.account-selection img {
    width: 30px;
}

.account-selection .dropdown-large {
    position: static;
}

.account-selection .dropdown-toggle {
    color: inherit;
    padding-left: 10px;
}

@media (max-width: 768px) {
    .account-selection .dropdown-toggle {
        float: right;
        margin-right: 0;
        position: static;
    }
}

.account-selection .dropdown-menu-large {
    color: #474b55;
    width: 100%;
    padding: 25px 0;
}

.account-selection .account-record {
    cursor: pointer;
    border-top: 1px solid #808080;
}

    .account-selection .account-record img {
        width: 48px;
    }

    .account-selection .account-record > div:not(:first-child) {
        height: 50px;
        padding: 15px;
    }

    .account-selection .account-record:last-child {
        border-bottom: 1px solid #808080;
    }

.dropdown-chevron {
    background: #f0f0f0;
}

    .dropdown-chevron .open .dropdown-chevron-icon i {
        color: #4a4a4a;
        font-size: 18px;
        font-family: FontAwesome;
    }

        .dropdown-chevron .open .dropdown-chevron-icon i:after {
            content: "\f107";
        }

    .dropdown-chevron .dropdown-chevron-icon i {
        color: #4a4a4a;
        font-size: 18px;
        font-family: FontAwesome;
    }

        .dropdown-chevron .dropdown-chevron-icon i:after {
            content: "\f106";
        }

.manage-account-dropdown-table tr td {
    vertical-align: middle !important;
}

.account-selector-manage {
    Account selector top space issue
}

    .account-selector-manage #account-selector-wrapper .dataTables_filter {
        display: block;
        float: left;
        width: 33.5%;
        position: relative;
    }

        .account-selector-manage #account-selector-wrapper .dataTables_filter label {
            width: 100%;
        }

            .account-selector-manage #account-selector-wrapper .dataTables_filter label.text-hide span {
                font-size: 14px;
                color: black;
                text-shadow: none;
                background-color: transparent;
                cursor: pointer;
            }

        .account-selector-manage #account-selector-wrapper .dataTables_filter input {
            width: 100%;
            border-radius: 0;
            padding-right: 40px;
            border-color: #979797;
            height: 48px;
            color: #242424;
            font-size: 18px;
        }

        .account-selector-manage #account-selector-wrapper .dataTables_filter span {
            position: absolute;
            right: 0px;
            top: 28px;
        }

        .account-selector-manage #account-selector-wrapper .dataTables_filter.hide {
            display: none !important;
        }

    .account-selector-manage .tab-content {
        padding-top: 0px;
    }

        .account-selector-manage .tab-content h2 {
            font-size: 42px;
        }

@media (max-width: 768px) {
    .account-selector-manage .tab-content h2 {
        font-size: 32px;
    }
}

#account-selector-table-more-than-5_filter {
    display: block !important;
    float: left;
    width: 33.5%;
    position: relative;
    margin-bottom: 32px;
}

    #account-selector-table-more-than-5_filter label {
        width: 100%;
        margin-bottom: 0;
        position: relative;
    }

        #account-selector-table-more-than-5_filter label.text-hide span {
            font-size: 14px;
            color: black;
            text-shadow: none;
            background-color: transparent;
        }

            #account-selector-table-more-than-5_filter label.text-hide span .fa {
                color: #4a4a4a;
            }

    #account-selector-table-more-than-5_filter input {
        width: 100%;
        margin-top: 12px;
        border-radius: 0;
        padding-right: 40px;
        border-color: #979797;
        height: 48px;
        color: #242424;
        font-size: 18px;
        font-family: "roboto-regular";
        margin-left: 0;
    }

        #account-selector-table-more-than-5_filter input:focus {
            box-shadow: 0 0 0 !important;
        }

    #account-selector-table-more-than-5_filter span {
        position: absolute;
        right: 10px !important;
        top: 28px;
    }

    #account-selector-table-more-than-5_filter .typeahead {
        width: 100%;
        top: 55px;
        border-radius: 0;
        padding-top: 0;
    }

        #account-selector-table-more-than-5_filter .typeahead li a {
            padding: 15px 20px;
            font-size: 18px;
            font-family: "roboto-regular";
            font-weight: bold;
            color: #4a4a4a;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #account-selector-table-more-than-5_filter .typeahead li.active a {
            background-color: #f1f9f8;
        }

.pse-data-table {
    border-bottom: 0 !important;
}

    .pse-data-table thead tr th {
        padding-left: 25px !important;
        font-size: 20px;
        font-family: "roboto-condensed-bold";
    }

    .pse-data-table tbody .inactive {
        color: #c41f3d;
    }

        .pse-data-table tbody .inactive .activity-icon {
            color: #c41f3d;
        }

    .pse-data-table tbody tr {
        height: 86px;
        color: #4a4a4a;
        font-size: 16px;
    }

        .pse-data-table tbody tr.odd {
            background-color: #FFFFFF !important;
        }

            .pse-data-table tbody tr.odd:hover {
                background-color: #FFFFFF !important;
            }

        .pse-data-table tbody tr.even {
            background-color: #f1f9f8 !important;
        }

            .pse-data-table tbody tr.even:hover {
                background-color: #f1f9f8 !important;
            }

        .pse-data-table tbody tr:last-child td {
            border-bottom: 1px solid #d8d8d8;
        }

        .pse-data-table tbody tr .pse-form-btn {
            font-size: 18px;
            white-space: nowrap;
        }

            .pse-data-table tbody tr .pse-form-btn .fa-chevron-right {
                margin-left: 5px;
            }

        .pse-data-table tbody tr td {
            padding-left: 25px !important;
            border: none;
            font-size: 18px;
        }

            .pse-data-table tbody tr td p {
                font-size: 18px;
            }

    .pse-data-table.dataTable tbody tr td {
        border: none;
    }

    .pse-data-table.dataTable tbody tr:last-child td {
        border-bottom: 1px solid #d8d8d8;
    }

#account-selector .page-content {
    margin-bottom: 0;
}

#account-selector .dataTables_info {
    display: none;
}

#account-selector .dt-more-container {
    border-bottom: 1px solid #d8d8d8;
    padding: 15px 0;
}

    #account-selector .dt-more-container.load-more-container {
        margin: 0;
    }

    #account-selector .dt-more-container .pse-form-btn {
        font-size: 18px;
    }

        #account-selector .dt-more-container .pse-form-btn .fa-chevron-right {
            margin-left: 5px;
        }

    #account-selector .dt-more-container #account-selector-view-all {
        margin: 0 auto;
    }

@media (max-width: 768px) {
    .account-details li {
        display: block;
        border-right: none;
    }

    .due-details {
        float: none;
    }

        .due-details li:last-child {
            display: block;
        }

    .pse-data-table {
        border-bottom: 0;
    }

        .pse-data-table thead tr {
            display: block !important;
            width: 100% !important;
        }

            .pse-data-table thead tr th {
                font-size: 18px;
            }

                .pse-data-table thead tr th:nth-child(1), .pse-data-table thead tr th:nth-child(4), .pse-data-table thead tr th:nth-child(2) {
                    display: none !important;
                }

                .pse-data-table thead tr th:last-child {
                    display: none !important;
                }

                .pse-data-table thead tr th:nth-child(3) {
                    width: 40%;
                }

        .pse-data-table tbody tr {
            display: block !important;
            width: 100% !important;
            height: 170px;
        }

            .pse-data-table tbody tr td {
                font-size: 18px;
            }

                .pse-data-table tbody tr td:nth-child(1), .pse-data-table tbody tr td:nth-child(4), .pse-data-table tbody tr td:nth-child(2) {
                    display: none !important;
                }

                .pse-data-table tbody tr td:nth-child(3) {
                    width: 50%;
                }

                .pse-data-table tbody tr td:nth-child(5) {
                    width: 50%;
                    text-align: center;
                }

                .pse-data-table tbody tr td:last-child {
                    display: block !important;
                    text-align: center;
                }

    #account-selector .dataTables_filter {
        width: 100% !important;
    }

    #account-selector-table-more-than-5_filter {
        width: 100% !important;
    }

        #account-selector-table-more-than-5_filter input {
            font-size: 14px !important;
        }
}

.pse-breadcrumbs {
    font-size: 12px;
    padding-top: 20px;
}

.payment-head .body-l {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 18px;
    font-weight: normal;
    letter-spacing: .1px;
    line-height: 1.22;
}

@media (max-width: 991px) {
    .payment-head .body-l {
        font-size: 16px;
        line-height: 1.56;
    }
}

.payment-head .payment-landing-title {
    color: #474b55;
    font-weight: 300;
    margin: 30px 0 0;
    padding: 0 0 20px;
}

.payment-landing-option {
    background-color: #e5f6fa;
    display: table;
    margin-top: 32px;
    padding: 32px 0;
}

@media (max-width: 991px) {
    .payment-landing-option {
        margin: 56px -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 21px 0 33px;
    }
}

.payment-signin-eligible {
    border-radius: 0;
    padding: 0;
}

    .payment-signin-eligible .pay-title {
        font-weight: 300;
        letter-spacing: .2px;
        line-height: .94;
        margin: 0;
        padding-bottom: 66px;
        text-align: center;
    }

@media (max-width: 991px) {
    .payment-signin-eligible .pay-title {
        letter-spacing: .1px;
        line-height: 1.36;
        padding-bottom: 37px;
    }
}

.payment-signin-eligible span {
    font-size: 18px;
    padding-top: 8px;
}

.payment-signin-eligible .payment-periods {
    margin-bottom: 49px;
}

@media (max-width: 991px) {
    .payment-signin-eligible .payment-periods {
        margin-bottom: 43px;
        padding: 0 23px;
    }

        .payment-signin-eligible .payment-periods:last-child {
            margin-bottom: 33px;
        }
}

.payment-signin-eligible .payment-periods .fa {
    font-size: 40px;
    padding-bottom: 20px;
    width: 100%;
}

.payment-signin-eligible .payment-periods .media {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .payment-signin-eligible .payment-periods .media {
        padding: 0 45px;
    }
}

.payment-signin-eligible .payment-periods .media .media-left {
    padding-right: 21px;
}

.payment-signin-eligible .payment-periods .media .media-body {
    color: #575757;
    text-align: left;
}

    .payment-signin-eligible .payment-periods .media .media-body .media-heading {
        font-family: "roboto-medium";
        font-weight: 500;
        letter-spacing: .1px;
        line-height: 1;
    }

@media (max-width: 991px) {
    .payment-signin-eligible .payment-periods .media .media-body .media-heading {
        font-size: 20px;
    }
}

.payment-signin-eligible .payment-periods .media .media-body p {
    font-weight: normal;
    letter-spacing: .1px;
    line-height: 1.25;
}

.payment-signin-eligible .pay-signin-section {
    padding: 0 0 7px;
    text-align: center;
}

    .payment-signin-eligible .pay-signin-section p {
        color: #4a4a4a;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: .1px;
        line-height: 1.88;
        margin-bottom: 11px;
    }

    .payment-signin-eligible .pay-signin-section .btn-action {
        height: 40px;
        padding: 5px 19px;
        width: 110px;
    }

@media (max-width: 991px) {
    .payment-signin-eligible .pay-signin-section .btn-action {
        background-color: #1771cc;
        width: 250px;
    }
}

.pay-due-info {
    margin: 18px 0 36px;
}

@media (max-width: 991px) {
    .pay-due-info {
        margin: 8px 0 15px;
        padding: 0 6px;
    }
}

.pay-due-info p {
    color: #4a4a4a;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: .1px;
    line-height: 1.3;
    margin: 0;
    padding-bottom: 13px;
}

    .pay-due-info p a {
        color: #197ee3;
        font-weight: 500;
    }

.pay-rft-img {
    border: 1px solid #c4c4c4;
    margin-left: 15px;
    padding-bottom: 23px;
    width: 32%;
}

@media screen and (max-width: 1024px) {
    .pay-rft-img {
        width: 30%;
    }
}

.pay-rft-img img {
    position: relative;
    top: 23px;
    width: 100%;
}

.payment-ways .article-section h4 {
    margin-top: 60px;
}

.payment-balance {
    background-color: #e5f6fa;
    margin: 39px 0 10px;
    padding: 16px 34px 33px;
}

@media (max-width: 991px) {
    .payment-balance {
        margin: 39px -15px 10px -15px;
        width: calc(100% + 30px);
        padding: 22px 34px 15px 24px;
        text-align: center;
    }
}

.payment-balance p {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 24px;
    font-weight: 300;
    letter-spacing: .1px;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .payment-balance p {
        font-size: 20px;
    }
}

.payment-balance p span {
    font-family: "roboto-medium";
    font-weight: 500;
}

.payment-balance .doller {
    color: #4a4a4a;
    font-size: 46px;
    line-height: 1;
}

@media (max-width: 768px) {
    .payment-balance .doller {
        font-size: 38px;
    }
}

.payment-balance .note-text {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 16px;
    letter-spacing: .1px;
    margin-top: 15px;
}

@media (max-width: 768px) {
    .payment-balance .note-text {
        font-size: 12px;
        margin-top: 32px;
    }
}

.pay-periods {
    background-color: #f6f6f6;
    color: #575757;
    padding: 13px 19px 2px;
}

@media (max-width: 991px) {
    .pay-periods {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 0 17px;
    }
}

.pay-periods .weekly-content {
    float: left;
    width: 100%;
}

    .pay-periods .weekly-content .weekly {
        padding: 5px 0 20px 48px;
    }

@media (max-width: 991px) {
    .pay-periods .weekly-content .weekly {
        border-bottom: 1px solid #d8d8d8;
        padding: 24px 0 26px;
    }
}

.pay-periods .weekly-content .weekly:last-child {
    border: 0;
}

.pay-periods .weekly-content .weekly:first-child .checks {
    padding-left: 0;
}

.pay-periods .weekly-content .weekly .checks {
    float: left;
    padding-top: 21px;
}

@media (max-width: 768px) {
    .pay-periods .weekly-content .weekly .checks {
        display: inline-block;
        padding-top: 14px;
        text-align: left;
    }
}

.pay-periods .weekly-content .weekly span.icon-calendar {
    float: left;
    padding: 6px 18px 18px;
}

@media (max-width: 768px) {
    .pay-periods .weekly-content .weekly span.icon-calendar {
        display: inline-block;
        float: none;
    }
}

.pay-periods .weekly-content .weekly span.icon-calendar i {
    font-size: 43px;
}

.pay-periods .weekly-content .weekly .periods-info {
    float: left;
    line-height: 20px;
    width: 60%;
}

@media (min-width: 992px) {
    .pay-periods .weekly-content .weekly .periods-info {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .pay-periods .weekly-content .weekly .periods-info {
        padding-left: 20px;
    }
}

@media (max-width: 768px) {
    .pay-periods .weekly-content .weekly .periods-info {
        display: inline-block;
        float: none;
        width: 90%;
    }
}

.pay-periods .weekly-content .weekly .periods-info p {
    font-family: "roboto-medium";
    font-size: 20px;
    letter-spacing: .1px;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .pay-periods .weekly-content .weekly .periods-info p {
        font-family: "roboto-bold";
        font-size: 18px;
    }
}

.pay-periods .weekly-content .weekly .periods-info span {
    font-size: 16px;
}

.pay-periods .weekly-content select.no-of-payment-dropdown {
    position: absolute;
    z-index: 2;
}

.pay-periods .weekly-content .number-of-payments span {
    padding-right: 5px;
}

.pay-periods .weekly-content .custom[type="radio"]:checked, .pay-periods .weekly-content .custom[type="radio"]:not(:checked) {
    left: -9999px;
    position: absolute;
}

    .pay-periods .weekly-content .custom[type="radio"]:checked + label,
    .pay-periods .weekly-content .custom[type="radio"]:not(:checked) + label {
        cursor: pointer;
        display: inline-block;
        height: 14px;
        line-height: 20px;
        padding-left: 14px;
        position: relative;
    }

        .pay-periods .weekly-content .custom[type="radio"]:checked + label:before,
        .pay-periods .weekly-content .custom[type="radio"]:not(:checked) + label:before {
            border: 1.5px solid #575757;
            border-radius: 100%;
            content: '';
            height: 14px;
            left: 0;
            position: absolute;
            top: 0;
            width: 14px;
        }

        .pay-periods .weekly-content .custom[type="radio"]:checked + label:after {
            background: #575757;
            border-radius: 100%;
            content: '';
            height: 14px;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transition: all 02s ease;
            transition: all .2s ease;
            width: 14px;
        }

        .pay-periods .weekly-content .custom[type="radio"]:not(:checked) + label:after {
            background: #fff;
            border-radius: 100%;
            content: '';
            height: 14px;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            width: 14px;
        }

        .pay-periods .weekly-content .custom[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.pay-periods .weekly-content .pay-weeks-title .description span {
    margin-left: 44px;
}

@media (min-width: 992px) and (max-width: 1024px) {
    .pay-periods .weekly-content .pay-weeks-title .description span {
        margin-left: 19px;
    }
}

.pay-periods .weekly-content hr {
    background-color: #d8d8d8;
}

@media (max-width: 991px) {
    .pay-periods .weekly-content hr {
        visibility: hidden;
    }
}

.pay-periods .weekly-content .installments span {
    width: 50%;
    float: left;
}

.pay-periods .weekly-content .installments .custom-select-arrow select {
    padding: 10px 40px 10px 10px;
    margin: 0 35px;
    float: right;
    width: 80px;
}

    .pay-periods .weekly-content .installments .custom-select-arrow select::-ms-expand {
        display: none;
    }

@media (max-width: 991px) {
    .pay-periods .weekly-content .installments .custom-select-arrow select {
        right: 0;
        margin: 0 0 0 35px;
    }
}

.pay-periods .weekly-content .installments .custom-select-arrow:after {
    bottom: 30px;
    right: 45px;
    padding-right: 25px;
}

@media (max-width: 991px) {
    .pay-periods .weekly-content .installments .custom-select-arrow:after {
        bottom: 35px;
        right: 0;
        z-index: 2;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .pay-periods .weekly-content .installments .custom-select-arrow:after {
        bottom: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pay-periods .weekly-content .installments .custom-select-arrow:after {
        bottom: 66px;
        right: 10px;
    }
}

.pay-periods .showScrollbar {
    height: 375px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.pay-weeks-title {
    background: #474b55;
    color: #fff;
    display: table;
    font-family: "roboto-condensed-bold";
    font-size: 18px;
    letter-spacing: .3px;
    padding: 11px 17px;
    width: 100%;
    z-index: 1;
}

@media (max-width: 991px) {
    .pay-weeks-title {
        float: left;
        font-size: 16px;
        padding: 17px 0;
        width: 100%;
    }

        .pay-weeks-title .payment-amount {
            padding: 0;
        }

            .pay-weeks-title .payment-amount span {
                margin-left: 2px;
            }
}

.pay-weeks-title:first-child div {
    padding-left: 35px;
}

.pay-weeks-title .description span {
    margin-left: 17px;
}

@media (max-width: 991px) {
    .payment-success {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
    }
}

.payment-success .pay-weeks-title {
    padding: 11px 20px;
}

@media (max-width: 991px) {
    .payment-success .pay-weeks-title {
        padding: 15px;
    }
}

.payment-success .pay-weeks-title .payment-amount span {
    padding-left: 15px;
}

.payment-success .pay-weeks-title:first-child div {
    padding-left: 0;
}

#payment-installment-show-more {
    margin-top: 10px;
    margin-bottom: 15px;
}

.pay-duration-bg {
    float: left;
    font-size: 16px;
    padding: 25px 0;
    width: 100%;
}

@media (max-width: 768px) {
    .pay-duration-bg {
        padding: 18px 0;
    }
}

.pay-duration-bg > div:not(:last-child) {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .pay-duration-bg > div:not(:last-child) {
        margin-bottom: 15px;
    }
}

.pay-duration-bg input[type="text"],
.pay-duration-bg select {
    color: #717171;
    font-family: "roboto-light";
    font-size: 21px;
    font-weight: 300;
    height: 78px;
    padding: 31px 0 17px 12px;
    width: 93%;
}

@media (max-width: 768px) {
    .pay-duration-bg input[type="text"],
    .pay-duration-bg select {
        font-size: 16px;
        height: 54px;
        padding: 0 9px;
    }
}

.pay-duration-bg select {
    margin-left: 8px;
    max-height: 100px;
    overflow-y: auto;
}

@media (min-width: 992px) {
    .pay-duration-bg select {
        height: 84px;
    }
}

.pay-duration-bg select::-ms-expand {
    display: none;
}

@media (max-width: 991px) {
    .pay-duration-bg select {
        margin-left: 6px;
        height: 56px;
    }
}

.pay-duration-bg .txt-amount {
    background-color: #fff;
    border: 1px solid #9a9494;
    width: 33%;
}

@media screen and (max-width: 1024px) {
    .pay-duration-bg .txt-amount {
        width: 30%;
    }
}

@media (max-width: 991px) {
    .pay-duration-bg .txt-amount {
        width: 37%;
    }
}

.pay-duration-bg .txt-amount span {
    color: #717171;
    float: left;
    font-family: "roboto-light";
    font-size: 21px;
    left: 14px;
    position: relative;
    top: 35px;
}

@media (max-width: 768px) {
    .pay-duration-bg .txt-amount span {
        font-size: 16px;
        top: 16px;
    }
}

.pay-duration-bg .txt-amount input {
    border: 0;
    padding-left: 20px;
    width: 90%;
}

@media (min-width: 992px) {
    .pay-duration-bg .txt-amount input {
        margin: 2px 0;
    }
}

.pay-duration-bg .txt-amount input:focus {
    outline: 0;
}

.pay-duration-bg [data-alert-paymentmessage] .error-payment {
    color: #d0021b;
    transition: 1s;
}

.pay-duration-bg .desc {
    padding: 0 0 0 30px;
    width: 30%;
}

@media (min-width: 992px) and (max-width: 1024px) {
    .pay-duration-bg .desc {
        width: 32%;
    }
}

.pay-duration-bg .desc p {
    color: #4a4a4a;
    letter-spacing: .1px;
    margin: 24px 0 0;
}

.pay-duration-bg .custom-select-arrow {
    pointer-events: none;
}

    .pay-duration-bg .custom-select-arrow:after {
        content: "" !important;
    }

.paynumb {
    float: left;
    padding-left: 15px;
    position: relative;
    text-align: center;
    top: 35px;
}

@media (max-width: 991px) {
    .paynumb {
        top: 0;
    }
}

.custom-select-arrow::after {
    bottom: 14px;
    color: #717171;
    content: '\f078';
    font-family: fontawesome;
    font-size: 18px;
    padding-right: 30px;
    pointer-events: none;
    position: absolute;
    right: 30px;
    z-index: 2;
}

@media (max-width: 768px) {
    .custom-select-arrow::after {
        font-size: 14px;
        right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .custom-select-arrow::after {
        right: 13px;
    }
}

.custom-select-arrow select {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    padding: 31px 0 17px 15px;
}

@media (max-width: 991px) {
    .custom-select-arrow select {
        padding: 0 9px;
    }
}

.pay-success-msg,
.pay-reject {
    background-color: #eefae9;
    clear: both;
    float: left;
    margin-top: 20px;
    overflow: hidden;
    padding: 10px 20px;
    width: 100%;
}

@media (max-width: 991px) {
    .pay-success-msg,
    .pay-reject {
        margin: 56px -15px 12px -15px;
        width: calc(100% + 30px);
        padding: 32px 27px 18px;
        position: relative;
    }
}

.pay-success-msg .h7,
.pay-reject .h7 {
    font-family: "roboto-medium";
}

.pay-success-msg .fa,
.pay-reject .fa {
    display: block;
}

@media (min-width: 768px) {
    .pay-success-msg .fa,
    .pay-reject .fa {
        float: left;
    }
}

.pay-success-msg p,
.pay-reject p {
    font-size: 16px;
    letter-spacing: .1px;
    line-height: 1.63;
    margin: 0;
}

@media (max-width: 768px) {
    .pay-success-msg p,
    .pay-reject p {
        margin-top: 13px;
    }
}

@media (max-width: 991px) {
    .pay-success-msg p,
    .pay-reject p {
        font-size: 14px;
        line-height: 1.43;
    }
}

.pay-success-msg p span,
.pay-reject p span {
    color: #32cd32;
    display: inline-block;
    margin-bottom: 5px;
}

.pay-success-msg p .email-sent,
.pay-reject p .email-sent {
    color: #4a4a4a;
    font-weight: 500;
}

.pay-success-msg .close-field,
.pay-reject .close-field {
    cursor: pointer;
    float: right;
}

@media (max-width: 991px) {
    .pay-success-msg .close-field,
    .pay-reject .close-field {
        position: absolute;
        right: 12px;
        top: 10px;
    }
}

.pay-success-msg .close-field i,
.pay-reject .close-field i {
    color: #4a4a4a;
    float: right;
    font-size: 22px;
    font-weight: normal;
    margin: 3px 0 0 10px;
}

.pay-success-msg span.fa-check,
.pay-reject span.fa-check {
    color: #32cd32;
    font-size: 50px;
    vertical-align: top;
}

.pay-success-msg .media,
.pay-reject .media {
    margin: 0;
}

    .pay-success-msg .media .media-left,
    .pay-reject .media .media-left {
        padding-right: 18px;
    }

        .pay-success-msg .media .media-left i,
        .pay-reject .media .media-left i {
            color: #b8c42e;
            font-family: fontAwesome;
            font-size: 40px;
            margin-top: 5px;
        }

@media (max-width: 991px) {
    .pay-success-msg .media .media-left i,
    .pay-reject .media .media-left i {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .pay-success-msg .media .media-body,
    .pay-reject .media .media-body {
        text-align: left;
    }
}

.pay-success-msg .media .media-body .h7,
.pay-reject .media .media-body .h7 {
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 1.25;
    margin-bottom: 0;
}

.pay-success-msg .media .media-body p,
.pay-reject .media .media-body p {
    color: #4a4a4a;
}

.pay-modal {
    padding-right: 0 !important;
}

    .pay-modal .modal-dialog {
        background-color: #fff;
        border: 1px solid #d8d8d8;
        top: 20%;
    }

@media (max-width: 768px) {
    .pay-modal .modal-dialog {
        padding-right: 0 !important;
        top: 10%;
    }
}

.pay-modal .modal-content {
    border: none;
    border-radius: 0;
}

.pay-modal .modal-header {
    padding: 19px 35px;
    border-bottom: none;
}

    .pay-modal .modal-header h5 {
        margin: 0;
    }

    .pay-modal .modal-header .close {
        text-shadow: none;
        opacity: 1;
    }

.pay-modal .modal-body {
    padding: 10px 35px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.1px;
}

    .pay-modal .modal-body .h8 {
        margin-top: 10px;
    }

.pay-modal .modal-footer {
    border-top: 0;
    padding: 20px 35px;
    text-align: center;
}

@media (max-width: 768px) {
    .pay-modal .modal-footer .cancel-pay-popup {
        margin-bottom: 10px;
    }
}

.pay-modal .modal-footer .btn {
    font-family: "roboto-condensed-bold";
    width: 100%;
    padding: 10px 20px;
    font-size: 18px;
    outline: none;
}

.pay-modal .modal-footer .make-pay-popup {
    text-align: left;
}

@media (max-width: 768px) {
    .pay-modal .modal-footer .make-pay-popup {
        text-align: center;
    }
}

.pay-modal .modal-footer .make-pay-popup .pse-link-primary {
    line-height: 2.3;
    margin-left: 20px;
}

#termsConditionsModal.modal .modal-content {
    top: 20%;
}

    #termsConditionsModal.modal .modal-content .modal-body {
        min-height: 210px;
        height: 210px;
        overflow-y: scroll;
    }

@media (max-width: 991px) {
    .total-amt {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
    }
}

.total-amt .payment-total {
    background: #e5f6fa;
    margin-top: 8px;
    padding: 16px;
}

    .total-amt .payment-total .amount-payable {
        color: #003c4b;
        font-size: 24px;
        font-weight: 500;
        margin-top: 3px;
        font-family: "roboto-medium";
    }

@media (max-width: 991px) {
    .total-amt .payment-total .amount-payable {
        margin-left: 0;
        font-size: 20px;
    }
}

.total-amt .payment-total .amount-payable.remove-pad-right {
    padding-right: 0;
    text-align: right;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .total-amt .payment-total .amount-payable.remove-pad-right {
        padding-right: 11px;
    }
}

.total-amt .payment-total .amount-payable.total-amount {
    padding-left: 26px;
}

@media (max-width: 991px) {
    .total-amt .payment-total .amount-payable.total-amount {
        padding-left: 0;
    }
}

.total-amt .payment-total .amount-payable .payment-value {
    background: transparent;
    border: 0;
    padding: 0;
    width: 90%;
}

@media (max-width: 991px) {
    .total-amt .payment-total .amount-payable .payment-value {
        width: 70%;
    }
}

@media (max-width: 991px) {
    .total-amt .payment-total .btn-wrapper {
        margin-bottom: 7px;
        text-align: center;
    }
}

.total-amt .payment-total .btn-wrapper .btn.btn-action {
    border-radius: 47px;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 1;
    margin-left: 42px;
    outline: none;
}

@media (max-width: 991px) {
    .total-amt .payment-total .btn-wrapper .btn.btn-action {
        font-size: 18px;
        margin: 20px 0 5px;
    }
}

.total-amt .pay-due-info {
    margin: 15px -15px 36px;
}

@media (max-width: 991px) {
    .total-amt .pay-due-info {
        margin: 18px 0 36px;
    }
}

.pay-bill-total {
    color: #4a4a4a;
    float: left;
    font-size: 20px;
    font-weight: normal;
    width: 100%;
}

@media (max-width: 991px) {
    .pay-bill-total {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
    }
}

.pay-bill-total p {
    font-size: 16px;
    margin-bottom: 0;
}

.pay-bill-total .paynumb {
    left: 4px;
    padding: 0 10px 0 0;
    top: 0;
}

@media (max-width: 991px) {
    .pay-bill-total .paynumb {
        left: 0;
    }
}

.pay-bill-total .row {
    margin: 0;
    padding: 15px 0;
}

    .pay-bill-total .row:nth-child(even) {
        background-color: #f6f6f6;
    }

@media (max-width: 991px) {
    .pay-bill-total .txt-amount {
        padding-left: 15px;
    }

        .pay-bill-total .txt-amount span.dollar {
            padding: 0 8px 0 0;
        }
}

.pay-bill-total .txt-amount span.dollar {
    padding: 0 8px 0 4px;
}

.pay-bill-total .desc {
    padding-right: 0;
}

.payment-desc {
    background: #f6f6f6;
    padding: 20px 15px;
}

    .payment-desc .btn-wrapper {
        margin: 20px 0;
    }

        .payment-desc .btn-wrapper .btn {
            text-transform: uppercase;
        }

@media (max-width: 991px) {
    .payment-desc .btn-wrapper .btn {
        margin-bottom: 10px;
    }
}

.payment-desc a {
    font-size: 16px;
    text-decoration: underline;
}

.bill-payment {
    clear: both;
    float: none;
    padding-top: 1px;
}

@media (max-width: 991px) {
    .bill-payment p {
        margin-top: 15px;
    }
}

.bill-payment.total-amt .payment-total .amount-payable.total-amount {
    padding-left: 12px;
}

@media (max-width: 991px) {
    .bill-payment.total-amt .payment-total .amount-payable.total-amount {
        padding-left: 15px;
    }
}

.bill-payment .cancel-payment-btn {
    margin-top: 10px;
    padding: 0;
    text-align: center;
}

@media (max-width: 991px) {
    .bill-payment .cancel-payment-btn {
        margin: 0;
    }
}

.bill-payment .cancel-payment-btn a {
    color: #1771cc;
    font-family: 'roboto-condensed-bold';
    font-size: 14px;
    font-weight: 600;
    line-height: 1.65;
    margin-right: 10px;
    outline: none;
}

@media (min-width: 992px) and (max-width: 1024px) {
    .bill-payment .cancel-payment-btn a {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .bill-payment .cancel-payment-btn a {
        font-size: 18px;
        line-height: 1.83;
    }
}

.bill-payment .cancel-payment-btn span {
    color: #1771cc;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
}

@media (max-width: 991px) {
    .bill-payment .cancel-payment-btn span {
        font-size: 19px;
    }
}

.bill-payment .make-pay-btn a {
    background: #1771cc;
    border-radius: 47px;
    font-family: 'roboto-condensed-bold';
    font-size: 20px;
    line-height: 1;
}

@media (min-width: 992px) and (max-width: 1024px) {
    .bill-payment .make-pay-btn a {
        font-size: 16px;
        padding: 10px 30px;
    }
}

@media (max-width: 991px) {
    .bill-payment .make-pay-btn {
        margin: 0 0 10px;
        text-align: center;
    }

        .bill-payment .make-pay-btn a {
            font-size: 18px;
            line-height: 1.83;
            margin-left: 0;
            padding: 5px 67px;
        }
}

.bill-payment hr.pay {
    background-color: #898f9e;
    float: left;
    margin: 10px 0 25px;
    width: 100%;
}

.container.payment h4 {
    margin-top: 30px;
    margin-bottom: 28px;
}

.payment-container {
    background: #f6f6f6;
    padding: 45px 0;
}

    .payment-container .payment-canceled {
        background-color: #fff;
        border: solid 1px #d8d8d8;
        padding: 30px;
    }

        .payment-container .payment-canceled span {
            font-family: "roboto-medium";
        }

@media (max-width: 767px) {
    .payment-container .payment-canceled .btn-wrapper .make-pay-btn {
        width: 100%;
        font-size: 14px;
        white-space: normal;
    }
}

@media (max-width: 767px) {
    .payment-container .payment-canceled .btn-wrapper .new-pay-btn {
        width: 100%;
        font-size: 14px;
        margin-top: 20px;
        white-space: normal;
        padding: 6px 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .payment-container .payment-canceled .btn-wrapper .new-pay-btn {
        margin-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .payment-container .payment-canceled .btn-wrapper .new-pay-btn {
        margin-left: 10px;
    }
}

.account-thankyou {
    background-color: #f6f6f6;
}

.conditional-block .subtitle h6 {
    border-bottom: 1px solid #ed9f1b;
    color: #ed9f1b;
}

.thank-you-content {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 25px 25px 25px 60px;
}

@media (max-width: 768px) {
    .thank-you-content {
        padding-left: 15px;
    }
}

.thank-you-content p {
    margin-bottom: 15px;
}

    .thank-you-content p > span {
        display: inline-block;
        font-family: "roboto-medium";
        width: 250px;
    }

@media (max-width: 768px) {
    .thank-you-content p > span {
        display: block;
    }
}

.inquiry-content-section p {
    font-size: 18px;
    margin-bottom: 10px;
}

    .inquiry-content-section p > a {
        color: #1771cc;
        font-family: "roboto-medium";
    }

.inquiry-content-section hr {
    margin-bottom: 30px;
    margin-top: 40px;
}

.inquiry-content-section .inquiry-contact-content {
    padding: 25px 15px;
}

    .inquiry-content-section .inquiry-contact-content .related-faq {
        background-color: #fff;
        border: 1px solid #d8d8d8;
        padding: 30px;
    }

.inquiry-content-section .sign-in > a {
    color: #fff;
}

    .inquiry-content-section .sign-in > a:visited, .inquiry-content-section .sign-in > a:hover {
        color: #fff;
    }

.donot-use {
    border: 1px solid #d8d8d8;
    padding: 15px 15px 30px 30px;
}

    .donot-use .default-bullet {
        font-size: 18px;
        padding-left: 20px;
    }

    .donot-use .emergency-contact {
        font-family: "roboto-medium";
        font-size: 24px;
        margin-top: 15px;
        padding-left: 15px;
        position: relative;
    }

        .donot-use .emergency-contact > .fa {
            color: #006671;
            font-size: 42px;
            position: absolute;
            transform: rotate(10deg);
        }

        .donot-use .emergency-contact > span {
            padding-left: 40px;
        }

.feedback-faq > p:not(.collapse) {
    cursor: pointer;
}

.feedback-faq .collapse p,
.feedback-faq .collapse div,
.feedback-faq .collapse h1,
.feedback-faq .collapse h2,
.feedback-faq .collapse h3,
.feedback-faq .collapse h4,
.feedback-faq .collapse h5,
.feedback-faq .collapse a,
.feedback-faq .collapse img,
.feedback-faq .collapsing p,
.feedback-faq .collapsing div,
.feedback-faq .collapsing h1,
.feedback-faq .collapsing h2,
.feedback-faq .collapsing h3,
.feedback-faq .collapsing h4,
.feedback-faq .collapsing h5,
.feedback-faq .collapsing a,
.feedback-faq .collapsing img {
    margin-bottom: 10px;
    padding: 0;
}

.feedback-faq .collapsed {
    margin-bottom: 2px;
}

.feedback-faq p.collapsed[data-toggle='collapse']::before,
.feedback-faq div.collapsed[data-toggle='collapse']::before {
    content: '\f105';
    font-family: 'FontAwesome';
    margin-right: 12px;
}

.feedback-faq p[data-toggle='collapse']::before,
.feedback-faq div[data-toggle='collapse']::before {
    content: '\f107';
    font-family: 'FontAwesome';
    margin-right: 8px;
}

.feedback-faq div {
    font-size: 18px;
    margin-bottom: 10px;
}

    .feedback-faq div > a {
        color: #1771cc;
        font-family: "roboto-medium";
    }

@media (min-width: 1200px) {
    .information-content .remove-right15 {
        padding-right: 0;
    }
}

.bitmore-option,
.customer-feedback-title,
.sendus-contact-content,
.help-inquiry,
.recaptcha-submit-btn {
    display: none;
}

.customer-feedback-title {
    margin-top: 59px;
}

.customer-inquiry-media hr {
    margin-bottom: 20px;
    margin-top: 10px;
}

.sendus-contact-content textarea {
    border-color: #979797;
    border-radius: 0;
    font-size: 16px;
    height: 200px;
}

    .sendus-contact-content textarea:focus {
        border-color: #979797;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.pseAccNumber ~ .acc-no-help,
#accNumber ~ .acc-no-help {
    color: #1771cc;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 20px;
}

    .pseAccNumber ~ .acc-no-help + .tooltip .tooltip-arrow,
    #accNumber ~ .acc-no-help + .tooltip .tooltip-arrow {
        border-top-color: #1771cc;
    }

    .pseAccNumber ~ .acc-no-help + .tooltip .tooltip-inner,
    #accNumber ~ .acc-no-help + .tooltip .tooltip-inner {
        background-color: #1771cc;
    }

.feedback-breadcrumb .breadcrumb {
    padding-left: 0;
}

#select-payment-option .modal-content {
    border-radius: 0;
    padding: 0 20px 35px;
}

#select-payment-option .modal-header {
    border-bottom: 0;
    padding-right: 0;
    padding-bottom: 30px;
}

#select-payment-option .close .fa {
    color: #575757;
}

#select-payment-option .payment-option {
    text-align: center;
    border-right: 1px solid #d8d8d8;
}

@media (max-width: 768px) {
    #select-payment-option .payment-option {
        border-right: 0;
    }
}

#select-payment-option .payment-option:last-child {
    border-right: 0;
}

#select-payment-option .icon-container {
    border: 4px solid #00a6cf;
    border-radius: 50%;
    height: 90px;
    margin: 0 auto 45px;
    position: relative;
    width: 90px;
}

    #select-payment-option .icon-container span {
        border-radius: 50%;
        display: table-cell;
        height: 90px;
        text-align: center;
        vertical-align: middle;
        width: 90px;
    }

        #select-payment-option .icon-container span .fa {
            color: #00a6cf;
            font-size: 40px;
        }

    #select-payment-option .icon-container img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }

#select-payment-option .btn-pay {
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    #select-payment-option .btn-pay {
        font-size: 16px;
        padding: 6px 16px;
    }
}

#select-payment-option .btn-pay:focus {
    color: #fff;
}

#select-payment-option .help-block-payment {
    font-size: 18px;
    margin-top: 15px;
}

.print-wrapper {
    display: table;
    float: right;
}

    .print-wrapper .print {
        color: #1771cc;
        display: block;
        font-family: "roboto-condensed-bold";
        font-size: 20px;
        font-weight: bold;
        line-height: 1.65;
        padding: 3px 15px;
        text-transform: uppercase;
    }

        .print-wrapper .print span {
            margin-left: 6.5px;
        }

        .print-wrapper .print:hover {
            text-decoration: none;
        }

@media print {
    .payment-total .btn {
        display: none;
    }

    .payment-total .cancel-payment-btn {
        display: none;
    }
}

.contact-us h2 {
    font-weight: 300;
}

@media (max-width: 991px) {
    .contact-us h2 {
        margin: 22px 0 23px;
    }
}

.contact-info {
    background-color: #f6f6f6;
    padding: 25px 0;
}

    .contact-info .row-eq-height {
        flex-grow: 1;
    }

.topic-wrapper {
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding: 24px 31px;
    background-color: #fff;
    width: 100%;
}

@media (max-width: 991px) {
    .topic-wrapper {
        padding: 20px 18px;
    }
}

@media (min-width: 992px) {
    .topic-wrapper .help-center-seperator::after {
        background-color: #d8d8d8;
        content: '';
        height: 160px;
        position: absolute;
        right: 27px;
        top: -40px;
        width: 1px;
    }
}

.topic-wrapper h4 {
    display: inline-block;
    margin: 0 0 21px;
    font-weight: 500;
    font-family: "roboto-medium";
    color: #006671;
    line-height: 1.25;
    letter-spacing: .2px;
}

@media (max-width: 991px) {
    .topic-wrapper h4 {
        font-size: 20px;
        letter-spacing: .1px;
        line-height: 1.5;
    }
}

.topic-wrapper p {
    font-family: "roboto-regular";
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: .1px;
    font-weight: normal;
    color: #4a4a4a;
}

@media (max-width: 991px) {
    .topic-wrapper p {
        letter-spacing: normal;
    }
}

.topic-wrapper .cta-link a {
    margin-top: 14px;
    font-size: 20px;
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    line-height: .9;
    text-transform: uppercase;
    text-decoration: none;
}

@media (max-width: 991px) {
    .topic-wrapper .cta-link a {
        font-size: 18px;
        line-height: 1;
    }
}

.topic-wrapper .cta-link .fa {
    padding-left: 9px;
    font-size: 16px;
    color: #1771cc;
}

.contact-border-lft {
    padding-left: 20px;
}

    .contact-border-lft .three-cols li {
        padding-bottom: 28px;
    }

        .contact-border-lft .three-cols li:nth-child(3n+1) {
            clear: left;
        }

        .contact-border-lft .three-cols li a {
            font-family: "roboto-medium";
            font-size: 16px;
            font-weight: 500;
            line-height: 1.38;
            color: #1771cc;
            text-decoration: underline;
        }

.customer-service .cphone-icon {
    font-size: 36px;
    color: #006671;
    padding-bottom: 17px;
}

.customer-service .cbold {
    font-family: "roboto-medium";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.06;
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    .customer-service .mobile-left {
        text-align: left !important;
    }
}

.customer-service .contact-timings {
    font-family: "roboto-regular";
    font-size: 12px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: .1px;
    color: #4a4a4a;
}

    .customer-service .contact-timings span {
        font-family: "roboto-medium";
    }

.customer-service .border-left-md {
    border-left: 2px solid #d8d8d8;
    padding-left: 13px;
}

@media (max-width: 991px) {
    .customer-service .border-left-md {
        border-top: 2px solid #d8d8d8;
        border-left: none;
        padding: 19px 0 0;
        margin-top: 28px;
    }
}

.customer-service .contact-type:first-child {
    padding-bottom: 26px;
}

.customer-service .contact-type p {
    font-family: "roboto-regular";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.56;
    letter-spacing: .1px;
    color: #4a4a4a;
    margin-bottom: 2px;
}

.customer-service .contact-type-numbers {
    padding: 0;
}

@media (max-width: 991px) {
    .customer-service .contact-type-numbers {
        padding: 0 18px;
    }
}

.contact-bold {
    font-family: "roboto-medium" !important;
}

.other-numbers .topic-wrapper {
    padding-bottom: 40px;
}

    .other-numbers .topic-wrapper div:last-child p {
        margin-bottom: 0;
    }

.other-numbers h4 {
    margin-bottom: 29px;
}

.other-numbers p {
    font-family: "roboto-regular";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: .1px;
    color: #4a4a4a;
    margin-bottom: 24px;
    display: inline-block;
}

.other-numbers span {
    font-family: "roboto-medium";
}

.our-locations h4 {
    margin-bottom: 18px;
}

.our-locations .cta-link {
    left: 15px;
    margin-bottom: -30px;
    position: absolute;
    bottom: 0;
}

@media (max-width: 991px) {
    .our-locations .cta-link {
        margin-bottom: 0;
        position: static;
    }
}

.our-locations .border-left-md {
    padding-left: 22px;
}

@media (max-width: 991px) {
    .our-locations .border-left-md {
        padding-bottom: 26px;
        margin-top: 26px;
        border-left: none;
    }
}

@media (min-width: 992px) {
    .our-locations .border-right-md {
        border-right: 2px solid #d8d8d8;
    }
}

@media (max-width: 991px) {
    .social-links {
        -webkit-column-count: 2;
        column-count: 2;
        text-align: center;
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    .social-links li {
        padding-bottom: 32px;
    }
}

.social-links li a span {
    font-family: "roboto-regular";
    font-size: 12px;
    letter-spacing: .1px;
    display: block;
    color: #4a4a4a;
}

@media (min-width: 992px) {
    .social-links {
        display: table;
        margin-top: 10px;
        width: 100%;
    }

        .social-links li {
            display: table-cell;
            text-align: center;
            width: 16.67%;
        }
}

.faq .topic-wrapper {
    border: 1px solid #9b9b9b;
    padding: 15px 15px 0 15px;
    margin-bottom: 20px;
}

.faq .component-title span.icon {
    vertical-align: text-bottom;
}

.faq .component-title:hover {
    text-decoration: none;
}

.faq .component-title h2 {
    display: inline-block;
    margin-left: 5px;
}

    .faq .component-title h2:after {
        content: "\f054";
        font-family: 'FontAwesome';
        font-size: 1.5rem;
        padding-left: 7px;
    }

.faq p.collapsed[data-toggle="collapse"]:before {
    content: "\f105";
    font-family: 'FontAwesome';
}

.faq p[data-toggle="collapse"]:before {
    content: "\f107";
    font-family: 'FontAwesome';
}

.faq-related-links .related-links-section {
    background-color: #fff;
}

.help-center-title {
    margin-top: 30px;
}

.help-center .help-center-title h2 {
    line-height: 1.25;
    letter-spacing: 0.2px;
}

.help-center .help-center-title a {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 42px;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.2px;
}

@media (max-width: 768px) {
    .help-center .help-center-title a {
        font-size: 30px;
    }
}

.help-center .help-center-title .component {
    margin-top: 0;
}

.help-center .component.help-center-title {
    margin: 35px 0 26px;
}

.help-center .clearfix {
    overflow: auto;
}

.help-center .topic-wrapper {
    border: 1px solid #9b9b9b;
    padding: 24px 25px 33px 33px;
    margin-bottom: 20px;
}

    .help-center .topic-wrapper .bg-circle {
        background: #c3e7e3;
        display: inline-block;
        border-radius: 50%;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.help-center .component-title span.icon {
    vertical-align: text-bottom;
}

.help-center .component-title:hover {
    text-decoration: none;
}

.help-center .component-title h2 {
    display: inline-block;
    margin-left: 5px;
}

    .help-center .component-title h2:after {
        content: "\f054";
        font-family: 'FontAwesome';
        font-size: 1.5rem;
        padding-left: 7px;
    }

.help-center p.collapsed[data-toggle="collapse"]:before {
    content: "\f105";
    font-family: 'FontAwesome';
}

.help-center p[data-toggle="collapse"]:before {
    content: "\f107";
    font-family: 'FontAwesome';
}

.help-center .help-contactus h5 {
    color: #474b55;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
}

.help-center .help-contactus .help-subhead {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
}

.help-container {
    background-color: #f6f6f6;
    padding-top: 46px;
    padding-bottom: 46px;
}

@media (max-width: 991px) {
    .help-container {
        padding: 29px 0;
    }
}

@media (min-width: 992px) {
    .help-container .accordion-split {
        margin-right: -15px;
    }

        .help-container .accordion-split div:first-child {
            padding-right: 15px;
        }

        .help-container .accordion-split div:last-child {
            padding-left: 15px;
        }

        .help-container .accordion-split div.no-padding {
            padding: 0;
        }
}

.topic-wrapper {
    border: 1px solid #d8d8d8;
    padding: 24px 25px 33px 33px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .topic-wrapper {
        padding: 20px 18px 27px 18px;
    }
}

.topic-wrapper .bg-circle {
    background: #c3e7e3;
    display: inline-block;
    border-radius: 50%;
    margin-right: 11px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topic-wrapper a {
    display: inline-block;
}

.topic-wrapper .component-title {
    float: left;
    width: 10%;
}

.topic-wrapper .title-collapse p {
    cursor: pointer;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}

    .topic-wrapper .title-collapse p:before {
        content: '\f107';
        padding-right: 14px;
        font: normal normal normal 22px/1 FontAwesome;
        width: 29px;
        display: inline-block;
        left: 0;
        position: absolute;
    }

    .topic-wrapper .title-collapse p.collapsed:before {
        content: '\f105';
        padding-right: 14px;
        font: normal normal normal 22px/1 FontAwesome;
        width: 29px;
        display: inline-block;
    }

.topic-wrapper .collapse-content p {
    margin-left: 25px;
    font-size: 16px;
    line-height: 1.57;
    letter-spacing: 0.1px;
    word-wrap: break-word;
}

    .topic-wrapper .collapse-content p:last-child {
        border-bottom: 1.5px solid #006671;
        padding-bottom: 13px;
    }

.topic-wrapper .collapse-content a {
    color: #1771cc;
    display: inline;
    font-size: 16px;
    line-height: 1.57;
    letter-spacing: 0.1px;
    word-wrap: break-word;
}

    .topic-wrapper .collapse-content a:hover {
        color: #004A94;
    }

.topic-wrapper .view-link {
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 0.9;
    letter-spacing: normal;
    margin-top: 20px;
    text-decoration: none;
}

    .topic-wrapper .view-link .fa {
        margin-left: 10px;
        font-family: fontawesome;
        font-size: 16px;
    }

.contactus-container {
    background-color: #fff;
    padding: 55px 0 96px;
}

    .contactus-container .help-contactus h4 {
        color: #474b55;
        font-family: "roboto-condensed-bold";
        margin-bottom: 55px;
        line-height: normal;
        letter-spacing: normal;
    }

@media (max-width: 991px) {
    .contactus-container .help-contactus h4 {
        margin-bottom: 35px;
    }
}

.contactus-container .help-contactus .help-content-wrapper ul {
    letter-spacing: 0.1px;
    line-height: 1.38;
    margin-top: 10px;
    padding-left: 0;
}

    .contactus-container .help-contactus .help-content-wrapper ul li {
        margin-bottom: 20px;
    }

        .contactus-container .help-contactus .help-content-wrapper ul li a {
            color: #4a4a4a;
            text-decoration: none;
        }

.contactus-container .help-contactus .help-content-wrapper .help-subhead {
    border-bottom: 1px solid #d8d8d8;
    color: #4a4a4a;
    line-height: 1.67;
    letter-spacing: 0.2px;
    padding-bottom: 10px;
}

@media (max-width: 991px) {
    .contactus-container .help-contactus .help-content-wrapper .help-subhead {
        margin-top: 20px;
    }
}

.help-content-panel .panel-group {
    margin-bottom: 0;
}

    .help-content-panel .panel-group .panel.panel-default {
        border: 0;
        box-shadow: none;
    }

        .help-content-panel .panel-group .panel.panel-default .panel-heading {
            background-color: transparent;
            border-color: transparent;
            padding: 0;
        }

        .help-content-panel .panel-group .panel.panel-default .panel-body {
            border: 0;
            padding: 0;
        }

.error-page-content p {
    font-size: 18px;
}

    .error-page-content p > a {
        color: #197ee3;
        font-family: "roboto-medium";
        font-size: inherit;
        text-decoration: underline;
    }

    .error-page-content p:first-child {
        font-size: 20px;
    }

.error500-page {
    background-color: #fff;
    border: solid 1px #d8d8d8;
    margin-top: 30px;
    padding: 15px;
}

    .error500-page .error500 {
        padding-top: 100px;
    }

@media (max-width: 768px) {
    .error500-page .error500 {
        padding-top: 15px;
    }
}

.error404-page {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    margin-bottom: 15px;
    padding: 60px 86px;
}

@media (max-width: 768px) {
    .error404-page {
        padding: 30px 15px;
    }
}

.section-promo {
    background-color: #fff;
}

    .section-promo .promo-download-app {
        background-color: #003c4b;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
    }

    .section-promo .section-promo-title {
        color: #474b55;
        border-bottom: 2px solid #979797;
        font-family: "roboto-condensed-bold";
        text-align: center;
        text-transform: uppercase;
        padding: 0 0 15px;
        font-size: 32px;
    }

@media (max-width: 768px) {
    .section-promo .section-promo-title {
        font-size: 28px;
    }
}

.section-promo hr {
    background-color: #d8d8d8;
}

.section-promo .promo-tweet {
    padding: 100px 0;
}

@media (max-width: 768px) {
    .section-promo .promo-tweet {
        padding: 50px 0 70px;
    }
}

Download Promo app image style
.mypse .main-container {
    margin-bottom: 70px;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .mypse .main-container {
        margin-bottom: 80px;
        margin-top: 30px;
    }
}

.panel-highlighted-default {
    padding: 15px;
}

.select-side-content {
    margin-top: 22px;
    display: block;
}

.edit-detail-icon {
    font-size: 18px;
}

    .edit-detail-icon i {
        color: #808080;
        padding-right: 10px;
    }

.editable-info-panel {
    margin-bottom: 20px;
}

.editable-security-question {
    margin: 20px 0;
}

.security-user-detail h6 {
    font-family: "roboto-light";
}

***tab contnet style***
.tab-content h2 {
    font-family: "roboto-light";
    font-size: 32px;
}

change-bill-due-date tab style start
.pse-left-tabs .nav-tabs {
    border-bottom: 0px;
}

.pse-left-tabs .nav-tabs li {
    float: none;
    margin-bottom: 0px;
}

    .pse-left-tabs .nav-tabs li a {
        padding: 20px;
        border-radius: 0px;
        margin: 12px 0px;
        border: 1px solid #979797;
        text-align: center;
        color: #006671;
        background: #b8dcdb;
    }

    .pse-left-tabs .nav-tabs li.active a {
        border: 1px solid #000;
        border-bottom-color: none;
        background: #006671;
        color: #fff;
    }

        .pse-left-tabs .nav-tabs li.active a:hover, .pse-left-tabs .nav-tabs li.active a:hover {
            border: 1px solid #000;
            border-bottom-color: none;
            background: #006671;
            color: #fff;
        }

.print-wrapper {
    display: table;
    float: right;
}

    .print-wrapper .print {
        color: #1771cc;
        display: block;
        font-family: "roboto-condensed-bold";
        font-size: 20px;
        font-weight: bold;
        line-height: 1.65;
        padding: 3px 15px;
        text-transform: uppercase;
    }

        .print-wrapper .print span {
            margin-left: 6.5px;
        }

        .print-wrapper .print:hover {
            text-decoration: none;
        }

@media print {
    .payment-total .btn {
        display: none;
    }

    .payment-total .cancel-payment-btn {
        display: none;
    }
}

#setup-security-questions {
    z-index: 999999;
}

    #setup-security-questions + .modal-backdrop {
        z-index: 99999;
    }

** sitecore changes *******************************************
.editable-info-panel  .promo {
    border:  none;
    padding:  0;
    margin:  0;
    float: none;
}

.promo {
    border: none;
    padding: 0;
    margin: 0;
    float: none;
}

    .promo h5 {
        margin-bottom: 15px;
    }

.address-null {
    display: block;
    padding-left: 25px;
}

************************* for content editor issue in the home page *********
.scEnabledChrome.scLooseFrameZone {
    zoom: 1;
    overflow-y: visible !important;
}

** Create account validation error message control **
*priamry article secondary article edit mode row eqheight issues*
.container.editmode-additional-article .scEnabledChrome.scLooseFrameZone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
}

call to action experience editor mode fixes
.call-to-action.scEnabledChrome .scEnabledChrome.scLooseFrameZone,
.call-to-action.scEnabledChrome .call-to-action-item {
    display: inline-block;
}

.call-to-action.scEnabledChrome .col-md-2 {
    display: inline-block;
    padding: 0;
}

.mega-dropdown-menu li a[href="#"]:hover {
    cursor: default;
}

.featured-link-main {
    padding-bottom: 55px;
}

    .featured-link-main a {
        text-decoration: none;
    }

    .featured-link-main h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

    .featured-link-main .featured-links {
        position: relative;
        margin-bottom: 40px;
    }

@media (max-width: 768px) {
    .featured-link-main .featured-links {
        margin-bottom: 20px;
    }
}

.featured-link-main .featured-links .media-left {
    padding-right: 20px;
}

.featured-link-main .featured-links .media.pse-media-object {
    margin-bottom: 0px;
}

    .featured-link-main .featured-links .media.pse-media-object .media-body {
        vertical-align: top;
    }

        .featured-link-main .featured-links .media.pse-media-object .media-body p {
            font-family: "roboto-light";
            font-size: 19px;
            color: #4a4a4a;
        }

        .featured-link-main .featured-links .media.pse-media-object .media-body span.fl-link {
            position: absolute;
            bottom: 0;
            color: #1771cc;
            text-decoration: none;
            font-family: "roboto-condensed-bold";
            font-size: 20px;
            font-weight: bold;
        }

.sign-placeholder .col-md-offset-2 {
    margin-left: -15px;
}

.content-section.acc-teaser .page-content {
    margin-bottom: 0px !important;
    padding: 20px;
}

.pse-secondary-cancel {
    position: relative;
}

#select-payment-option {
    z-index: 99999999;
}

.my-usage-image image {
    width: 100%;
}

.inactve-no-balance, .inactve-with-balance, .account-occupied, .account-vacant {
    color: #4a4a4a;
    padding: 35px;
}

    .inactve-no-balance h6, .inactve-with-balance h6, .account-occupied h6, .account-vacant h6 {
        font-family: roboto-regular;
        font-size: 24px;
        margin-bottom: 0;
    }

    .inactve-no-balance .due-amount, .inactve-with-balance .due-amount, .account-occupied .due-amount, .account-vacant .due-amount {
        color: #006671;
        font-family: roboto-light;
        font-size: 48px;
        margin: -15px 0 -10px -5px;
    }

    .inactve-no-balance .account-desc, .inactve-with-balance .account-desc, .account-occupied .account-desc, .account-vacant .account-desc {
        font-family: roboto-light;
        font-size: 24px;
        margin-bottom: 32px;
        line-height: 1.5em;
    }

        .inactve-no-balance .account-desc .account-desc-highlight, .inactve-with-balance .account-desc .account-desc-highlight, .account-occupied .account-desc .account-desc-highlight, .account-vacant .account-desc .account-desc-highlight {
            font-family: roboto-medium;
        }

    .inactve-no-balance h6 {
        margin-top: 40px;
    }

.inactve-with-balance {
    padding-bottom: 30px;
}

.account-occupied h6 {
    margin-top: 90px;
}

.account-vacant {
    padding-bottom: 30px;
}

    .account-vacant h6 {
        margin-top: 10px;
    }

.non-consumption h6 {
    margin-top: 20px;
}

#setup-security-questions {
    z-index: 999999;
}

    #setup-security-questions + .modal-backdrop {
        z-index: 99999;
    }

** sitecore changes *******************************************
.editable-info-panel  .promo {
    border:  none;
    padding:  0;
    margin:  0;
    float: none;
}

.promo {
    border: none;
    padding: 0;
    margin: 0;
    float: none;
}

    .promo h5 {
        margin-bottom: 15px;
    }

.address-null {
    display: block;
    padding-left: 25px;
}

************************* for content editor issue in the home page *********
.scEnabledChrome.scLooseFrameZone {
    zoom: 1;
    overflow-y: visible !important;
}

** Create account validation error message control **
*priamry article secondary article edit mode row eqheight issues*
.container.editmode-additional-article .scEnabledChrome.scLooseFrameZone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
}

call to action experience editor mode fixes
.call-to-action.scEnabledChrome .scEnabledChrome.scLooseFrameZone,
.call-to-action.scEnabledChrome .call-to-action-item {
    display: inline-block;
}

.call-to-action.scEnabledChrome .col-md-2 {
    display: inline-block;
    padding: 0;
}

.mega-dropdown-menu li a[href="#"]:hover {
    cursor: default;
}

.featured-link-main {
    padding-bottom: 55px;
}

    .featured-link-main a {
        text-decoration: none;
    }

    .featured-link-main h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

    .featured-link-main .featured-links {
        position: relative;
        margin-bottom: 40px;
    }

@media (max-width: 768px) {
    .featured-link-main .featured-links {
        margin-bottom: 20px;
    }
}

.featured-link-main .featured-links .media-left {
    padding-right: 20px;
}

.featured-link-main .featured-links .media.pse-media-object {
    margin-bottom: 0px;
}

    .featured-link-main .featured-links .media.pse-media-object .media-body {
        vertical-align: top;
    }

        .featured-link-main .featured-links .media.pse-media-object .media-body p {
            font-family: "roboto-light";
            font-size: 19px;
            color: #4a4a4a;
        }

        .featured-link-main .featured-links .media.pse-media-object .media-body span.fl-link {
            position: absolute;
            bottom: 0;
            color: #1771cc;
            text-decoration: none;
            font-family: "roboto-condensed-bold";
            font-size: 20px;
            font-weight: bold;
        }

.sign-placeholder .col-md-offset-2 {
    margin-left: -15px;
}

.content-section.acc-teaser .page-content {
    margin-bottom: 0px !important;
    padding: 20px;
}

.pse-secondary-cancel {
    position: relative;
}

#select-payment-option {
    z-index: 99999999;
}

.create-account-information {
    margin-top: 30px;
}

.create-card-detail .info-content a {
    color: #1771cc;
    font-size: 14px;
    font-size: 14px;
    font-family: roboto-bold;
    text-decoration: underline;
}

.create-card-detail .create-card-image {
    margin: 20px 0 60px 0;
}

@media (max-width: 768px) {
    .create-card-detail .create-card-image img {
        width: 100%;
    }
}

.create-page-content h1 {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 42px;
}

@media (max-width: 768px) {
    .create-page-content h1 {
        font-size: 30px;
    }
}

.container-confirmation {
    margin-bottom: 200px;
}

@media (max-width: 768px) {
    .container-confirmation {
        margin-top: 25px;
    }

        .container-confirmation .msg-confirmation .msg-confirmation-content h4, .container-confirmation .msg-confirmation .msg-confirmation-content p {
            text-align: center;
        }
}

#setup-security-questions {
    z-index: 999999;
}

    #setup-security-questions + .modal-backdrop {
        z-index: 99999;
    }

** sitecore changes *******************************************
.editable-info-panel  .promo {
    border:  none;
    padding:  0;
    margin:  0;
    float: none;
}

.promo {
    border: none;
    padding: 0;
    margin: 0;
    float: none;
}

    .promo h5 {
        margin-bottom: 15px;
    }

.address-null {
    display: block;
    padding-left: 25px;
}

************************* for content editor issue in the home page *********
.scEnabledChrome.scLooseFrameZone {
    zoom: 1;
    overflow-y: visible !important;
}

** Create account validation error message control **
*priamry article secondary article edit mode row eqheight issues*
.container.editmode-additional-article .scEnabledChrome.scLooseFrameZone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
}

call to action experience editor mode fixes
.call-to-action.scEnabledChrome .scEnabledChrome.scLooseFrameZone,
.call-to-action.scEnabledChrome .call-to-action-item {
    display: inline-block;
}

.call-to-action.scEnabledChrome .col-md-2 {
    display: inline-block;
    padding: 0;
}

.mega-dropdown-menu li a[href="#"]:hover {
    cursor: default;
}

.featured-link-main {
    padding-bottom: 55px;
}

    .featured-link-main a {
        text-decoration: none;
    }

    .featured-link-main h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

    .featured-link-main .featured-links {
        position: relative;
        margin-bottom: 40px;
    }

@media (max-width: 768px) {
    .featured-link-main .featured-links {
        margin-bottom: 20px;
    }
}

.featured-link-main .featured-links .media-left {
    padding-right: 20px;
}

.featured-link-main .featured-links .media.pse-media-object {
    margin-bottom: 0px;
}

    .featured-link-main .featured-links .media.pse-media-object .media-body {
        vertical-align: top;
    }

        .featured-link-main .featured-links .media.pse-media-object .media-body p {
            font-family: "roboto-light";
            font-size: 19px;
            color: #4a4a4a;
        }

        .featured-link-main .featured-links .media.pse-media-object .media-body span.fl-link {
            position: absolute;
            bottom: 0;
            color: #1771cc;
            text-decoration: none;
            font-family: "roboto-condensed-bold";
            font-size: 20px;
            font-weight: bold;
        }

.sign-placeholder .col-md-offset-2 {
    margin-left: -15px;
}

.content-section.acc-teaser .page-content {
    margin-bottom: 0px !important;
    padding: 20px;
}

.pse-secondary-cancel {
    position: relative;
}

#select-payment-option {
    z-index: 99999999;
}

#setup-security-questions {
    z-index: 999999;
}

    #setup-security-questions + .modal-backdrop {
        z-index: 99999;
    }

** sitecore changes *******************************************
.editable-info-panel  .promo {
    border:  none;
    padding:  0;
    margin:  0;
    float: none;
}

.promo {
    border: none;
    padding: 0;
    margin: 0;
    float: none;
}

    .promo h5 {
        margin-bottom: 15px;
    }

.address-null {
    display: block;
    padding-left: 25px;
}

************************* for content editor issue in the home page *********
.scEnabledChrome.scLooseFrameZone {
    zoom: 1;
    overflow-y: visible !important;
}

** Create account validation error message control **
*priamry article secondary article edit mode row eqheight issues*
.container.editmode-additional-article .scEnabledChrome.scLooseFrameZone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
}

call to action experience editor mode fixes
.call-to-action.scEnabledChrome .scEnabledChrome.scLooseFrameZone,
.call-to-action.scEnabledChrome .call-to-action-item {
    display: inline-block;
}

.call-to-action.scEnabledChrome .col-md-2 {
    display: inline-block;
    padding: 0;
}

.mega-dropdown-menu li a[href="#"]:hover {
    cursor: default;
}

.featured-link-main {
    padding-bottom: 55px;
}

    .featured-link-main a {
        text-decoration: none;
    }

    .featured-link-main h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

    .featured-link-main .featured-links {
        position: relative;
        margin-bottom: 40px;
    }

@media (max-width: 768px) {
    .featured-link-main .featured-links {
        margin-bottom: 20px;
    }
}

.featured-link-main .featured-links .media-left {
    padding-right: 20px;
}

.featured-link-main .featured-links .media.pse-media-object {
    margin-bottom: 0px;
}

    .featured-link-main .featured-links .media.pse-media-object .media-body {
        vertical-align: top;
    }

        .featured-link-main .featured-links .media.pse-media-object .media-body p {
            font-family: "roboto-light";
            font-size: 19px;
            color: #4a4a4a;
        }

        .featured-link-main .featured-links .media.pse-media-object .media-body span.fl-link {
            position: absolute;
            bottom: 0;
            color: #1771cc;
            text-decoration: none;
            font-family: "roboto-condensed-bold";
            font-size: 20px;
            font-weight: bold;
        }

.sign-placeholder .col-md-offset-2 {
    margin-left: -15px;
}

.content-section.acc-teaser .page-content {
    margin-bottom: 0px !important;
    padding: 20px;
}

.pse-secondary-cancel {
    position: relative;
}

#select-payment-option {
    z-index: 99999999;
}

.print-wrapper {
    display: table;
    float: right;
}

    .print-wrapper .print {
        color: #1771cc;
        display: block;
        font-family: "roboto-condensed-bold";
        font-size: 20px;
        font-weight: bold;
        line-height: 1.65;
        padding: 3px 15px;
        text-transform: uppercase;
    }

        .print-wrapper .print span {
            margin-left: 6.5px;
        }

        .print-wrapper .print:hover {
            text-decoration: none;
        }

@media print {
    .payment-total .btn {
        display: none;
    }

    .payment-total .cancel-payment-btn {
        display: none;
    }
}

.my-usage-image image {
    width: 100%;
}

.inactve-no-balance, .inactve-with-balance, .account-occupied, .account-vacant {
    color: #4a4a4a;
    padding: 35px;
}

    .inactve-no-balance h6, .inactve-with-balance h6, .account-occupied h6, .account-vacant h6 {
        font-family: roboto-regular;
        font-size: 24px;
        margin-bottom: 0;
    }

    .inactve-no-balance .due-amount, .inactve-with-balance .due-amount, .account-occupied .due-amount, .account-vacant .due-amount {
        color: #006671;
        font-family: roboto-light;
        font-size: 48px;
        margin: -15px 0 -10px -5px;
    }

    .inactve-no-balance .account-desc, .inactve-with-balance .account-desc, .account-occupied .account-desc, .account-vacant .account-desc {
        font-family: roboto-light;
        font-size: 24px;
        margin-bottom: 32px;
        line-height: 1.5em;
    }

        .inactve-no-balance .account-desc .account-desc-highlight, .inactve-with-balance .account-desc .account-desc-highlight, .account-occupied .account-desc .account-desc-highlight, .account-vacant .account-desc .account-desc-highlight {
            font-family: roboto-medium;
        }

    .inactve-no-balance h6 {
        margin-top: 40px;
    }

.inactve-with-balance {
    padding-bottom: 30px;
}

.account-occupied h6 {
    margin-top: 90px;
}

.account-vacant {
    padding-bottom: 30px;
}

    .account-vacant h6 {
        margin-top: 10px;
    }

.non-consumption h6 {
    margin-top: 20px;
}

.start-common {
    color: #4a4a4a;
    margin: 30px 0 0;
}

@media (max-width: 768px) {
    .start-common {
        text-align: left;
    }
}

.start-common .body-xl {
    font-family: "roboto-medium";
    padding: 10px 0;
}

@media (max-width: 768px) {
    .start-common .body-xl {
        padding: 0;
        text-align: left;
    }
}

.start-common .start-img {
    background-color: #bce7e1;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 15px;
    padding: 30px;
}

@media (max-width: 768px) {
    .start-common .start-img {
        float: left;
        margin-right: 10px;
        padding: 25px;
    }
}

.start-common .start-img.active {
    background-color: #006671;
}

.start-common .start-img img {
    height: 50px;
    width: 50px;
}

.start-common p {
    padding: 5px 25px;
}

@media (max-width: 768px) {
    .start-common p {
        text-align: left;
        padding: 0;
        margin-bottom: 10px;
    }
}

.start-common .h8 {
    color: #1771cc;
    cursor: pointer;
    margin-top: 10px;
}

    .start-common .h8 .fa {
        color: #1771cc;
        font-weight: bold;
        margin-left: 5px;
    }

.start-header {
    color: #4a4a4a;
}

    .start-header .body-l {
        font-family: "roboto-regular";
    }

.progress-wrapper + .section-promo .start-header, .progress-wrapper + .section-promo .page-title, .progress-wrapper + .section-promo .pagetitle, .progress-wrapper + .section-promo .stop-header {
    margin-top: 15px;
}

.start-sidecontent {
    margin: 30px 0 60px;
}

    .start-sidecontent .body-l {
        font-family: "roboto-regular";
        padding: 5px 0 25px;
        text-align: justify;
    }

    .start-sidecontent .h8 {
        color: #1771cc;
        font-size: 20px;
        text-transform: uppercase;
    }

        .start-sidecontent .h8 a {
            color: #1771cc;
            font-size: 20px;
            text-transform: uppercase;
        }

            .start-sidecontent .h8 a:hover, .start-sidecontent .h8 a:focus {
                color: #1771cc;
                text-transform: uppercase;
            }

    .start-sidecontent .fa {
        color: #1771cc;
        font-size: 18px;
        margin: 5px 5px 0;
    }

.property-media {
    background-color: #EAF8FB;
    border: 3px solid #fff;
    padding: 20px;
}

    .property-media .property-img {
        background-color: #00a6cf;
        border-radius: 100%;
        display: inline-block;
        height: 75px;
        padding: 20px;
        width: 75px;
    }

    .property-media a {
        color: #1771cc;
        font-family: "roboto-medium";
    }

        .property-media a:hover {
            color: #1771cc;
        }

.account-addition {
    background-color: #fff;
    border: 1px solid #979797;
}

.start-textarea textarea {
    border-radius: 0;
    height: 190px;
}

.account-addition-perference {
    color: #4a4a4a;
    margin: 30px;
}

    .account-addition-perference .preference-communication .custom-select-arrow,
    .account-addition-perference .preference-billing .custom-select-arrow,
    .account-addition-perference .preference-center .custom-select-arrow {
        padding-left: 45px;
    }

    .account-addition-perference .preference-communication .notify h6,
    .account-addition-perference .preference-billing .notify h6,
    .account-addition-perference .preference-center .notify h6 {
        font-size: 18px;
    }

    .account-addition-perference .preference-communication .paperless,
    .account-addition-perference .preference-billing .paperless,
    .account-addition-perference .preference-center .paperless {
        margin-left: 30px;
    }

@media (max-width: 768px) {
    .account-addition-perference .preference-communication .custom-select-arrow,
    .account-addition-perference .preference-billing .custom-select-arrow,
    .account-addition-perference .preference-center .custom-select-arrow {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .account-addition-perference .preference-communication .icon-wrapper,
    .account-addition-perference .preference-billing .icon-wrapper,
    .account-addition-perference .preference-center .icon-wrapper {
        width: 100%;
    }
}

#StartDateandBillingPreference .pagetitle-desc p {
    text-align: center;
}

@media screen and (min-width: 992px) {
    .billing-component .shadow-box {
        height: 118px;
    }
}

.billing-component-content {
    padding: 4% 0 0;
}

@media screen and (max-width: 991px) {
    .billing-component-content {
        padding: 10% 0 0;
    }
}

@media screen and (min-width: 992px) {
    .billing-tiles {
        padding: 0 12%;
    }
}

.billing-component .shadow-box {
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.176471);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.176471);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.176471);
}

.billing-component .custom-checkbox {
    display: inline-block;
    margin-left: 15px;
}

.billing-component #paperless-check-mark-bg, .billing-component #paper-check-mark-bg {
    position: absolute;
    transform: rotate(45deg);
    top: -30px;
    left: -7px;
}

.billing-component #paperless-tile-check-mark, .billing-component #paper-tile-check-mark {
    position: absolute;
    top: 10px;
    left: 10px;
}

.billing-component .paperless-billing-tile, .billing-component .paper-billing-tile {
    cursor: pointer;
}

.billing-component .media {
    margin-top: 5px;
}

.billing-component .media-middle {
    vertical-align: top;
}

.billing-component .media .media-body p {
    -webkit-line-clamp: unset;
}

#paperlesstermsandconditions {
    display: none;
}

    #paperlesstermsandconditions.active {
        display: block;
    }

    #paperlesstermsandconditions .form-control {
        width: auto;
    }

    #paperlesstermsandconditions .errorMessage {
        padding-left: 15px;
        top: -5px;
    }

#paperless-check-mark-bg, #paper-check-mark-bg, #paperless-tile-check-mark, #paper-tile-check-mark {
    visibility: hidden;
}

    #paperless-check-mark-bg.active, #paper-check-mark-bg.active, #paperless-tile-check-mark.active, #paper-tile-check-mark.active {
        visibility: visible;
    }

.renewable-green a,
.renewables-programs a {
    color: #1771cc;
    text-decoration: underline;
}

.renewable-green .h8,
.renewables-programs .h8 {
    font-family: "roboto-medium";
    font-weight: normal;
}

.renewable-green .custom-checkbox > a,
.renewables-programs .custom-checkbox > a {
    color: #1771cc;
    padding-left: 3px;
    position: relative;
    z-index: 9;
}

@media (max-width: 991px) {
    .confirmation-content .confirm-para {
        order: 2;
    }
}

.confirmation-content .flex-content {
    display: flex;
    flex-direction: row;
}

@media (max-width: 991px) {
    .confirmation-content .flex-content {
        flex-direction: column;
    }
}

.confirmation-content .confirmation-img {
    margin-top: 40px;
}

.start-info {
    color: #4a4a4a;
}

@media (max-width: 991px) {
    .start-info {
        text-align: center;
    }
}

.start-info p.body-l {
    font-family: "roboto-regular";
}

.start-info .body-l {
    font-family: "roboto-medium";
}

    .start-info .body-l a {
        color: #1771cc;
    }

.start-error .body-s {
    color: #d0021b;
}

.start-error i {
    color: #d0021b;
    margin: 0 5px;
}

.summary-previous-answer .previous-answer {
    color: #4a4a4a;
}

    .summary-previous-answer .previous-answer .table-services > tbody td {
        vertical-align: top;
        padding: 15px;
    }

        .summary-previous-answer .previous-answer .table-services > tbody td a {
            color: #1771cc;
            font-family: "roboto-medium";
            font-size: 18px;
            padding: 5px 0;
            text-decoration: underline;
        }

    .summary-previous-answer .previous-answer td .change-status {
        text-align: center;
    }

    .summary-previous-answer .previous-answer div .fa {
        color: #ed9f1b;
        padding-right: 10px;
    }

    .summary-previous-answer .previous-answer .table-header {
        font-family: "roboto-medium";
        font-size: 16px;
        padding: 8px 0 10px;
    }

@media (min-width: 992px) {
    .summary-previous-answer .previous-answer .table-header {
        font-size: 18px;
    }
}

.summary-previous-answer .previous-answer .table-header .fa {
    color: #b8c42e;
    padding-right: 10px;
}

.summary-previous-answer .previous-answer .table-header span {
    font-family: "roboto-regular";
}

.summary-previous-answer .previous-answer .body-l {
    font-family: "roboto-regular";
    padding: 0 0 10px;
}

@media (max-width: 767px) {
    .summary-previous-answer .previous-answer .body-l {
        font-size: 16px;
    }
}

.summary-previous-answer .previous-answer .body-l span {
    display: block;
    word-break: break-word;
}

@media (max-width: 767px) {
    .summary-previous-answer .previous-answer .body-l span {
        font-size: 16px;
    }
}

.summary-previous-answer .previous-answer .table-previuos-answer > tbody td span.answers {
    display: inline-block;
}

.summary-previous-answer .previous-answer .table-previuos-answer > tbody td i.fa {
    padding: 0 15px 0 0;
}

@media (max-width: 768px) {
    .summary-previous-answer .previous-answer .table-previuos-answer > tbody td i.fa {
        padding: 0 0 0 15px;
    }
}

.summary-previous-answer .previous-answer .table-header span {
    font-family: "roboto-medium";
}

.summary-previous-answer .previous-answer .fa-ban:before {
    color: #ed9f1b;
}

.summary-previous-answer .previous-answer .fa-check-circle:before {
    color: #b8c42e;
}

@media (max-width: 991px) {
    .add-customer {
        text-align: center;
    }
}

.add-customer .fa {
    margin-left: 20px;
}

@media (max-width: 991px) {
    .property-management .start-header {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .skip-now {
        text-align: center;
    }
}

.leased-service {
    text-align: center;
}

    .leased-service p {
        margin-bottom: 15px;
    }

    .leased-service .form-check a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: inherit;
        font-weight: normal;
    }

    .leased-service .form-check label {
        padding-left: 35px;
        position: relative;
    }

.leased-balance .errorMessage, .leased-nobalance .errorMessage {
    padding: 15px 5px;
}

.psemedium20 {
    color: #006671;
    font-family: "roboto-medium";
    font-size: 20px;
}

.service-installation .start-header .body-l {
    font-size: 14px;
}

@media (min-width: 992px) {
    .service-installation .start-header .body-l {
        font-size: 18px;
    }
}

.service-installation .start-header > p {
    color: #006671;
    font-family: "roboto-medium";
}

@media (max-width: 767px) {
    .start-sign-btn {
        text-align: center;
    }
}

.start-sign-btn > a {
    border-radius: 47px;
    font-size: 20px;
}

@media (max-width: 767px) {
    .start-sign-btn > a:not(.pse-link-primary) {
        display: inline-block;
        margin-bottom: 30px;
    }
}

.start-sign-btn .pse-link-primary {
    margin-left: 30px;
}

@media (max-width: 767px) {
    .start-sign-btn .pse-link-primary {
        display: block;
        margin-left: 0;
    }
}

.start-sign-btn .pse-link-primary > a {
    font-size: 20px;
    color: #197ee3;
}

.start-sign-btn .pse-link-primary > i {
    font-size: 20px;
    color: #197ee3;
}

.mail-change hr {
    margin-top: 0;
}

.mail-change a:hover, .mail-change a:focus {
    color: #1771cc;
}

.mail-change p {
    font-family: "roboto-medium";
    font-size: 20px;
}

.update-date label {
    display: block;
}

.start-signin-help > a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: inherit;
    text-decoration: underline;
}

.start-btn {
    font-family: "roboto-medium";
    font-size: 20px;
}

.skip-btn {
    padding: 20px;
}

@media (max-width: 767px) {
    .skip-btn {
        padding: 20px 10px;
    }
}

.start-cancel-request .form-main .pse-page-color {
    margin: 10px 0;
}

.start-cancel-request .cancel-request-btn {
    margin-top: 0;
}

@media (max-width: 767px) {
    .start-cancel-request .cancel-request-btn {
        text-align: left;
    }
}

.start-cancel-request .cancel-request-btn > a {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .start-cancel-request .cancel-request-btn > a:first-child {
        margin-top: 0;
    }
}

.start-cancel-request .pse-page-color {
    color: #006671;
}

.confirmation-landlord .service-info .address {
    margin-bottom: 25px;
}

.confirmation-landlord .service-info .services {
    margin-bottom: 15px;
    margin-top: 15px;
}

.income-employment .income-label {
    font-family: "roboto-medium";
    font-size: 18px;
}

.address-validation .radio label {
    color: #575757;
}

.address-validation p {
    color: #575757;
}

.service-address-entry .h8 {
    font-size: 32px;
    line-height: 64px;
}

.service-info h6 {
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 10px;
    font-size: 18px;
}

.service-info span {
    display: block;
    font-size: 16px;
}

@media (max-width: 767px) {
    .sstform .table-services {
        table-layout: fixed;
    }
}

@media (max-width: 767px) {
    .sstform .table-services thead td {
        font-size: 18px;
    }

        .sstform .table-services thead td:first-child {
            width: 25%;
        }

        .sstform .table-services thead td:last-child {
            width: 35%;
        }
}

.sstform#Summary .errorMessage, .helpText {
    top: 75px;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.sstform#stopSummaryForm .errorMessage, .helpText {
    top: 82px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    position: absolute;
    padding-left: 110px;
}

.about-related-article {
    position: relative;
}

    .about-related-article .latest-title {
        color: #1771cc;
        left: 50%;
        margin-left: -100px;
        position: absolute;
        top: -37px;
    }

    .about-related-article .article-section > h3 {
        color: #717171;
        margin-top: 60px;
    }

    .about-related-article .readmore {
        color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        text-transform: capitalize;
    }

        .about-related-article .readmore + i {
            color: #1771cc;
            font-size: 18px;
        }

    .about-related-article .about-table-title h5 {
        color: #1771cc;
    }

.leadership-content h4 {
    margin-bottom: 0;
    margin-top: 0;
}

.leadership-content .content-brief {
    margin-top: 15px;
}

.leadership-section .show-content {
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
}

    .leadership-section .show-content + i {
        color: #1771cc;
        font-size: 16px;
        margin-left: 5px;
    }

.more-content {
    display: none;
}

.error-500-section {
    position: relative;
}

    .error-500-section .error500-page {
        margin-bottom: 50px;
        margin-top: 50px;
    }

.about-sub-title {
    position: relative;
}

    .about-sub-title .grey-title {
        font-size: 32px;
        left: 50%;
        margin-left: -75px;
        position: absolute;
        top: -30px;
    }

        .about-sub-title .grey-title h3 {
            color: #1771cc;
        }

.about-timeline .page-header {
    border: 0;
}

.about-timeline .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .about-timeline .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: "";
        width: 3px;
        background-color: #003c4b;
        border: 3px solid #003c4b;
        left: 50%;
        margin-left: -1.5px;
    }

@media (max-width: 768px) {
    .about-timeline .timeline:before {
        left: 6%;
    }
}

.about-timeline .timeline > li {
    margin-bottom: 20px;
    position: relative;
}

    .about-timeline .timeline > li:before,
    .about-timeline .timeline > li:after {
        content: " ";
        display: table;
    }

    .about-timeline .timeline > li:after {
        clear: both;
    }

    .about-timeline .timeline > li:before,
    .about-timeline .timeline > li:after {
        content: " ";
        display: table;
    }

    .about-timeline .timeline > li:after {
        clear: both;
    }

    .about-timeline .timeline > li > .timeline-panel {
        width: 46%;
        float: left;
        border: 1px solid #e5ebf2;
        border-radius: 2px;
        padding: 20px;
        position: relative;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(139, 139, 139, 0.5);
        box-shadow: 0 2px 4px 0 rgba(139, 139, 139, 0.5);
    }

@media (max-width: 768px) {
    .about-timeline .timeline > li > .timeline-panel {
        width: 82%;
    }
}

.about-timeline .timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #e5ebf2;
    border-right: 0 solid #e5ebf2;
    border-bottom: 15px solid transparent;
    content: " ";
}

.about-timeline .timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.about-timeline .timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #fff;
    z-index: 100;
    border-radius: 50%;
    border: 8px solid #003c4b;
}

@media (max-width: 768px) {
    .about-timeline .timeline > li > .timeline-badge {
        left: 6%;
    }
}

.about-timeline .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

    .about-timeline .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    .about-timeline .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

.about-timeline .timeline-title {
    margin-top: 0;
    color: #4a4a4a;
    font-family: "raleway-bold";
    font-size: 18px;
    padding: 0 10px;
}

.about-timeline p {
    color: #333333;
    font-size: 15px;
    text-align: justify;
    padding: 0 10px;
}

.about-timeline .timeline-body > p,
.about-timeline .timeline-body > ul {
    margin-bottom: 0;
}

.about-timeline .timeline-img {
    float: left;
    width: 40%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-img img {
    width: 100%;
}

.about-timeline .timeline-body {
    float: right;
    width: 60%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-body {
        float: left;
    }
}

.about-timeline .timeline-content .timeline-img {
    float: left;
    width: 20%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-content .timeline-img .timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.about-timeline .timeline-content .timeline-img .timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.about-timeline .timeline-content .timeline-img .timeline-title {
    margin-top: 0;
    color: #4a4a4a;
    font-family: "raleway-bold";
    font-size: 18px;
    padding: 0 10px;
}

.about-timeline .timeline-content .timeline-img p {
    color: #333333;
    font-size: 15px;
    text-align: justify;
    padding: 0 10px;
}

.about-timeline .timeline-content .timeline-img .timeline-body > p,
.about-timeline .timeline-content .timeline-img .timeline-body > ul {
    margin-bottom: 0;
}

.about-timeline .timeline-content .timeline-img .timeline-img {
    float: left;
    width: 40%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-content .timeline-img .timeline-body {
    float: right;
    width: 60%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-body {
        float: left;
    }
}

.about-timeline .timeline-content .timeline-img .timeline-content .timeline-img {
    float: left;
    width: 20%;
    padding-right: 10px;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-content .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-content .timeline-img .timeline-content .timeline-img .img-responsive {
    width: 200px;
}

.about-timeline .timeline-content .timeline-img .timeline-content .timeline-body {
    float: right;
    width: 70%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-content .timeline-body {
        float: left;
    }
}

@media (max-width: 768px) {
    .timeline > li.timeline-inverted-mobile > .timeline-panel {
        float: right;
    }

        .timeline > li.timeline-inverted-mobile > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        .timeline > li.timeline-inverted-mobile > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

.pse-paragraph {
    margin-bottom: 20px;
}

.preference-wrapper .item#e-newsletter .fade {
    display: none;
}

    .preference-wrapper .item#e-newsletter .fade.in {
        display: block;
    }

.preference-wrapper .eletter-list > a {
    display: none;
}

.preference-wrapper .eletter-list li a {
    border: none;
}

    .preference-wrapper .eletter-list li a:hover {
        border: none;
        background: none;
    }

.media-about-us {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .media-about-us .media-left {
        display: block;
        margin-bottom: 15px;
    }
}

.quotation-a {
    background: #f6f6f6;
    margin: 0;
    width: 100%;
    padding: 40px 75px;
    position: relative;
}

    .quotation-a:before, .quotation-a:after {
        display: block;
        position: absolute;
        font-size: 180px;
    }

    .quotation-a:before {
        content: open-quote;
        line-height: 0px;
        left: 25px;
    }

    .quotation-a:after {
        content: close-quote;
        right: 35px;
        bottom: -170px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.quotation-b {
    background: #f1f9f8;
    width: 100%;
    padding: 40px 75px;
    position: relative;
}

    .quotation-b:before, .quotation-b:after {
        display: block;
        position: absolute;
        font-size: 90px;
    }

    .quotation-b:before {
        content: open-quote;
        line-height: 15px;
        left: 25px;
    }

    .quotation-b:after {
        content: close-quote;
        right: 25px;
        bottom: -65px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.quotation-c {
    background: #f0f0f0;
    padding: 40px 75px;
    width: 100%;
}

    .quotation-c .fs24 {
        font-size: 24px;
        position: relative;
    }

        .quotation-c .fs24::before, .quotation-c .fs24::after {
            display: block;
            font-size: 24px;
            position: absolute;
        }

        .quotation-c .fs24::before {
            content: open-quote;
            left: -8px;
            top: 0;
        }

        .quotation-c .fs24::after {
            content: close-quote;
            display: inline;
        }

.quotation-a, .quotation-b, .quotation-c {
    margin-bottom: 20px;
}

.quote-fancy-border {
    border: 2px solid transparent;
    background-image: linear-gradient(to right, #242424 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #fff 75%), linear-gradient(to bottom, #fff 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #242424 75%), linear-gradient(to left, #242424 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #fff 75%), linear-gradient(to top, #fff 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #242424 75%);
    background-origin: border-box;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    padding-top: 50px;
}

.quotation {
    margin-top: 45px;
}

.top-container-settings {
    margin-top: 30px;
}

.container-settings .preference-center {
    margin-bottom: 0;
    padding-bottom: 0;
}

.container-settings .preference-container .preference-wrapper .item-content {
    background-color: #fff !important;
}

.preference-container {
    background: #f6f6f6;
    margin-top: 20px;
}

    .preference-container .preference-wrapper {
        margin: 45px 0 70px;
        background: #fff;
        padding-bottom: 35px;
        border: 1px solid #d8d8d8;
    }

@media (max-width: 991px) {
    .preference-container .preference-wrapper {
        margin: 30px 0 70px 0;
    }
}

.preference-container [data-preference-tabs] li {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(74, 74, 74, 0.17);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 26px;
}

    .preference-container [data-preference-tabs] li a {
        color: #717171;
        padding: 30px 17px;
        text-decoration: none;
        font-size: 18px;
    }

        .preference-container [data-preference-tabs] li a.active {
            background: transparent;
            color: #006671;
            font-family: "roboto-bold";
        }

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .tabs {
        display: none;
    }

    .preference-wrapper.tabbed-content .item {
        padding: 25px 0;
        position: relative;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item::before {
            content: attr(data-title);
            font-size: 18px;
            color: #717171;
            padding: 25px 15px;
        }

        .preference-wrapper.tabbed-content .item::after {
            content: '\f067';
            font-family: fontawesome;
            position: absolute;
            top: 28px;
            right: 28px;
            font-size: 19px;
            color: #717171;
        }

        .preference-wrapper.tabbed-content .item .item-content {
            opacity: 0;
            visibility: hidden;
            height: 0;
        }
}

@media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active {
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active::before {
        color: #006671;
        font-family: "roboto-medium";
    }

    .preference-wrapper.tabbed-content .item.active .item-content {
        opacity: 1;
        visibility: visible;
        height: auto;
        margin-top: 22px;
        padding: 30px 15px;
        box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item.active .item-content h5 {
            margin: 0 0 14px 0;
            font-size: 24px;
        }

    .preference-wrapper.tabbed-content .item.active::after {
        content: '\f068';
    }
}

@media (min-width: 992px) {
    .preference-wrapper.tabbed-content .tabs {
        display: block;
    }

        .preference-wrapper.tabbed-content .tabs li {
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .tabs li a {
                display: block;
            }

    .preference-wrapper.tabbed-content .item {
        min-height: 0;
        display: none;
        border-left: 2px solid #d8d8d8;
        margin-top: 29px;
    }

        .preference-wrapper.tabbed-content .item::before {
            display: none;
        }

        .preference-wrapper.tabbed-content .item.active {
            width: 75%;
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .item.active .item-content {
                padding: 0 18px 0 30px;
            }

                .preference-wrapper.tabbed-content .item.active .item-content h5 {
                    margin-top: 0;
                }

                .preference-wrapper.tabbed-content .item.active .item-content .btn-action {
                    font-size: 20px;
                    font-family: "roboto-condensed-bold";
                    line-height: 0;
                    height: 40px;
                    border-radius: 47px;
                }

    .preference-wrapper.tabbed-content.tabs-side .tabs {
        width: 25%;
        float: left;
    }

        .preference-wrapper.tabbed-content.tabs-side .tabs li {
            display: block;
        }
}

************************************ sub-nav***************************************************************
.preference-wrapper.tabbed-content .sub-navigation > a {
    margin-bottom: 0;
}

.preference-wrapper.tabbed-content .eletter-list {
    padding-left: 40px;
}

    .preference-wrapper.tabbed-content .eletter-list li {
        border: none;
        padding-top: 0;
        padding-bottom: 0;
    }

        .preference-wrapper.tabbed-content .eletter-list li a {
            border: none;
            padding-top: 0;
            padding-bottom: 15px;
            display: block;
        }

.preference-wrapper.tabbed-content .sub-navigation ul {
    border-bottom: none;
}

    .preference-wrapper.tabbed-content .sub-navigation ul li {
        margin-left: 0;
    }

.preference-wrapper.tabbed-content .vertical-navigation-list.pref-data-tabs li a::after {
    top: 42% !important;
    width: 25px;
    right: 12px !important;
}

@media only screen and (max-width: 767px) {
    .preference-wrapper.tabbed-content .sub-navigation li {
        width: 100%;
        margin-left: 0;
    }

        .preference-wrapper.tabbed-content .sub-navigation li.active a {
            background: transparent;
            color: #006671;
            font-family: "roboto-bold";
        }

    .preference-wrapper.tabbed-content .pref-data-tabs .sub-navigation li a::after {
        content: "";
    }
}

.pref-data-content .item-content .container {
    width: auto !important;
    padding: 0 !important;
}

.pse-accordion-group .pse-accordion {
    border-radius: 0;
}

@media (min-width: 992px) {
    .pse-accordion-group .pse-accordion .panel-body {
        padding-left: 35px;
    }
}

.pse-accordion-group .panel-heading, .pse-accordion-group .panel-title {
    padding: 0;
}

.pse-accordion-group .panel-title {
    font-size: 24px;
    background-color: #fff;
}

@media (max-width: 768px) {
    .pse-accordion-group .panel-title {
        font-size: 22px;
    }
}

.pse-accordion-group .panel-title a {
    color: #4a4a4a;
    display: block;
    font-family: "roboto-light";
    padding: 25px 35px;
    text-decoration: none;
    font-size: 24px;
}

@media (max-width: 768px) {
    .pse-accordion-group .panel-title a {
        padding: 10px;
    }
}

.accordion-section {
    padding-top: 30px;
}

.pse-container .accordion .toggle-header .label {
    position: inherit;
}

    .pse-container .accordion .toggle-header .label .field-heading {
        white-space: normal;
    }

.renew-wrap .about-related-links {
    padding: 0 15px;
}

.about-related-links {
    margin: 0;
    padding: 30px 15px;
}

.related-menu li {
    display: inline-block;
}

    .related-menu li:first-child a {
        border: 0;
        padding-left: 0;
    }

    .related-menu li a {
        border-left: 1px solid #717171;
        color: #1771cc;
        font-size: 16px;
        padding: 0 10px;
    }

.simple-accordion p.collapsed[data-toggle="collapse"]:before {
    content: "\f105";
    font-family: 'FontAwesome';
}

.simple-accordion p[data-toggle="collapse"]:before {
    content: "\f107";
    font-family: 'FontAwesome';
}

.video-gallery {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (max-width: 768px) {
    .video-gallery {
        padding: 30px 25px;
    }
}

.video-gallery .video-title {
    font-size: 24px;
    font-family: "roboto-regular";
}

@media (max-width: 768px) {
    .video-gallery .video-title {
        font-size: 20px;
        font-family: "roboto-medium";
    }
}

.video-gallery .video-slider .slick-slide {
    height: 40px !important;
}

.video-gallery .video-slider .slick-list.draggable {
    height: auto !important;
}

.video-gallery .video-slider .topic-content {
    padding: 0 20px;
}

.video-gallery .video-slider .video-wrapper {
    height: 0;
    padding-bottom: 52.25%;
    16:9 padding-top: 25px;
    position: relative;
}

    .video-gallery .video-slider .video-wrapper video {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.video-gallery .video-slider .slick-arrow {
    border-radius: 50%;
    height: 62px;
    margin-top: -31px;
    top: 34%;
    transform: none;
    width: 62px;
    z-index: 1000;
}

@media (max-width: 768px) {
    .video-gallery .video-slider .slick-arrow {
        height: 30px;
        margin-top: -15px;
        top: 16%;
        width: 30px;
    }
}

.video-gallery .video-slider .slick-arrow::before {
    font-family: 'Fontawesome';
    content: '\f054';
    color: #898f9e;
    font-size: 30px;
}

.video-gallery .video-slider .slick-arrow.slick-next {
    right: -50px;
}

@media (max-width: 768px) {
    .video-gallery .video-slider .slick-arrow.slick-next {
        right: -30px;
    }
}

.video-gallery .video-slider .slick-arrow.slick-next::before {
    content: '\f054';
}

.video-gallery .video-slider .slick-arrow.slick-prev {
    left: -50px;
}

@media (max-width: 768px) {
    .video-gallery .video-slider .slick-arrow.slick-prev {
        left: -30px;
    }
}

.video-gallery .video-slider .slick-arrow.slick-prev::before {
    content: '\f053';
}

.video-gallery .video-slider .slick-current.slick-active {
    height: auto !important;
}

.video-gallery .video-thumbnails .thumb-img {
    border: 2px solid transparent;
    padding: 10px;
}

    .video-gallery .video-thumbnails .thumb-img img {
        height: auto;
        max-width: 100%;
        margin: 0 auto;
    }

.video-gallery .video-thumbnails .slick-current .thumb-img {
    border-color: #dddddd;
}

.video-gallery .video-thumbnails .slick-arrow {
    background: #242424;
    border-radius: 50%;
    height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1000;
}

.video-gallery .video-thumbnails .slick-slide {
    height: auto;
}

.pse-video-gallery .slick-slide img {
    width: 100%;
}

.pse-video-gallery .video-slider .video-wrapper {
    overflow: hidden;
}

.pse-video-gallery .video-placeholder {
    background: #4a4a4a;
    height: 100%;
    width: 100%;
    display: block;
}

.pse-video-gallery .video-thumbnails .thumb-img {
    background-position: center center;
    background-size: cover;
    height: 168px;
    position: relative;
    width: 98% !important;
    border-bottom: 5px solid transparent;
    padding-bottom: 6px;
}

@media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .thumb-img {
        height: 66px;
    }
}

.pse-video-gallery .video-thumbnails .thumb-img img {
    width: 100%;
    height: 160px;
}

.pse-video-gallery .video-thumbnails .thumb-img .play-btn {
    top: 10px;
    color: #fff;
    font-size: 45px;
    left: 10px;
    position: absolute;
}

.pse-video-gallery .video-thumbnails .slick-prev::before {
    content: "\f104";
    font-family: fontAwesome;
    font-size: 44px;
}

.pse-video-gallery .video-thumbnails .slick-next::before {
    content: "\f105";
    font-family: fontAwesome;
    font-size: 44px;
}

.pse-video-gallery .video-thumbnails .slick-current .thumb-img {
    border-bottom: 5px solid #006671;
    padding-bottom: 6px;
}

@media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .slick-current .thumb-img {
        padding-bottom: 1px;
    }
}

.pse-video-gallery .video-thumbnails .slick-current .thumb-img img {
    width: 100%;
}

.pse-video-gallery .video-thumbnails .thumb-img {
    padding: 0 0 0px 0;
    border: none;
}

.pse-video-gallery .video-slider .topic-content {
    padding: 0;
}

.pse-video-gallery .video-slider .slick-arrow.slick-next::before {
    content: "\f105" !important;
    font-size: 60px !important;
}

.pse-video-gallery .video-slider .slick-arrow.slick-prev::before {
    content: "\f104" !important;
    font-size: 60px !important;
}

.pse-video-gallery iframe {
    width: 100%;
    height: 560px;
}

@media (max-width: 768px) {
    .pse-video-gallery iframe {
        height: auto;
    }
}

.pse-video-gallery .transcriptContainer {
    text-align: right;
}

    .pse-video-gallery .transcriptContainer a:focus {
        outline: none;
    }

    .pse-video-gallery .transcriptContainer .collapse {
        border: 1px solid #4a4a4a;
        padding: 10px;
        text-align: left;
    }

.back-next-link .h8 {
    color: #1771cc;
    font-size: 20px;
    text-transform: uppercase;
}

    .back-next-link .h8 a {
        color: #1771cc;
        font-size: 20px;
        text-transform: uppercase;
    }

        .back-next-link .h8 a:hover, .back-next-link .h8 a:focus {
            color: #004A94;
        }

.back-next-link .fa {
    color: #1771cc;
    font-size: 18px;
    margin: 5px 5px 0;
}

.back-submit .h8 {
    display: inline-block;
    margin: 10px 30px 10px 0;
}

    .back-submit .h8 a {
        color: #1771cc;
        font-size: 20px;
    }

        .back-submit .h8 a:hover, .back-submit .h8 a:focus, .back-submit .h8 a:active {
            color: #1771cc;
            outline: 0;
            text-decoration: none;
        }

.back-submit a:hover, .back-submit a:focus, .back-submit a:active {
    color: #fff;
    outline: 0;
}

.manage-rental-datatable {
    margin-top: 15px;
}

    .manage-rental-datatable h5 {
        font-size: 42px;
        font-family: "roboto-light";
        color: #4a4a4a;
    }

@media (max-width: 768px) {
    .manage-rental-datatable h5 {
        font-size: 30px;
    }
}

.manage-rental-datatable p {
    font-family: "roboto-regular";
    font-size: 16px;
    color: #4a4a4a;
}

@media (max-width: 768px) {
    .manage-rental-datatable p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-export-csv {
        display: none;
    }
}

.manage-rental-datatable .table-responsive {
    border: 0;
    margin: 0 0;
}

.manage-rental-datatable .pse-table {
    margin: 30px 0 10px;
}

.manage-rental-datatable #manage-rental-table_filter {
    display: block !important;
    float: left;
    position: relative;
    margin-bottom: 42px;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table_filter {
        width: 100%;
    }
}

.manage-rental-datatable #manage-rental-table_filter label {
    width: 100%;
}

    .manage-rental-datatable #manage-rental-table_filter label.text-hide {
        position: relative;
    }

        .manage-rental-datatable #manage-rental-table_filter label.text-hide span {
            font-size: 20px;
            color: black;
            text-shadow: none;
            background-color: transparent;
            position: absolute;
            right: 15px;
            bottom: 14px;
        }

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table_filter label.text-hide span {
        bottom: 15px;
    }
}

.manage-rental-datatable #manage-rental-table_filter label.text-hide span .fa {
    color: #717171;
}

.manage-rental-datatable #manage-rental-table_filter .table-search {
    width: 494px;
    margin-top: 12px;
    border-radius: 0;
    padding-right: 40px;
    border: 1px solid #9b9b9b;
    height: 48px;
    color: #717171;
    font-size: 18px;
    font-family: "roboto-regular";
    margin-left: 0;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table_filter .table-search {
        width: 100%;
        height: 66px;
    }
}

.manage-rental-datatable #manage-rental-table_filter .table-search::placeholder {
    font-size: 18px;
    font-family: "roboto-regular";
    color: #717171;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table_filter .table-search::placeholder {
        color: #717171;
        font-size: 20px;
        font-family: "roboto-light";
        position: relative;
        top: 8px;
    }
}

.manage-rental-datatable #manage-rental-table_filter .typeahead {
    width: 100%;
    top: 55px;
    border-radius: 0;
}

    .manage-rental-datatable #manage-rental-table_filter .typeahead li a {
        padding: 15px 20px;
        font-size: 18px;
        font-family: "roboto-regular";
        font-weight: bold;
        color: #4a4a4a;
    }

    .manage-rental-datatable #manage-rental-table_filter .typeahead li.active a {
        background-color: #f1f9f8;
    }

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"] .sort-icon::after {
        content: '\f0dc' !important;
    }
}

.manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon {
    border-bottom: 2px solid;
}

    .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon::after {
        content: '\f176' !important;
    }

.manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon {
    border-bottom: 2px solid;
}

    .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon::after {
        content: "" !important;
    }

.manage-rental-datatable #manage-rental-table tbody tr {
    height: 86px;
}

    .manage-rental-datatable #manage-rental-table tbody tr.odd {
        background-color: #f1f9f8;
    }

    .manage-rental-datatable #manage-rental-table tbody tr:hover {
        background-color: inherit;
    }

    .manage-rental-datatable #manage-rental-table tbody tr td {
        padding-left: 27px;
    }

        .manage-rental-datatable #manage-rental-table tbody tr td .select-action select {
            width: 220px;
        }

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table tbody tr td .select-action select {
        width: 100%;
    }
}

.manage-rental-datatable #manage-rental-table tbody tr td .select-action select option {
    overflow-wrap: break-word;
    border: 1px solid #4a4a4a;
}

.manage-rental-datatable #manage-rental-table tbody tr td .form-group {
    margin: 10px 0;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table tbody tr td .form-group {
        padding-right: 15px;
    }
}

.manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow::after {
    bottom: 20px;
    color: #717171;
    content: '\f078';
    font-family: fontawesome;
    font-size: 18px;
    padding-right: 10px;
    pointer-events: none;
    padding-left: 5px;
    position: absolute;
    background-color: white;
    right: 16px;
    margin-right: 6.5px;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow::after {
        right: 10px;
    }
}

.manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow select {
    font-family: "roboto-light";
    font-size: 21px;
    border: 1px solid #979797;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow select {
        padding: 0;
        height: 45px;
    }
}

.manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow.custom-textfield {
    position: relative;
    height: 66px;
    background-color: #fff;
}

.manage-rental-datatable #manage-rental-table tbody tr td.sorting_1 {
    background-color: transparent;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table tbody tr td:not(:first-child) {
        display: none;
    }
}

.manage-rental-datatable #manage-rental-table tbody tr td p {
    color: #4a4a4a;
    font-size: 18px;
    font-family: "roboto-regular";
}

.manage-rental-datatable #manage-rental-table tbody tr td .btn-action {
    font-size: 16px;
    border-radius: 20px;
}

@media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table tbody tr td .btn-action {
        margin-top: 10px;
    }
}

#rental-unit-history-table tbody tr td a.download-rental-bill {
    color: #1771cc;
}

#rental-unit-history-table tbody tr td a.open-rental-inserturl {
    color: #1771cc;
}

#rental-unit-history-table tbody tr td .rental-activity-data {
    font-size: 16px;
    color: #4a4a4a;
}

@media (max-width: 768px) {
    #rental-unit-history-table tbody tr td .rental-activity-data {
        font-size: 14px;
    }

        #rental-unit-history-table tbody tr td .rental-activity-data span {
            display: inline-block;
            vertical-align: top;
        }
}

@media (max-width: 768px) and (max-width: 768px) {
    #rental-unit-history-table tbody tr td .rental-activity-data span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 55%;
    }
}

@media (max-width: 768px) {
    #rental-unit-history-table tbody tr td .pay-link {
        color: #1771cc;
        font-weight: 500;
    }
}

.manage-premises-datatable .manage-btn-wrap {
    text-align: right;
    margin-top: 18px;
}

    .manage-premises-datatable .manage-btn-wrap .pse-btn-secondary a {
        font-size: 20px;
    }

@media (max-width: 768px) {
    .manage-premises-datatable .manage-btn-wrap .pse-btn-secondary a {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .manage-premises-datatable .manage-btn-wrap {
        text-align: center;
    }
}

.manage-premises-datatable .pse-datatable {
    margin: 20px 0 100px;
}

    .manage-premises-datatable .pse-datatable thead th .sort-icon::after {
        margin-left: 5px;
    }

    .manage-premises-datatable .pse-datatable .manage-app-link {
        float: right;
        position: relative;
        top: 20px;
        z-index: 1;
    }

@media (max-width: 768px) {
    .manage-premises-datatable .pse-datatable .manage-app-link.hidden-xs {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .manage-premises-datatable .table-responsive {
        border: 0;
    }
}

.manage-premises-datatable .dataTables_wrapper {
    margin-top: 20px;
}

.manage-premises-datatable .btn-action {
    border-radius: 47px;
    font-size: 18px;
}

@media (max-width: 768px) {
    .manage-premises-datatable .btn-action {
        margin-top: 15px;
    }
}

.manage-premises-datatable #manage-premises-table_filter {
    display: block !important;
    float: left;
    width: 33.5%;
    position: relative;
    bottom: 30px;
}

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table_filter {
        width: 100%;
    }
}

.manage-premises-datatable #manage-premises-table_filter label {
    width: 100%;
    position: relative;
}

    .manage-premises-datatable #manage-premises-table_filter label.text-hide span {
        font-size: 20px;
        color: black;
        text-shadow: none;
        background-color: transparent;
        position: relative;
        left: 100px;
        bottom: 30px;
    }

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table_filter label.text-hide span {
        bottom: 30%;
        left: auto;
        position: absolute;
        right: 5%;
    }
}

.manage-premises-datatable #manage-premises-table_filter label.text-hide span .fa {
    color: #717171;
}

.manage-premises-datatable #manage-premises-table_filter input {
    width: 494px;
    margin-top: 12px;
    border-radius: 0;
    padding-right: 40px;
    border: 1px solid #9b9b9b;
    height: 45px;
    font-size: 18px;
    font-family: "roboto-regular";
    margin-left: 0;
}

    .manage-premises-datatable #manage-premises-table_filter input:placeholder {
        color: #717171;
        font-family: "roboto-light";
        font-size: 20px;
    }

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table_filter input {
        width: 100%;
        height: 66px;
    }
}

.manage-premises-datatable #manage-premises-table_filter .typeahead {
    width: 100%;
    top: 55px;
    border-radius: 0;
}

    .manage-premises-datatable #manage-premises-table_filter .typeahead li a {
        padding: 15px 20px;
        font-size: 18px;
        font-family: "roboto-regular";
        font-weight: bold;
        color: #4a4a4a;
    }

    .manage-premises-datatable #manage-premises-table_filter .typeahead li.active a {
        background-color: #f1f9f8;
    }

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"] .sort-icon::after {
        content: "" !important;
    }
}

.manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon {
    border-bottom: 2px solid;
}

    .manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon::after {
        content: '\f176' !important;
    }

.manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon {
    border-bottom: 2px solid;
}

    .manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon::after {
        content: "" !important;
    }

.manage-premises-datatable #manage-premises-table tbody tr {
    height: 86px;
}

    .manage-premises-datatable #manage-premises-table tbody tr.odd {
        background-color: #f1f9f8;
    }

    .manage-premises-datatable #manage-premises-table tbody tr:hover {
        background-color: inherit;
    }

    .manage-premises-datatable #manage-premises-table tbody tr td .form-control {
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 18px;
        line-height: 1.42857;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .manage-premises-datatable #manage-premises-table tbody tr td .select-action select {
        width: 212px;
    }

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table tbody tr td .select-action select {
        width: 100%;
    }
}

.manage-premises-datatable #manage-premises-table tbody tr td .select-action select option {
    overflow-wrap: break-word;
    border: 1px solid #4a4a4a;
}

.manage-premises-datatable #manage-premises-table tbody tr td .select-action .form-control {
    height: 40px;
}

.manage-premises-datatable #manage-premises-table tbody tr td .form-group {
    margin: 10px 0;
}

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table tbody tr td .form-group {
        padding-right: 15px;
    }
}

.manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow::after {
    bottom: 20px;
    color: #717171;
    content: '\f078';
    font-family: fontawesome;
    font-size: 18px;
    padding-right: 10px;
    pointer-events: none;
    padding-left: 5px;
    position: absolute;
    background-color: white;
    right: 10px;
    margin-right: 6.5px;
}

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow::after {
        right: 10px;
    }
}

.manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow select {
    font-family: "roboto-light";
    font-size: 21px;
    border: 1px solid #979797;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow select {
        font-size: 18px;
        padding: 5px;
        height: 45px;
    }
}

.manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow.custom-textfield {
    position: relative;
    height: 66px;
    background-color: #fff;
}

.manage-premises-datatable #manage-premises-table tbody tr td.sorting_1 {
    background-color: transparent;
}

.manage-premises-datatable #manage-premises-table tbody tr td p {
    color: #4a4a4a;
    font-size: 16px;
    font-family: "roboto-regular";
}

.manage-premises-datatable #manage-premises-table tbody .btn-action {
    font-size: 16px;
    border-radius: 20px;
}

@media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table tbody .btn-action {
        margin-top: 10px;
    }
}

.manage-premises-datatable .title-btn-container .manage-btn-wrap {
    margin-top: 60px;
}

@media (max-width: 768px) {
    .manage-premises-datatable .title-btn-container .manage-btn-wrap {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .manage-premises-datatable .title-btn-container .manage-btn-wrap .pse-form-btn.visible-xs {
        display: block !important;
        margin-top: 20px;
    }
}

#CommonManageMyPremises .main-container {
    margin-bottom: 10px;
}

.progress-tracker {
    position: relative;
    z-index: 1;
    margin-top: 45px;
}

@media (max-width: 767px) {
    .progress-tracker .form-progress-tracker .form-step {
        width: auto;
    }
}

.progress-tracker .form-progress-tracker .form-step .step-status {
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 0;
}

    .progress-tracker .form-progress-tracker .form-step .step-status::before {
        top: 6px;
    }

.progress-tracker .form-progress-tracker .form-step .step-label {
    position: relative;
    display: block;
    margin-left: 46px;
    width: auto;
    text-align: left;
    min-height: 40px;
    max-width: calc(100% - 95px);
    word-wrap: break-word;
}

    .progress-tracker .form-progress-tracker .form-step .step-label::after {
        height: auto;
        width: 55px;
        right: -50px;
        z-index: -1;
    }

    .progress-tracker .form-progress-tracker .form-step .step-label span {
        display: inline-block;
        padding: 0 10px 0 0;
        background: #fff;
        position: relative;
        z-index: 2;
    }

    .progress-tracker .form-progress-tracker .form-step .step-label small {
        color: #717171;
        font-size: 12px;
        font-family: "roboto-medium";
        display: block;
        padding: 0 10px 0 0;
        position: absolute;
        z-index: 1;
    }

.progress-wrapper {
    position: relative;
}

body {
    color: #4a4a4a;
}

.anchor-link {
    font-family: "roboto-medium";
    font-size: 16px;
    color: #1771cc;
    text-decoration-line: underline #1771cc;
}

    .anchor-link:hover {
        color: #1771cc;
        text-decoration-line: underline #1771cc;
    }

.address-detail,
.stop-service-access {
    background-color: #f6f6f6;
    padding: 15px;
}

.stop-service-access {
    display: none;
}

.service-details p {
    margin: 0;
}

    .service-details p:first-of-type {
        font-family: "roboto-medium";
        font-size: 18px;
        border-bottom: 1px solid #d8d8d8;
        padding: 3% 0;
    }

.stopped-services-address .page-title p:first-of-type {
    font-family: "roboto-regular";
    font-size: 18px;
}

.stopped-services-address .page-title .body-xl {
    font-family: "roboto-medium";
    font-size: 20px;
    color: #006671;
}

.back-next-link a:hover {
    text-decoration: none;
    color: #004A94;
}

.btn-description {
    font-family: "roboto-regular";
    font-size: 16px;
    margin-left: 17px;
}

.options-button .btn:active, .options-button .btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.options-button label:not(.error) {
    white-space: normal;
    text-align: left;
    position: relative;
    display: block;
    font-family: "roboto-regular";
    font-size: 16px;
}

    .options-button label:not(.error) .form-check-input {
        position: absolute;
        left: 0;
    }

.options-button .depreciation {
    margin: 27px 0;
}

    .options-button .depreciation a {
        text-decoration: underline;
    }

@media (max-width: 768px) {
    .confirmation-content {
        text-align: center;
    }
}

.mailing-address {
    margin: 0 0 15px;
}

    .mailing-address span {
        display: block;
    }

@media (max-width: 768px) {
    .mailing-address span {
        font-family: "roboto-regular";
        font-size: 18px;
        text-align: center;
    }
}

.stop-date .input-group.date {
    width: 100%;
}

    .stop-date .input-group.date .input-group-addon .fa.fa-calendar:before {
        position: relative;
        z-index: 2;
        top: 0;
        font-size: 20px;
    }

.startservice-common .start-img {
    width: 112px;
    height: 112px;
    position: relative;
    padding: 0;
}

@media (max-width: 768px) {
    .startservice-common .start-img {
        width: 64px;
        height: 64px;
    }
}

.startservice-common .start-img img {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: auto;
    height: 40%;
    max-width: 50%;
}

.startservice-common .start-img .img-active {
    display: none;
}

.startservice-common .start-img .img-inactive {
    display: block;
}

.startservice-common .start-img:hover, .startservice-common .start-img:active, .startservice-common .start-img.active {
    cursor: pointer;
    background-color: #006671;
}

    .startservice-common .start-img:hover .img-active, .startservice-common .start-img:active .img-active, .startservice-common .start-img.active .img-active {
        display: block;
    }

    .startservice-common .start-img:hover .img-inactive, .startservice-common .start-img:active .img-inactive, .startservice-common .start-img.active .img-inactive {
        display: none;
    }

.nobullet .service-bullets .pse-bullet li::before {
    height: 0;
}

.service-bullets .body-l {
    font-family: "roboto-condensed-bold";
    font-size: 18px;
}

.service-bullets .lists > p {
    margin: 0;
    font-family: "roboto-regular";
    font-size: 18px;
}

.service-bullets .pse-bullet li {
    font-family: "roboto-regular";
    font-size: 18px;
}

.pse-bullet li {
    line-height: 25px;
    font-size: 16px;
}

@media (max-width: 768px) {
    .stop-confirmation-res .mailing-address span,
    .stop-confirmation-biz .mailing-address span,
    .move-service-confirmation-biz .mailing-address span,
    .move-service-confirmation-res .mailing-address span,
    .move-service-confirmation-ll .mailing-address span,
    .stopconfirmation-biz .mailing-address span,
    .stopconfirmation-res .mailing-address span,
    .stopconfirmation-ll .mailing-address span,
    .start-confirmation .mailing-address span {
        font-family: "roboto-regular";
        font-size: 16px;
        text-align: left;
    }
}

.stop-confirmation-res .service-bullets .body-l,
.stop-confirmation-biz .service-bullets .body-l,
.move-service-confirmation-biz .service-bullets .body-l,
.move-service-confirmation-res .service-bullets .body-l,
.move-service-confirmation-ll .service-bullets .body-l,
.stopconfirmation-biz .service-bullets .body-l,
.stopconfirmation-res .service-bullets .body-l,
.stopconfirmation-ll .service-bullets .body-l,
.start-confirmation .service-bullets .body-l {
    font-family: "roboto-medium";
    font-size: 18px;
}

.stop-confirmation-res .service-bullets .lists > p,
.stop-confirmation-biz .service-bullets .lists > p,
.move-service-confirmation-biz .service-bullets .lists > p,
.move-service-confirmation-res .service-bullets .lists > p,
.move-service-confirmation-ll .service-bullets .lists > p,
.stopconfirmation-biz .service-bullets .lists > p,
.stopconfirmation-res .service-bullets .lists > p,
.stopconfirmation-ll .service-bullets .lists > p,
.start-confirmation .service-bullets .lists > p {
    font-family: "roboto-medium";
}

.stop-confirmation-res .mailing-address .address,
.stop-confirmation-biz .mailing-address .address,
.move-service-confirmation-biz .mailing-address .address,
.move-service-confirmation-res .mailing-address .address,
.move-service-confirmation-ll .mailing-address .address,
.stopconfirmation-biz .mailing-address .address,
.stopconfirmation-res .mailing-address .address,
.stopconfirmation-ll .mailing-address .address,
.start-confirmation .mailing-address .address {
    margin-top: 20px;
}

.stop-confirmation-res .sservice-info .services,
.stop-confirmation-biz .sservice-info .services,
.move-service-confirmation-biz .sservice-info .services,
.move-service-confirmation-res .sservice-info .services,
.move-service-confirmation-ll .sservice-info .services,
.stopconfirmation-biz .sservice-info .services,
.stopconfirmation-res .sservice-info .services,
.stopconfirmation-ll .sservice-info .services,
.start-confirmation .sservice-info .services {
    margin-top: 20px;
}

.stop-confirmation-res .anchor-link,
.stop-confirmation-biz .anchor-link,
.move-service-confirmation-biz .anchor-link,
.move-service-confirmation-res .anchor-link,
.move-service-confirmation-ll .anchor-link,
.stopconfirmation-biz .anchor-link,
.stopconfirmation-res .anchor-link,
.stopconfirmation-ll .anchor-link,
.start-confirmation .anchor-link {
    margin: 20px;
    display: inline-block;
}

.stop-confirmation-res .navigation-list ul.pse-bullet li a,
.stop-confirmation-biz .navigation-list ul.pse-bullet li a,
.move-service-confirmation-biz .navigation-list ul.pse-bullet li a,
.move-service-confirmation-res .navigation-list ul.pse-bullet li a,
.move-service-confirmation-ll .navigation-list ul.pse-bullet li a,
.stopconfirmation-biz .navigation-list ul.pse-bullet li a,
.stopconfirmation-res .navigation-list ul.pse-bullet li a,
.stopconfirmation-ll .navigation-list ul.pse-bullet li a,
.start-confirmation .navigation-list ul.pse-bullet li a {
    color: #197ee3;
    font-family: "roboto-medium";
    font-size: 18px;
    border-bottom: 1px solid #197ee3;
}

    .stop-confirmation-res .navigation-list ul.pse-bullet li a:hover,
    .stop-confirmation-biz .navigation-list ul.pse-bullet li a:hover,
    .move-service-confirmation-biz .navigation-list ul.pse-bullet li a:hover,
    .move-service-confirmation-res .navigation-list ul.pse-bullet li a:hover,
    .move-service-confirmation-ll .navigation-list ul.pse-bullet li a:hover,
    .stopconfirmation-biz .navigation-list ul.pse-bullet li a:hover,
    .stopconfirmation-res .navigation-list ul.pse-bullet li a:hover,
    .stopconfirmation-ll .navigation-list ul.pse-bullet li a:hover,
    .start-confirmation .navigation-list ul.pse-bullet li a:hover {
        text-decoration: none;
    }

.stop-confirmation-res .buttonaction,
.stop-confirmation-biz .buttonaction,
.move-service-confirmation-biz .buttonaction,
.move-service-confirmation-res .buttonaction,
.move-service-confirmation-ll .buttonaction,
.stopconfirmation-biz .buttonaction,
.stopconfirmation-res .buttonaction,
.stopconfirmation-ll .buttonaction,
.start-confirmation .buttonaction {
    display: inline-block;
    margin-right: 20px;
}

@media (max-width: 768px) {
    .stop-confirmation-res .buttonaction,
    .stop-confirmation-biz .buttonaction,
    .move-service-confirmation-biz .buttonaction,
    .move-service-confirmation-res .buttonaction,
    .move-service-confirmation-ll .buttonaction,
    .stopconfirmation-biz .buttonaction,
    .stopconfirmation-res .buttonaction,
    .stopconfirmation-ll .buttonaction,
    .start-confirmation .buttonaction {
        display: block;
        margin-bottom: 20px;
    }
}

.stop-confirmation-res .mad-wrapper,
.stop-confirmation-biz .mad-wrapper,
.move-service-confirmation-biz .mad-wrapper,
.move-service-confirmation-res .mad-wrapper,
.move-service-confirmation-ll .mad-wrapper,
.stopconfirmation-biz .mad-wrapper,
.stopconfirmation-res .mad-wrapper,
.stopconfirmation-ll .mad-wrapper,
.start-confirmation .mad-wrapper {
    display: inline-block;
    margin: 20px 0;
}

.terms {
    font-family: "roboto-regular";
    font-size: 16px;
    color: #197ee3;
    display: inline-block;
    margin: 10px 0;
}

.buttonaction .btn-action {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    background-color: #1771cc;
    color: #fff;
}

.terms-condition .form-check.custom-checkbox {
    margin: 5px 0;
    padding-left: 0;
}

    .terms-condition .form-check.custom-checkbox label {
        border-color: transparent;
        background-color: transparent;
    }

        .terms-condition .form-check.custom-checkbox label:active, .terms-condition .form-check.custom-checkbox label:hover {
            outline: 0;
            box-shadow: none;
            border-color: transparent;
            background-color: transparent;
        }

        .terms-condition .form-check.custom-checkbox label .form-check-label {
            display: block;
            white-space: normal;
            text-align: left;
            color: #4a4a4a;
            font-family: "roboto-regular";
            font-size: 14px;
            margin-left: 35px;
        }

    .terms-condition .form-check.custom-checkbox .checkmark {
        position: absolute;
        top: 5px;
        left: 0;
    }

.stop-confirmation-summary .credit {
    font-family: "roboto-medium";
    font-size: 18px;
}

.start-confirmation .pse-bullet .fa {
    margin-right: 10px;
}

    .start-confirmation .pse-bullet .fa:before {
        margin-top: 0;
    }

.start-confirmation .pse-bullet .fa-ban:before {
    color: #ed9f1b;
}

.start-confirmation .pse-bullet .fa-check-circle:before {
    color: #b8c42e;
}

.stop-service-confirmation-screen .confirmation-img {
    margin: 40px 0;
}

.stop-update-mailing-address .buttonaction {
    display: inline-block;
    margin-right: 20px;
}

.print {
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    margin-bottom: 15px;
    cursor: pointer;
}

    .print.hidden-xs {
        position: absolute;
        top: 0;
        right: 0;
    }

@media (max-width: 767px) {
    .no-padding-xs {
        padding: 0;
    }
}

.page-title {
    margin-top: 30px;
}

.payments-dates .stop-header {
    margin-top: 0;
}

.rebates-tile-wrapper {
    margin: 65px 0;
}

    .rebates-tile-wrapper.appliance {
        margin: 45px 0 0;
    }

@media (max-width: 768px) {
    .rebates-tile-wrapper.appliance {
        margin-bottom: 0;
    }
}

.rebates-tile-wrapper.appliance .rebates-tiles {
    margin-bottom: 36px;
}

    .rebates-tile-wrapper.appliance .rebates-tiles .media-left,
    .rebates-tile-wrapper.appliance .rebates-tiles .media-body {
        display: inline-block;
    }

    .rebates-tile-wrapper.appliance .rebates-tiles .media-left {
        padding-right: 23px;
    }

@media (max-width: 767px) {
    .rebates-tile-wrapper.appliance .rebates-tiles .media-left {
        padding-right: 10px;
    }
}

.rebates-tile-wrapper.appliance .rebates-tiles .media-body {
    width: 56%;
}

.rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper {
    width: 215px;
    height: 140px;
}

@media (max-width: 767px) {
    .rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper {
        width: 105px;
        height: 68px;
    }

        .rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper img {
            width: 35px;
        }
}

.rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper {
    margin-top: 0;
}

    .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .tile-header {
        font-size: 24px;
    }

@media (max-width: 767px) {
    .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .tile-header {
        font-size: 20px;
    }
}

.rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary {
    color: #1771cc;
    display: block;
    font-size: 20px;
}

@media (max-width: 767px) {
    .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary {
        margin-top: 0;
    }
}

.rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary:hover, .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary:focus {
    color: #004A94;
    text-decoration: none;
}

.rebates-tile-wrapper.appliance .greenpower {
    margin-bottom: 0;
}

.rebates-tile-wrapper .rebates-tiles {
    color: #4a4a4a;
    margin-bottom: 42px;
}

    .rebates-tile-wrapper .rebates-tiles .tile-img-wrapper {
        width: 260px;
        border: 1px solid #d8d8d8;
        height: 175px;
        background: #f0f0f0;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper .tile-header {
        font-size: 19px;
        font-weight: 300;
        line-height: 1;
        font-family: "roboto-light";
    }

    .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper .tile-description {
        font-size: 16px;
        line-height: 1.25;
    }

.rebates-tile-link {
    display: inline-block;
}

.rebates-contact-us {
    background-color: #e5f6fa;
    padding: 30px 34px;
    text-align: center;
    word-break: break-word;
}

@media (max-width: 768px) {
    .rebates-contact-us {
        margin-bottom: 81px;
    }
}

.rebates-contact-us.carbon-balance-box .contact-img .bg-circle img {
    width: 21px;
    margin-top: 10px;
}

.rebates-contact-us .contact-img .bg-circle {
    border: 2px solid #00a6cf;
    width: 54px;
    height: 54px;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle;
}

    .rebates-contact-us .contact-img .bg-circle img {
        width: 24px;
        margin-top: 14px;
    }

.rebates-contact-us .media-left {
    padding-right: 15px;
}

.rebates-contact-us .media-body {
    vertical-align: middle;
}

    .rebates-contact-us .media-body .h8 {
        letter-spacing: .1px;
        margin-bottom: 0;
        text-align: left;
    }

.rebates-contact-us p {
    color: #4a4a4a;
}

.rebates-contact-us .btn-inactive {
    background: transparent;
    font-size: 20px;
}

    .rebates-contact-us .btn-inactive:hover, .rebates-contact-us .btn-inactive:focus {
        background-color: #004A94;
        border-color: #004A94;
        color: #fff;
        outline: none;
    }

.rebates-description {
    margin-top: 30px;
}

    .rebates-description p {
        color: #4a4a4a;
        line-height: 1.22;
        font-size: 18px;
    }

@media (max-width: 991px) {
    .rebates-description p {
        font-size: 16px;
    }
}

.rebates-banner {
    position: relative;
}

    .rebates-banner img {
        height: 180px;
        width: 100%;
    }

    .rebates-banner h2 {
        color: #fff;
        font-weight: 300;
        position: absolute;
        bottom: 10px;
    }

.qualify-header {
    margin: 23px 0;
}

.rebates-qualify .qualify-tile {
    margin-bottom: 60px;
}

    .rebates-qualify .qualify-tile .media-left {
        padding-right: 30px;
    }

        .rebates-qualify .qualify-tile .media-left img {
            width: 40px;
        }

    .rebates-qualify .qualify-tile .rebates-qualify-content .h7 {
        line-height: 18px;
        margin-top: 0;
    }

    .rebates-qualify .qualify-tile .rebates-qualify-content a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-weight: 500;
        font-size: 16px;
    }

    .rebates-qualify .qualify-tile .rebates-qualify-content .p {
        color: #4a4a4a;
    }

    .rebates-qualify .qualify-tile .rebates-qualify-content .rebates-readmore-btn {
        cursor: pointer;
    }

.rebates-applynow {
    background-color: #f6f6f6;
    padding: 24px 40px 30px;
}

@media (max-width: 767px) {
    .rebates-applynow {
        padding: 24px 20px 30px;
    }
}

.rebates-applynow h5 {
    margin-bottom: 24px;
}

.rebates-applynow .pse-link-primary {
    color: #1771cc;
    line-height: 2.5;
    margin-left: 50px;
}

    .rebates-applynow .pse-link-primary:hover, .rebates-applynow .pse-link-primary:focus {
        color: #004A94;
        text-decoration: none;
    }

@media (max-width: 767px) {
    .rebates-applynow .pse-link-primary {
        margin-left: 30px;
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .rebates-applynow .pse-link-primary {
        margin-left: 90px;
        width: 100%;
        white-space: nowrap;
    }
}

.rebates-applynow p a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-weight: 500;
    font-size: 16px;
}

.rebates-applynow .btn-action {
    font-family: "roboto-condensed-bold";
    padding: 7px 10px;
    width: 294px;
}

@media (max-width: 767px) {
    .rebates-applynow .btn-action {
        width: auto;
        font-size: 18px;
        padding: 5px 16px;
    }
}

@media (max-width: 767px) {
    .rebates-applynow .btn-wrapper {
        text-align: center;
    }

        .rebates-applynow .btn-wrapper .print-rebate-btn {
            text-align: left;
            margin-top: 8px;
        }
}

.rebates-availabletile .media-left {
    padding-right: 20px;
}

.rebates-availabletile .media-body {
    color: #4a4a4a;
    vertical-align: middle;
}

    .rebates-availabletile .media-body .body-l {
        font-family: "roboto-regular";
        font-size: 16px;
        line-height: 1.26;
    }

    .rebates-availabletile .media-body .definition {
        font-size: 14px;
        line-height: 1.21;
    }

.rebates-available-header {
    margin-top: 20px;
    margin-bottom: 25px;
}

.rebates-content .rebates-contact-us {
    margin-bottom: 99px;
}

.energy-advisor {
    background: #f6f6f6;
    margin: 30px 0 121px 0;
    padding: 31px 40px;
}

    .energy-advisor .h8 {
        font-family: "roboto-medium";
        font-weight: 500;
    }

    .energy-advisor .form-main {
        margin-bottom: 0;
    }

        .energy-advisor .form-main .btn-action {
            margin-top: 7px;
        }

        .energy-advisor .form-main select::-ms-expand {
            display: none;
        }

@media (max-width: 767px) {
    .energy-advisor .form-main select {
        padding-right: 50px;
    }
}

.energy-advisor .form-main textarea {
    color: #4a4a4a;
    font-size: 20px;
    font-family: "roboto-light";
    border-radius: 0;
    resize: none;
}

    .energy-advisor .form-main textarea:focus {
        border-color: #979797;
        box-shadow: none;
    }

.rebates-energy-confirmation {
    margin-bottom: 123px;
}

    .rebates-energy-confirmation .margin-md-top {
        margin-top: 60px;
    }

    .rebates-energy-confirmation span {
        font-family: "roboto-medium";
    }

        .rebates-energy-confirmation span.title {
            vertical-align: top;
        }

        .rebates-energy-confirmation span.description {
            width: 70%;
            vertical-align: bottom;
            font-family: "roboto-regular";
        }

@media (max-width: 767px) {
    .rebates-energy-confirmation span.description {
        width: 100%;
    }
}

.rebates-energy-confirmation p {
    color: #4a4a4a;
    font-family: "roboto-regular";
    line-height: 16px;
    letter-spacing: 0.1px;
}

.can-portal .can-portal-iframe {
    border: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
    padding-bottom: 30px;
}

    .can-portal .can-portal-iframe select {
        -webkit-appearance: none;
    }

.renewables-calculator {
    background: #f6f6f6;
    padding: 31px 40px;
}

@media (max-width: 991px) {
    .renewables-calculator {
        padding: 31px 15px;
        margin-bottom: 15px;
    }

        .renewables-calculator .custom-textfield {
            margin-left: 15px;
            margin-right: 15px;
        }
}

.renewables-calculator form {
    margin-bottom: 0;
}

    .renewables-calculator form .h8 {
        font-family: "roboto-medium";
        font-weight: 500;
        line-height: 1.1;
    }

    .renewables-calculator form .body-l {
        color: #4a4a4a;
        font-family: "roboto-regular";
        font-size: 15px;
        margin-bottom: 6px;
        line-height: 1.44;
    }

@media (max-width: 991px) {
    .renewables-calculator form .body-l {
        padding-left: 15px;
    }
}

@media (max-width: 991px) {
    .renewables-calculator form .padding-adjust-right {
        padding: 0;
    }
}

.renewables-calculator form .or-wrapper {
    position: relative;
}

    .renewables-calculator form .or-wrapper .body-xl {
        position: absolute;
        top: 14px;
    }

@media (max-width: 991px) {
    .renewables-calculator form .or-wrapper .body-xl {
        position: initial;
        text-align: center;
        margin-bottom: 15px;
    }
}

.renewables-calculator form .custom-select-arrow::after {
    bottom: 5px;
    padding-right: 17px;
    right: 0;
}

.renewables-calculator form .btn-action {
    margin-top: 8px;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 1.65;
    padding: 5px 50px;
}

.renewables-calculator form a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 14px;
}

.renewables-calculator form .custom-checkbox .form-check-label a {
    color: #1771cc;
}

@media (max-width: 767px) {
    .renewables-calculator form .btn-wrapper {
        text-align: center;
    }
}

.renewables-calculator form select {
    padding-right: 40px;
}

    .renewables-calculator form select::-ms-expand {
        display: none;
    }

.renewables-calculator form .custom-textfield select {
    padding-right: 40px;
}

.renewables-calculator form .custom-checkbox .errorMessage {
    top: -5px;
}

.renewables-calculator.green-power .body-l {
    font-size: 18px;
}

@media (max-width: 991px) {
    .renewables-calculator.green-power .body-l {
        padding-left: 0;
    }
}

.renewables-calculator.green-power a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 14px;
}

.renewables-calculator.green-power .btn-action {
    margin: 3px 0 14px 0;
}

.renewables-calculator.green-power .btn {
    font-size: 20px;
}

@media (max-width: 767px) {
    .renewables-calculator.green-power .btn {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .renewables-calculator.green-power .custom-textfield {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .renewables-calculator.green-power .md-top.h8 {
        margin-top: 20px;
    }
}

.renewables-calculator p {
    color: #4a4a4a;
}

.renewables-calculator #renewablesManageLanding select[disabled] {
    cursor: not-allowed;
}

.renewables-calculator-results {
    margin-bottom: 72px;
}

@media (max-width: 991px) {
    .renewables-calculator-results {
        margin-bottom: 10px;
    }
}

.renewables-calculator-results .h7 {
    margin-top: 0;
}

.renewables-calculator-results .results-wrapper {
    background-color: #f6f6f6;
    padding: 24px 20px 23px 40px;
}

    .renewables-calculator-results .results-wrapper .body-xl {
        color: #4a4a4a;
    }

@media (max-width: 767px) {
    .renewables-calculator-results .results-wrapper .btn-wrapper {
        text-align: center;
    }
}

.renewables-calculator-results .results-wrapper .btn-wrapper .btn-action {
    font-size: 20px;
}

@media (max-width: 767px) {
    .renewables-calculator-results .results-wrapper .btn-wrapper .btn-action {
        font-size: 16px;
    }
}

.renewables-calculator-results .results-wrapper .renewables-results .media-left {
    padding-top: 10px;
    padding-right: 17px;
}

@media (max-width: 991px) {
    .renewables-calculator-results .results-wrapper .renewables-results .media-left img {
        width: 25px;
    }
}

.renewables-calculator-results .results-wrapper .renewables-results .media-body {
    word-break: break-word;
}

    .renewables-calculator-results .results-wrapper .renewables-results .media-body .h5 {
        font-family: "roboto-regular";
        margin: 0 0 11px 0;
    }

    .renewables-calculator-results .results-wrapper .renewables-results .media-body p {
        color: #4a4a4a;
    }

#renewableTermsConditions .modal-footer .btn-wrapper {
    text-align: center;
}

    #renewableTermsConditions .modal-footer .btn-wrapper .btn {
        font-family: "roboto-condensed-bold";
        font-size: 20px;
    }

.enroll-green-power {
    color: #4a4a4a;
}

    .enroll-green-power ul {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.1px;
        list-style: disc;
        margin-left: 75px;
    }

@media (max-width: 768px) {
    .enroll-green-power ul {
        margin-left: 19px;
    }
}

.enroll-green-power .body-l {
    font-family: "roboto-regular";
}

    .enroll-green-power .body-l a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: 18px;
    }

#renewablesGreenPowerSolarChoice select[disabled] {
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .greenpower-solar-emission .image-wrapper img {
        width: 80%;
    }
}

.greenpower-solar-emission p {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 1.22;
}

.see-difference h6 {
    color: #4a4a4a;
    font-family: "roboto-regular";
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .see-difference img {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .energy-certify .rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper img {
        width: 90%;
    }
}

.energy-certify .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary {
    display: none;
}

@media (max-width: 768px) {
    .green-solar .rebates-contact-us {
        margin: 30px 0;
    }
}

#renewablesEnrollCarbonBalance .btn {
    white-space: normal;
    margin-top: 0;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
    width: 100%;
}

@media (max-width: 767px) {
    #renewablesEnrollCarbonBalance .btn.btn-inactive {
        margin-top: 10px;
    }
}

#renewablesHomeEnergyAssessment .mandatory {
    color: #d0021b;
}

#renewablesHomeEnergyAssessment .divider-line {
    margin-top: 0;
}

@media (max-width: 991px) {
    #renewablesHomeEnergyAssessment .custom-textfield {
        margin-left: 0;
        margin-right: 0;
    }
}

#renewablesManageCarbonBalance .confirm-accountInfo {
    padding: 0;
    margin: 0;
}

.confirmUnenroll {
    margin-top: 35px;
    margin-bottom: 50px;
}

.carbon-banner {
    position: relative;
}

    .carbon-banner img {
        width: 750px;
        height: 315px;
    }

@media (max-width: 991px) {
    .carbon-banner img {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .carbon-banner img {
        width: 620px;
        height: 346px;
    }
}

.carbon-banner .carbon-title {
    position: absolute;
    bottom: 14.5px;
    left: 31px;
}

    .carbon-banner .carbon-title h2 {
        color: #fff;
        margin: 0 -2px 0;
        font-size: 42px;
    }

    .carbon-banner .carbon-title p {
        font-family: "roboto-light";
        font-size: 24px;
        color: #fff;
    }

.banner-gradient .carbon-title {
    padding: 0 31px;
    background-image: linear-gradient(rgba(255, 255, 255, 0) -2%, black);
    display: block;
    position: absolute;
    height: 100px;
    left: 0;
    content: '';
    background-blend-mode: multiply;
    bottom: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .banner-gradient .carbon-title {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-gradient .carbon-title {
        height: 70px;
    }
}

@media (max-width: 767px) {
    .banner-gradient .carbon-title h2 {
        padding-bottom: 15px;
        font-size: 38px;
    }
}

.carbon-description {
    margin-top: 30px;
}

    .carbon-description p {
        font-size: 16px;
        line-height: 1.22;
        color: #4a4a4a;
    }

    .carbon-description .mar-top {
        margin-top: 45px;
    }

@media (max-width: 767px) {
    .carbon-description .btn-wrapper {
        text-align: center;
    }
}

.carbon-bottom-desc {
    margin: 30px 0 60px;
}

    .carbon-bottom-desc p {
        color: #4a4a4a;
        font-size: 18px;
        line-height: 1.22;
    }

    .carbon-bottom-desc .carbon-feature {
        margin-bottom: 22px;
    }

        .carbon-bottom-desc .carbon-feature h5 {
            font-family: "roboto-regular";
            margin-bottom: 5px;
        }

    .carbon-bottom-desc .carbon-details p:first-child {
        font-family: "roboto-medium";
        font-size: 20px;
        font-weight: 500;
    }

.carbon-enroll {
    box-shadow: none;
    width: 186px;
    height: 43px;
    border-radius: 47px;
    background-color: #1771cc;
    color: #fff;
    padding: 2px 0;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    font-weight: bold;
    line-height: 1.65;
    margin-top: 17px;
}

.carbon-balance-box {
    padding: 44.4px 23px 42px 23px;
}

@media (max-width: 991px) {
    .carbon-balance-box {
        margin-bottom: 0;
        margin-top: 20px;
    }
}

.carbon-balance-box p {
    margin-top: 20px;
}

.carbon-balance-box .btn-inactive {
    margin-top: 33px;
    line-height: 1.65;
    font-weight: bold;
    padding: 1px 30px;
}

    .carbon-balance-box .btn-inactive:active {
        box-shadow: none;
    }

    .carbon-balance-box .btn-inactive:focus {
        outline: none;
    }

@media (max-width: 767px) {
    .carbon-balance-box .btn-inactive {
        font-size: 16px;
    }
}

.unenroll-contact {
    padding-bottom: 34px;
}

    .unenroll-contact p {
        margin: 11px 0 5px 0;
    }

    .unenroll-contact .btn-inactive {
        padding: 3px 30px;
    }

.renewp {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.22;
}

.confirm-title h4 {
    margin-top: 27px;
}

.confirm-title .waitlist-img {
    background: #00a6cf;
    width: 69px;
    height: 69px;
    display: inline-block;
    border-radius: 40px;
    text-align: center;
    vertical-align: middle;
}

    .confirm-title .waitlist-img img {
        width: 32px;
        margin-top: 19px;
    }

.confirm-title.choice {
    background-color: #EAF8FB;
    padding: 1px 20px 13px 20px;
    margin: 6px 0;
    position: relative;
}

@media (max-width: 767px) {
    .confirm-title.choice {
        padding: 15px 20px 13px 20px;
    }
}

.confirm-title.choice .media-left,
.confirm-title.choice .media-body {
    vertical-align: middle;
}

.confirm-title.choice .media-left {
    padding-right: 21px;
}

@media (max-width: 767px) {
    .confirm-title.choice .media-left {
        vertical-align: top;
    }
}

.confirm-title.choice h5 {
    margin: 0 0 5px 0;
}

.confirm-title.choice a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 18px;
}

.confirm-title.choice .close-field {
    color: #4a4a4a;
    cursor: pointer;
    font-size: 22px;
    font-weight: normal;
    position: absolute;
    right: 22px;
    top: 0;
}

@media (max-width: 767px) {
    .confirm-title.choice .close-field {
        right: 16px;
        top: 0;
    }
}

.confirm-accountInfo {
    background-color: #f6f6f6;
    display: inline-block;
    width: 100%;
    margin-top: 33px;
    padding: 30px 30px 44px 38px;
}

@media (max-width: 767px) {
    .confirm-accountInfo {
        padding: 30px 10px 38px;
    }

        .confirm-accountInfo .btn-wrapper {
            text-align: center;
        }
}

@media (max-width: 991px) {
    .confirm-accountInfo {
        margin: 33px 0;
    }
}

.confirm-accountInfo .unenroll-info {
    display: inline-block;
    width: 100%;
}

    .confirm-accountInfo .unenroll-info .h7 {
        font-family: "roboto-regular";
        margin-bottom: 5px;
    }

    .confirm-accountInfo .unenroll-info .acc-info {
        margin-bottom: 16px;
    }

        .confirm-accountInfo .unenroll-info .acc-info span {
            font-family: "roboto-medium";
            font-size: 16px;
            line-height: 1;
            font-weight: 500;
            color: #4a4a4a;
        }

        .confirm-accountInfo .unenroll-info .acc-info p {
            color: #4a4a4a;
            margin-bottom: 0;
        }

.confirm-accountInfo .unenroll-btn {
    box-shadow: none;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 1.65;
    font-weight: bold;
    color: #fff;
    background-color: #1771cc;
    border-radius: 47px;
    border: 0;
    padding: 4px 20px;
    margin: 36px 0 12px;
}

@media (max-width: 767px) {
    .confirm-accountInfo .unenroll-btn {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .confirm-accountInfo .enroll-balance {
        text-align: center;
    }
}

.confirm-accountInfo .enroll-balance .btn {
    background-color: transparent;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    line-height: 1.65;
    color: #1771cc;
    font-size: 20px;
    text-decoration: none;
}

    .confirm-accountInfo .enroll-balance .btn:focus {
        outline: 0;
    }

@media (max-width: 767px) {
    .confirm-accountInfo .enroll-balance .btn {
        font-size: 18px;
    }
}

.confirm-accountInfo .enroll-balance .btn .fa-chevron-right {
    color: #1771cc;
    font-size: 18px;
    padding-left: 10px;
}

.confirm-accountInfo .enroll-balance .fa-chevron-right {
    color: #1771cc;
    font-size: 18px;
    padding-left: 10px;
}

.confirm-accountInfo .btn-action {
    font-size: 20px;
}

@media (max-width: 767px) {
    .confirm-accountInfo .btn-action {
        font-size: 16px;
    }
}

.confirm-accountInfo.confirm-waitlist {
    margin-top: 0;
}

@media (max-width: 991px) {
    .confirm-accountInfo.confirm-waitlist {
        margin-bottom: 10px;
    }
}

.confirm-accountInfo.confirm-waitlist h5 {
    font-family: "roboto-regular";
    margin-bottom: 0;
}

.confirm-accountInfo.confirm-waitlist .divider-line {
    background-color: #d8d8d8;
    margin-bottom: 0;
}

.renewables-waitlist .print {
    padding-right: 0;
}

.error-carbon-balance .pse-link-primary {
    color: #1771cc;
    font-size: 20px;
}

.heading-wrap {
    margin-top: 30px;
}

.construction-process .usage-chart {
    width: 130px;
}

.construction-process img {
    max-width: 100%;
    width: 100%;
}

.construction-services.banner-gradient {
    position: relative;
}

.construction-services .construction-img {
    width: 100%;
}

.construction-services .text-block {
    position: absolute;
    top: 230px;
    color: #fff;
    padding: 0 10px;
}

    .construction-services .text-block.carbon-title {
        padding: 0 31px;
        height: 170px;
    }

@media (max-width: 768px) {
    .construction-services .text-block.carbon-title {
        bottom: 0;
        top: inherit;
        height: 140px;
    }
}

@media (max-width: 768px) {
    .construction-services .text-block {
        top: 130px;
    }
}

.construction-services .text-block .description {
    font-family: "roboto-regular";
    font-size: 18px;
    color: #fff;
}

@media (max-width: 768px) {
    .construction-services .text-block .description {
        color: #fff;
        font-size: 14px;
    }
}

.construction-services .text-block h2 {
    font-size: 30px;
    color: #fff;
}

@media (max-width: 768px) {
    .construction-services .text-block h2 {
        font-size: 22px;
        padding: 0;
    }
}

.constructor-video .separator {
    padding: 0;
}

.construction-service-landing .media-card-section {
    margin: 0;
}

@media (max-width: 768px) {
    .construction-service-landing .media-card-section {
        margin-bottom: 0;
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .construction-service-landing .media-card-section {
        margin-top: 40px;
    }
}

.construction-service-landing .media-card-section .media-body p {
    color: #4a4a4a;
}

@media (max-width: 768px) {
    .construction-service-landing .media-card-section .media-body p {
        font-size: 14px;
    }
}

.construction-service-landing .constructionserv-media {
    margin: 40px 10px;
}

    .construction-service-landing .constructionserv-media .pse-link-primary {
        font-size: 20px;
        font-family: "roboto-condensed-bold";
        color: #1771cc;
    }

.separator-constructor .pse-link-primary {
    font-size: 20px;
    font-family: "roboto-condensed-bold";
    color: #1771cc;
}

@media (max-width: 768px) {
    .construction-action-ribbon.call-to-action {
        display: none;
    }
}

.construction-action-ribbon.call-to-action .call-to-action-item .component-content a {
    text-decoration: none;
}

    .construction-action-ribbon.call-to-action .call-to-action-item .component-content a:hover, .construction-action-ribbon.call-to-action .call-to-action-item .component-content a:focus {
        text-decoration: none;
        color: transparent;
    }

    .construction-action-ribbon.call-to-action .call-to-action-item .component-content a .call-to-action-icon {
        min-height: 52px;
    }

.construction-steps-page {
    margin-bottom: 36px;
}

    .construction-steps-page .account-header h4 {
        font-family: "roboto-light";
        font-size: 42px;
        margin-top: 56px;
    }

@media (max-width: 767px) {
    .construction-steps-page .account-header h4 {
        margin-top: 35px;
    }
}

@media (max-width: 768px) {
    .construction-steps-page h4 {
        font-family: "roboto-light";
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .construction-steps-page .call-to-action {
        display: none;
    }
}

.construction-steps-page .call-to-action .call-to-action-item .component-content a {
    text-decoration: none;
}

    .construction-steps-page .call-to-action .call-to-action-item .component-content a:hover, .construction-steps-page .call-to-action .call-to-action-item .component-content a:focus {
        text-decoration: none;
        color: transparent;
    }

    .construction-steps-page .call-to-action .call-to-action-item .component-content a .call-to-action-icon {
        min-height: 52px;
    }

.construction-steps-page p {
    font-size: 18px;
    color: #4a4a4a;
    font-family: "roboto-regular";
}

@media (max-width: 768px) {
    .construction-steps-page p {
        font-size: 16px;
        color: #4a4a4a;
        font-family: "roboto-regular";
    }
}

.construction-steps-page p a {
    color: #1771cc;
    font-size: 18px;
    text-decoration: underline;
    font-family: "roboto-medium";
}

    .construction-steps-page p a:hover {
        color: #1771cc;
        text-decoration: underline;
    }

.constructor-article .featured-item-content {
    font-size: 20px;
}

.constructor-article .pse-link-primary {
    font-size: 20px;
    font-family: "roboto-condensed-bold";
}

.constructor-article .outage-related-links li a {
    border-left: 2px solid #717171;
}

.technical-resources .pse-datatable {
    margin: 30px 0;
}

.technical-resources .account-header {
    margin: 0;
}

    .technical-resources .account-header p {
        font-size: 18px;
        color: #4a4a4a;
    }

@media (max-width: 768px) {
    .technical-resources .account-header p {
        font-size: 16px;
    }
}

.technical-resources .account-header .pse-link-primary {
    font-size: 20px;
    color: #1771cc;
}

.technical-resources .article-tiles-content h3 {
    font-size: 24px;
}

@media (max-width: 768px) {
    .technical-resources .article-tiles-content h3 {
        font-size: 22px;
    }
}

.technical-resources p {
    font-size: 20px;
}

@media (max-width: 768px) {
    .technical-resources p {
        font-size: 16px;
        display: block;
    }
}

.technical-resources .separator {
    padding: 0;
}

@media (max-width: 768px) {
    .technical-resources .separator h5 {
        font-size: 24px;
    }
}

.technical-resources .separator p {
    font-family: "roboto-regular";
    font-size: 18px;
    color: #4a4a4a;
}

@media (max-width: 768px) {
    .technical-resources .separator p {
        font-size: 16px;
    }
}

.technical-resources .separator .featured-item-content p {
    font-family: "roboto-regular";
    font-size: 20px;
    color: #4a4a4a;
}

@media (max-width: 768px) {
    .technical-resources .separator .featured-item-content p {
        font-size: 16px;
    }
}

.technical-resources .technical-resource-table h6 {
    font-size: 20px;
    font-family: "roboto-medium";
    color: #4a4a4a;
}

@media (max-width: 768px) {
    .technical-resources .technical-resource-table h6 {
        font-size: 18px;
    }
}

.technical-resources .technical-resource-table th {
    font-size: 18px;
    font-family: "roboto-condensed-bold";
}

@media (max-width: 768px) {
    .technical-resources .technical-resource-table {
        border: 0;
    }
}

.technical-resources .technical-resource-table p {
    font-family: "roboto-regular";
    font-size: 18px;
}

.technical-resources .technical-resource-table tbody tr.odd {
    background-color: #fff;
}

.technical-resources .technical-resource-table tbody tr.even {
    background-color: #f1f9f8;
}

.technical-resources .technical-resource-table td a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 16px;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .technical-resources .technical-resource-table td a {
        font-size: 14px;
    }
}

.technical-resources .technical-resource-table td.p {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 16px;
}

@media (max-width: 768px) {
    .technical-resources .technical-resource-table td.p {
        font-size: 14px;
    }
}

.technical-resources .t-20 {
    width: 20%;
}

.technical-resources .t-15 {
    width: 15%;
}

.technical-resources .t-45 {
    width: 45%;
}

.inquiry-form .checkbox {
    padding: 0 20px;
}

.inquiry-form #DoNotHaveAddress {
    display: none;
}

.construction-accordion-panel.separator {
    padding: 32px 0;
}

@media (max-width: 767px) {
    .construction-accordion-panel.separator {
        padding: 25px 0;
    }
}

.construction-accordion-panel .header-title {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-weight: 300;
    margin: 0 0;
}

@media (max-width: 768px) {
    .construction-accordion-panel .header-title {
        color: #717171;
        font-family: "roboto-regular";
    }
}

.construction-accordion-panel .header-title.h3 {
    font-size: 24px;
}

.construction-accordion-panel .h8 {
    color: #4a4a4a;
    font-family: "roboto-medium";
}

.construction-accordion-panel .panel-body {
    padding: 19px;
}

.construction-accordion-panel .paperless-billing {
    padding-bottom: 0;
    padding-top: 0;
}

@media (max-width: 767px) {
    .construction-accordion-panel .paperless-billing {
        margin-top: 15px;
    }
}

.construction-accordion-panel .paperless-billing .paperless-list {
    font-size: 16px;
    color: #4a4a4a;
    list-style-type: inherit;
    padding-left: 35px;
}

    .construction-accordion-panel .paperless-billing .paperless-list li a {
        font-size: 16px;
    }

.construction-accordion-panel .paperless-billing .detailed-view-link span {
    font-size: 16px;
    color: #1771cc;
    text-decoration: underline;
}

.construction-accordion-panel .paperless-billing .detailed-view-link i {
    color: #1771cc;
    font-size: 16px;
    margin: 0 5px;
}

.construction-accordion-panel .paperless-billing .detailed-view-link li {
    display: block;
    padding: 0;
}

.construction-accordion-panel .paperless-billing p {
    color: #4a4a4a;
}

.construction-accordion-panel .paperless-billing h4 {
    font-family: "roboto-light";
    font-size: 24px;
    margin: 20px 0;
}

.construction-accordion-panel .panel-heading {
    background-color: #fff;
    border-color: #c4c4c4;
    color: #333;
    border: 1px solid #c4c4c4;
    padding: 0;
    user-select: none;
}

    .construction-accordion-panel .panel-heading a {
        color: #4a4a4a;
        display: block;
        padding: 30px 15px;
        font-size: 24px;
    }

        .construction-accordion-panel .panel-heading a:hover, .construction-accordion-panel .panel-heading a:visited, .construction-accordion-panel .panel-heading a:active, .construction-accordion-panel .panel-heading a:focus {
            text-decoration: none;
            outline: none;
        }

        .construction-accordion-panel .panel-heading a::after {
            content: '';
            float: right;
            font-family: 'roboto-bold';
            position: relative;
            top: 1px;
            transition: transform .25s linear;
        }

        .construction-accordion-panel .panel-heading a[aria-expanded="true"] {
            background-color: #fff;
        }

            .construction-accordion-panel .panel-heading a[aria-expanded="true"]::after {
                content: "\2212";
                font-size: 24px;
                height: 19px;
                transform: rotate(180deg);
                width: 24px;
                right: 7px;
            }

        .construction-accordion-panel .panel-heading a[aria-expanded="false"]::after {
            content: "\002b";
            font-size: 24px;
            height: 19px;
            transform: rotate(90deg);
            width: 24px;
        }

.construction-accordion-panel a {
    font-size: 16px;
}

    .construction-accordion-panel a:hover, .construction-accordion-panel a:focus {
        color: #006671;
    }

    .construction-accordion-panel a :not(.collapsed) {
        color: #006671;
    }

.construction-related-links .outage-related-links {
    margin: 0 0 40px;
}

.separator-constructor .constructor-header h5 {
    font-family: 'roboto-condensed-bold';
    color: #4a4a4a;
    padding: 20px 0 30px 0;
    text-transform: uppercase;
}

.separator-constructor .body-xl {
    color: #4a4a4a;
    font-size: 20px;
    font-family: "roboto-medium";
    margin: 20px 0;
}

.separator-constructor .con-content {
    color: #4a4a4a;
    font-size: 16px;
    font-family: "roboto-regular";
}

.contact-constructor {
    padding: 42px 0;
}

    .contact-constructor .contact-tag {
        border-right: 1px solid #d8d8d8;
        padding: 20px 0;
    }

@media (max-width: 768px) {
    .contact-constructor .contact-tag {
        border-bottom: 1px solid #d8d8d8;
    }
}

.contact-constructor h6 {
    font-family: 'roboto-condensed-bold';
    font-size: 18px;
}

.contact-constructor .contact-info {
    color: #4a4a4a;
}

@media (max-width: 768px) {
    .contact-constructor .contact-info {
        margin: 5px 0;
    }
}

.contact-constructor .contact-info span {
    margin-left: 10px;
}

    .contact-constructor .contact-info span a {
        font-family: "roboto-regular";
        font-size: 20px;
        color: #4a4a4a;
        text-decoration: none;
    }

.about-related-article {
    position: relative;
}

    .about-related-article .latest-title {
        color: #1771cc;
        left: 50%;
        margin-left: -100px;
        position: absolute;
        top: -37px;
    }

    .about-related-article .article-section > h3 {
        color: #717171;
        margin-top: 60px;
    }

    .about-related-article .readmore {
        color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        text-transform: capitalize;
    }

        .about-related-article .readmore + i {
            color: #1771cc;
            font-size: 18px;
        }

    .about-related-article .about-table-title h5 {
        color: #1771cc;
    }

.leadership-content h4 {
    margin-bottom: 0;
    margin-top: 0;
}

.leadership-content .content-brief {
    margin-top: 15px;
}

.leadership-section .show-content {
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
}

    .leadership-section .show-content + i {
        color: #1771cc;
        font-size: 16px;
        margin-left: 5px;
    }

.more-content {
    display: none;
}

.error-500-section {
    position: relative;
}

    .error-500-section .error500-page {
        margin-bottom: 50px;
        margin-top: 50px;
    }

.about-sub-title {
    position: relative;
}

    .about-sub-title .grey-title {
        font-size: 32px;
        left: 50%;
        margin-left: -75px;
        position: absolute;
        top: -30px;
    }

        .about-sub-title .grey-title h3 {
            color: #1771cc;
        }

.about-timeline .page-header {
    border: 0;
}

.about-timeline .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .about-timeline .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: "";
        width: 3px;
        background-color: #003c4b;
        border: 3px solid #003c4b;
        left: 50%;
        margin-left: -1.5px;
    }

@media (max-width: 768px) {
    .about-timeline .timeline:before {
        left: 6%;
    }
}

.about-timeline .timeline > li {
    margin-bottom: 20px;
    position: relative;
}

    .about-timeline .timeline > li:before,
    .about-timeline .timeline > li:after {
        content: " ";
        display: table;
    }

    .about-timeline .timeline > li:after {
        clear: both;
    }

    .about-timeline .timeline > li:before,
    .about-timeline .timeline > li:after {
        content: " ";
        display: table;
    }

    .about-timeline .timeline > li:after {
        clear: both;
    }

    .about-timeline .timeline > li > .timeline-panel {
        width: 46%;
        float: left;
        border: 1px solid #e5ebf2;
        border-radius: 2px;
        padding: 20px;
        position: relative;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(139, 139, 139, 0.5);
        box-shadow: 0 2px 4px 0 rgba(139, 139, 139, 0.5);
    }

@media (max-width: 768px) {
    .about-timeline .timeline > li > .timeline-panel {
        width: 82%;
    }
}

.about-timeline .timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #e5ebf2;
    border-right: 0 solid #e5ebf2;
    border-bottom: 15px solid transparent;
    content: " ";
}

.about-timeline .timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.about-timeline .timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #fff;
    z-index: 100;
    border-radius: 50%;
    border: 8px solid #003c4b;
}

@media (max-width: 768px) {
    .about-timeline .timeline > li > .timeline-badge {
        left: 6%;
    }
}

.about-timeline .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

    .about-timeline .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    .about-timeline .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

.about-timeline .timeline-title {
    margin-top: 0;
    color: #4a4a4a;
    font-family: "raleway-bold";
    font-size: 18px;
    padding: 0 10px;
}

.about-timeline p {
    color: #333333;
    font-size: 15px;
    text-align: justify;
    padding: 0 10px;
}

.about-timeline .timeline-body > p,
.about-timeline .timeline-body > ul {
    margin-bottom: 0;
}

.about-timeline .timeline-img {
    float: left;
    width: 40%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-img img {
    width: 100%;
}

.about-timeline .timeline-body {
    float: right;
    width: 60%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-body {
        float: left;
    }
}

.about-timeline .timeline-content .timeline-img {
    float: left;
    width: 20%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-content .timeline-img .timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.about-timeline .timeline-content .timeline-img .timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.about-timeline .timeline-content .timeline-img .timeline-title {
    margin-top: 0;
    color: #4a4a4a;
    font-family: "raleway-bold";
    font-size: 18px;
    padding: 0 10px;
}

.about-timeline .timeline-content .timeline-img p {
    color: #333333;
    font-size: 15px;
    text-align: justify;
    padding: 0 10px;
}

.about-timeline .timeline-content .timeline-img .timeline-body > p,
.about-timeline .timeline-content .timeline-img .timeline-body > ul {
    margin-bottom: 0;
}

.about-timeline .timeline-content .timeline-img .timeline-img {
    float: left;
    width: 40%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-content .timeline-img .timeline-body {
    float: right;
    width: 60%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-body {
        float: left;
    }
}

.about-timeline .timeline-content .timeline-img .timeline-content .timeline-img {
    float: left;
    width: 20%;
    padding-right: 10px;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-content .timeline-img {
        float: right;
    }
}

.about-timeline .timeline-content .timeline-img .timeline-content .timeline-img .img-responsive {
    width: 200px;
}

.about-timeline .timeline-content .timeline-img .timeline-content .timeline-body {
    float: right;
    width: 70%;
}

@media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img .timeline-content .timeline-body {
        float: left;
    }
}

@media (max-width: 768px) {
    .timeline > li.timeline-inverted-mobile > .timeline-panel {
        float: right;
    }

        .timeline > li.timeline-inverted-mobile > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        .timeline > li.timeline-inverted-mobile > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

.pse-paragraph {
    margin-bottom: 20px;
}

.preference-wrapper .item#e-newsletter .fade {
    display: none;
}

    .preference-wrapper .item#e-newsletter .fade.in {
        display: block;
    }

.preference-wrapper .eletter-list > a {
    display: none;
}

.preference-wrapper .eletter-list li a {
    border: none;
}

    .preference-wrapper .eletter-list li a:hover {
        border: none;
        background: none;
    }

.media-about-us {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .media-about-us .media-left {
        display: block;
        margin-bottom: 15px;
    }
}

.quotation-a {
    background: #f6f6f6;
    margin: 0;
    width: 100%;
    padding: 40px 75px;
    position: relative;
}

    .quotation-a:before, .quotation-a:after {
        display: block;
        position: absolute;
        font-size: 180px;
    }

    .quotation-a:before {
        content: open-quote;
        line-height: 0px;
        left: 25px;
    }

    .quotation-a:after {
        content: close-quote;
        right: 35px;
        bottom: -170px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.quotation-b {
    background: #f1f9f8;
    width: 100%;
    padding: 40px 75px;
    position: relative;
}

    .quotation-b:before, .quotation-b:after {
        display: block;
        position: absolute;
        font-size: 90px;
    }

    .quotation-b:before {
        content: open-quote;
        line-height: 15px;
        left: 25px;
    }

    .quotation-b:after {
        content: close-quote;
        right: 25px;
        bottom: -65px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.quotation-c {
    background: #f0f0f0;
    padding: 40px 75px;
    width: 100%;
}

    .quotation-c .fs24 {
        font-size: 24px;
        position: relative;
    }

        .quotation-c .fs24::before, .quotation-c .fs24::after {
            display: block;
            font-size: 24px;
            position: absolute;
        }

        .quotation-c .fs24::before {
            content: open-quote;
            left: -8px;
            top: 0;
        }

        .quotation-c .fs24::after {
            content: close-quote;
            display: inline;
        }

.quotation-a, .quotation-b, .quotation-c {
    margin-bottom: 20px;
}

.quote-fancy-border {
    border: 2px solid transparent;
    background-image: linear-gradient(to right, #242424 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #fff 75%), linear-gradient(to bottom, #fff 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #242424 75%), linear-gradient(to left, #242424 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #fff 75%), linear-gradient(to top, #fff 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #242424 75%);
    background-origin: border-box;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    padding-top: 50px;
}

.quotation {
    margin-top: 45px;
}

.top-container-settings {
    margin-top: 30px;
}

.container-settings .preference-center {
    margin-bottom: 0;
    padding-bottom: 0;
}

.container-settings .preference-container .preference-wrapper .item-content {
    background-color: #fff !important;
}

.preference-container {
    background: #f6f6f6;
    margin-top: 20px;
}

    .preference-container .preference-wrapper {
        margin: 45px 0 70px;
        background: #fff;
        padding-bottom: 35px;
        border: 1px solid #d8d8d8;
    }

@media (max-width: 991px) {
    .preference-container .preference-wrapper {
        margin: 30px 0 70px 0;
    }
}

.preference-container [data-preference-tabs] li {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(74, 74, 74, 0.17);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 26px;
}

    .preference-container [data-preference-tabs] li a {
        color: #717171;
        padding: 30px 17px;
        text-decoration: none;
        font-size: 18px;
    }

        .preference-container [data-preference-tabs] li a.active {
            background: transparent;
            color: #006671;
            font-family: "roboto-bold";
        }

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .tabs {
        display: none;
    }

    .preference-wrapper.tabbed-content .item {
        padding: 25px 0;
        position: relative;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item::before {
            content: attr(data-title);
            font-size: 18px;
            color: #717171;
            padding: 25px 15px;
        }

        .preference-wrapper.tabbed-content .item::after {
            content: '\f067';
            font-family: fontawesome;
            position: absolute;
            top: 28px;
            right: 28px;
            font-size: 19px;
            color: #717171;
        }

        .preference-wrapper.tabbed-content .item .item-content {
            opacity: 0;
            visibility: hidden;
            height: 0;
        }
}

@media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active {
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active::before {
        color: #006671;
        font-family: "roboto-medium";
    }

    .preference-wrapper.tabbed-content .item.active .item-content {
        opacity: 1;
        visibility: visible;
        height: auto;
        margin-top: 22px;
        padding: 30px 15px;
        box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.16);
    }

        .preference-wrapper.tabbed-content .item.active .item-content h5 {
            margin: 0 0 14px 0;
            font-size: 24px;
        }

    .preference-wrapper.tabbed-content .item.active::after {
        content: '\f068';
    }
}

@media (min-width: 992px) {
    .preference-wrapper.tabbed-content .tabs {
        display: block;
    }

        .preference-wrapper.tabbed-content .tabs li {
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .tabs li a {
                display: block;
            }

    .preference-wrapper.tabbed-content .item {
        min-height: 0;
        display: none;
        border-left: 2px solid #d8d8d8;
        margin-top: 29px;
    }

        .preference-wrapper.tabbed-content .item::before {
            display: none;
        }

        .preference-wrapper.tabbed-content .item.active {
            width: 75%;
            display: inline-block;
        }

            .preference-wrapper.tabbed-content .item.active .item-content {
                padding: 0 18px 0 30px;
            }

                .preference-wrapper.tabbed-content .item.active .item-content h5 {
                    margin-top: 0;
                }

                .preference-wrapper.tabbed-content .item.active .item-content .btn-action {
                    font-size: 20px;
                    font-family: "roboto-condensed-bold";
                    line-height: 0;
                    height: 40px;
                    border-radius: 47px;
                }

    .preference-wrapper.tabbed-content.tabs-side .tabs {
        width: 25%;
        float: left;
    }

        .preference-wrapper.tabbed-content.tabs-side .tabs li {
            display: block;
        }
}

************************************ sub-nav***************************************************************
.preference-wrapper.tabbed-content .sub-navigation > a {
    margin-bottom: 0;
}

.preference-wrapper.tabbed-content .eletter-list {
    padding-left: 40px;
}

    .preference-wrapper.tabbed-content .eletter-list li {
        border: none;
        padding-top: 0;
        padding-bottom: 0;
    }

        .preference-wrapper.tabbed-content .eletter-list li a {
            border: none;
            padding-top: 0;
            padding-bottom: 15px;
            display: block;
        }

.preference-wrapper.tabbed-content .sub-navigation ul {
    border-bottom: none;
}

    .preference-wrapper.tabbed-content .sub-navigation ul li {
        margin-left: 0;
    }

.preference-wrapper.tabbed-content .vertical-navigation-list.pref-data-tabs li a::after {
    top: 42% !important;
    width: 25px;
    right: 12px !important;
}

@media only screen and (max-width: 767px) {
    .preference-wrapper.tabbed-content .sub-navigation li {
        width: 100%;
        margin-left: 0;
    }

        .preference-wrapper.tabbed-content .sub-navigation li.active a {
            background: transparent;
            color: #006671;
            font-family: "roboto-bold";
        }

    .preference-wrapper.tabbed-content .pref-data-tabs .sub-navigation li a::after {
        content: "";
    }
}

.pref-data-content .item-content .container {
    width: auto !important;
    padding: 0 !important;
}

.pse-accordion-group .pse-accordion {
    border-radius: 0;
}

@media (min-width: 992px) {
    .pse-accordion-group .pse-accordion .panel-body {
        padding-left: 35px;
    }
}

.pse-accordion-group .panel-heading, .pse-accordion-group .panel-title {
    padding: 0;
}

.pse-accordion-group .panel-title {
    font-size: 24px;
    background-color: #fff;
}

@media (max-width: 768px) {
    .pse-accordion-group .panel-title {
        font-size: 22px;
    }
}

.pse-accordion-group .panel-title a {
    color: #4a4a4a;
    display: block;
    font-family: "roboto-light";
    padding: 25px 35px;
    text-decoration: none;
    font-size: 24px;
}

@media (max-width: 768px) {
    .pse-accordion-group .panel-title a {
        padding: 10px;
    }
}

.accordion-section {
    padding-top: 30px;
}

.pse-container .accordion .toggle-header .label {
    position: inherit;
}

    .pse-container .accordion .toggle-header .label .field-heading {
        white-space: normal;
    }

.renew-wrap .about-related-links {
    padding: 0 15px;
}

.about-related-links {
    margin: 0;
    padding: 30px 15px;
}

.related-menu li {
    display: inline-block;
}

    .related-menu li:first-child a {
        border: 0;
        padding-left: 0;
    }

    .related-menu li a {
        border-left: 1px solid #717171;
        color: #1771cc;
        font-size: 16px;
        padding: 0 10px;
    }

.simple-accordion p.collapsed[data-toggle="collapse"]:before {
    content: "\f105";
    font-family: 'FontAwesome';
}

.simple-accordion p[data-toggle="collapse"]:before {
    content: "\f107";
    font-family: 'FontAwesome';
}

.video-gallery {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (max-width: 768px) {
    .video-gallery {
        padding: 30px 25px;
    }
}

.video-gallery .video-title {
    font-size: 24px;
    font-family: "roboto-regular";
}

@media (max-width: 768px) {
    .video-gallery .video-title {
        font-size: 20px;
        font-family: "roboto-medium";
    }
}

.video-gallery .video-slider .slick-slide {
    height: 40px !important;
}

.video-gallery .video-slider .slick-list.draggable {
    height: auto !important;
}

.video-gallery .video-slider .topic-content {
    padding: 0 20px;
}

.video-gallery .video-slider .video-wrapper {
    height: 0;
    padding-bottom: 52.25%;
    16:9 padding-top: 25px;
    position: relative;
}

    .video-gallery .video-slider .video-wrapper video {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.video-gallery .video-slider .slick-arrow {
    border-radius: 50%;
    height: 62px;
    margin-top: -31px;
    top: 34%;
    transform: none;
    width: 62px;
    z-index: 1000;
}

@media (max-width: 768px) {
    .video-gallery .video-slider .slick-arrow {
        height: 30px;
        margin-top: -15px;
        top: 16%;
        width: 30px;
    }
}

.video-gallery .video-slider .slick-arrow::before {
    font-family: 'Fontawesome';
    content: '\f054';
    color: #898f9e;
    font-size: 30px;
}

.video-gallery .video-slider .slick-arrow.slick-next {
    right: -50px;
}

@media (max-width: 768px) {
    .video-gallery .video-slider .slick-arrow.slick-next {
        right: -30px;
    }
}

.video-gallery .video-slider .slick-arrow.slick-next::before {
    content: '\f054';
}

.video-gallery .video-slider .slick-arrow.slick-prev {
    left: -50px;
}

@media (max-width: 768px) {
    .video-gallery .video-slider .slick-arrow.slick-prev {
        left: -30px;
    }
}

.video-gallery .video-slider .slick-arrow.slick-prev::before {
    content: '\f053';
}

.video-gallery .video-slider .slick-current.slick-active {
    height: auto !important;
}

.video-gallery .video-thumbnails .thumb-img {
    border: 2px solid transparent;
    padding: 10px;
}

    .video-gallery .video-thumbnails .thumb-img img {
        height: auto;
        max-width: 100%;
        margin: 0 auto;
    }

.video-gallery .video-thumbnails .slick-current .thumb-img {
    border-color: #dddddd;
}

.video-gallery .video-thumbnails .slick-arrow {
    background: #242424;
    border-radius: 50%;
    height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1000;
}

.video-gallery .video-thumbnails .slick-slide {
    height: auto;
}

.pse-video-gallery .slick-slide img {
    width: 100%;
}

.pse-video-gallery .video-slider .video-wrapper {
    overflow: hidden;
}

.pse-video-gallery .video-placeholder {
    background: #4a4a4a;
    height: 100%;
    width: 100%;
    display: block;
}

.pse-video-gallery .video-thumbnails .thumb-img {
    background-position: center center;
    background-size: cover;
    height: 168px;
    position: relative;
    width: 98% !important;
    border-bottom: 5px solid transparent;
    padding-bottom: 6px;
}

@media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .thumb-img {
        height: 66px;
    }
}

.pse-video-gallery .video-thumbnails .thumb-img img {
    width: 100%;
    height: 160px;
}

.pse-video-gallery .video-thumbnails .thumb-img .play-btn {
    top: 10px;
    color: #fff;
    font-size: 45px;
    left: 10px;
    position: absolute;
}

.pse-video-gallery .video-thumbnails .slick-prev::before {
    content: "\f104";
    font-family: fontAwesome;
    font-size: 44px;
}

.pse-video-gallery .video-thumbnails .slick-next::before {
    content: "\f105";
    font-family: fontAwesome;
    font-size: 44px;
}

.pse-video-gallery .video-thumbnails .slick-current .thumb-img {
    border-bottom: 5px solid #006671;
    padding-bottom: 6px;
}

@media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .slick-current .thumb-img {
        padding-bottom: 1px;
    }
}

.pse-video-gallery .video-thumbnails .slick-current .thumb-img img {
    width: 100%;
}

.pse-video-gallery .video-thumbnails .thumb-img {
    padding: 0 0 0px 0;
    border: none;
}

.pse-video-gallery .video-slider .topic-content {
    padding: 0;
}

.pse-video-gallery .video-slider .slick-arrow.slick-next::before {
    content: "\f105" !important;
    font-size: 60px !important;
}

.pse-video-gallery .video-slider .slick-arrow.slick-prev::before {
    content: "\f104" !important;
    font-size: 60px !important;
}

.pse-video-gallery iframe {
    width: 100%;
    height: 560px;
}

@media (max-width: 768px) {
    .pse-video-gallery iframe {
        height: auto;
    }
}

.pse-video-gallery .transcriptContainer {
    text-align: right;
}

    .pse-video-gallery .transcriptContainer a:focus {
        outline: none;
    }

    .pse-video-gallery .transcriptContainer .collapse {
        border: 1px solid #4a4a4a;
        padding: 10px;
        text-align: left;
    }

.article-banner {
    position: relative;
    background-color: #23527c;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
    height: 180px;
}

    .article-banner h2 {
        color: #003c4b;
        font-family: "roboto-condensed-bold";
        text-align: center;
        text-transform: uppercase;
        top: 50%;
        position: absolute;
        left: 50%;
        width: 70%;
        transform: translate(-50%, -50%);
        margin-top: 0;
    }

@media (max-width: 767px) {
    .article-banner h2 {
        width: 90%;
    }
}

.article-lg-banner {
    position: relative;
    height: 390px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-color: #23527c;
    margin-top:-45px;
}

@media (max-width:991px){
    .article-lg-banner {
        margin-top: 42px
    }
}


    .article-lg-banner .headline-component {
        bottom: 9px;
        color: #fff;
        position: absolute;
    }

        .article-lg-banner .headline-component .pse-breadcrumb li:before {
            color: #fff;
        }

        .article-lg-banner .headline-component .pse-breadcrumb li a {
            color: #fff;
        }

        .article-lg-banner .headline-component .pse-breadcrumb li.active {
            color: #fff;
            font-family: "roboto-bold";
        }

        .article-lg-banner .headline-component h2 {
            color: #fff;
            font-weight: 300;
            letter-spacing: normal;
            line-height: 1.1;
        }

.article-logo-text {
    margin-top: 45px;
}

@media (max-width: 991px) {
    .article-logo-text .article-logo img {
        width: 346px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .article-logo-text .article-logo {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .article-logo-text .article-text {
        margin-top: 20px;
    }
}

.article-logo-text h5 {
    font-weight: 300;
    line-height: 1.19;
    margin: 0 0 17px 15px;
}

.article-logo-text p {
    color: #4a4a4a;
    letter-spacing: normal;
    line-height: 1.56;
    margin: 0 0 25px 15px;
}

.article-landing .description-paraline {
    color: #242424;
    font-size: 18px;
    letter-spacing: .1px;
    line-height: 1.22;
    margin-top: 30px;
    text-align: center;
}

.article-landing .signup-description {
    background-color: #eaf8fb;
    padding: 30px 0;
    text-align: center;
}

    .article-landing .signup-description a {
        font-family: "roboto-condensed-bold";
        font-weight: bold;
        margin-top: 21px;
        text-transform: uppercase;
    }

.article-landing .video-download-tile {
    margin-top: 62px;
    margin-bottom: 55px;
}

@media (max-width: 991px) {
    .article-landing .video-download-tile {
        margin-top: 25px;
    }
}

@media (max-width: 991px) {
    .article-landing .video-download-tile .video-tile {
        margin-bottom: 20px;
    }
}

.article-landing .video-download-tile .video-tile .article-vd-player {
    width: 100%;
    height: 428px;
}

@media (max-width: 991px) {
    .article-landing .video-download-tile .video-tile .article-vd-player {
        width: 100%;
        height: 300px;
    }
}

.article-landing .video-download-tile .video-tile .img-videoplay {
    cursor: pointer;
}

@media (max-width: 991px) {
    .article-landing .video-download-tile .video-tile .img-videoplay {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .article-landing .video-download-tile .video-tile .img-videoplay {
        height: 428px;
        width: 100%;
    }
}

.article-landing .video-download-tile .video-tile .video-headlines {
    bottom: 19px;
    color: #fff;
    padding: 0 64px;
    position: absolute;
    text-align: center;
}

@media (max-width: 991px) {
    .article-landing .video-download-tile .video-tile .video-headlines h3 {
        font-size: 19px;
        margin-bottom: 5px;
    }

    .article-landing .video-download-tile .video-tile .video-headlines p {
        font-size: 13px;
        margin-top: 20px;
    }
}

.article-landing .video-download-tile .video-tile .video-headlines h3 {
    color: #fff;
}

.article-landing .video-download-tile .download-tile {
    background-color: #bce7e1;
    height: 428px;
    padding: 95px 0 30px;
    text-align: center;
}

    .article-landing .video-download-tile .download-tile .h8 {
        color: #242424;
    }

@media (max-width: 991px) {
    .article-landing .video-download-tile .download-tile .h8 {
        margin-top: 13px;
    }
}

.article-landing .video-download-tile .download-tile p {
    color: #242424;
}

@media (max-width: 991px) {
    .article-landing .video-download-tile .download-tile {
        padding: 45px 20px;
    }
}

.article-landing .video-download-tile .download-tile a {
    text-transform: uppercase;
}

.article-landing .article-description.description-custom {
    margin-bottom: 100px;
}

.article-landing .article-description.desc-landing01 {
    margin-bottom: 30px;
}

.article-landing .article-description .h5 {
    letter-spacing: normal;
    line-height: 1.19;
}

.article-landing .article-description p {
    color: #4a4a4a;
    margin-bottom: 47px;
}

.article-landing .article-description a {
    color: #1771cc;
    line-height: .9;
}

.article-landing .article-title-desc h2 {
    color: #474b55;
    font-weight: 300;
    margin-bottom: 21px;
}

.article-landing .article-title-desc p {
    color: #242424;
    letter-spacing: 0.1px;
    line-height: 1.22;
}

.article-landing .article-title-desc .sub-content {
    margin-top: 20px;
}

.article-landing .title-desc-custom {
    background-color: #bce7e1;
    padding: 32px 0;
}

    .article-landing .title-desc-custom h4 {
        display: none;
    }

.article-landing .featured-item .featured-item-content h3 {
    margin: 15px 0 24px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .article-landing .featured-item {
        text-align: center;
    }
}

.article-subcontents .featured-custom img {
    height: auto;
}

.article-subcontents .featured-custom .featured-item-content .pse-link-primary {
    display: none;
}

.article-subcontents .no-background {
    background-color: transparent;
}

.article-signup-description .article-description p {
    margin-bottom: 0px;
}

.article-description {
    color: #242424;
    letter-spacing: .1px;
}

    .article-description p {
        font-size: 18px;
    }

@media (max-width: 768px) {
    .article-description p {
        font-size: 16px;
    }
}

.article-description .page-content {
    margin-bottom: 0;
    word-break: break-word;
}

    .article-description .page-content p:not(:last-child) {
        margin-bottom: 30px;
    }

.article-page-content.description-custom {
    margin-bottom: 100px;
}

.article-page-content h5 {
    letter-spacing: normal;
    line-height: 1.19;
}

.article-page-content p {
    color: #4a4a4a;
    margin-bottom: 45px;
    font-size: 18px;
}

@media (max-width: 768px) {
    .article-page-content p {
        font-size: 16px;
    }
}

.article-page-content a {
    color: #1771cc;
    line-height: .9;
    font-size: 20px;
}

@media (max-width: 768px) {
    .article-page-content a {
        font-size: 18px;
    }
}

.article-signup-description {
    padding: 30px 0;
    margin-bottom: 30px;
}

    .article-signup-description a {
        font-family: "roboto-condensed-bold";
        font-weight: bold;
        margin-top: 21px;
        text-transform: uppercase;
        font-size: 20px;
    }

@media (max-width: 768px) {
    .article-signup-description a {
        font-size: 18px;
    }
}

.article-video-section {
    position: relative;
    margin-bottom: 30px;
    height: 428px;
}

@media (max-width: 991px) {
    .article-video-section {
        margin-bottom: 20px;
        height: auto;
    }
}

.article-video-section .pse-play-icon, .article-video-section .pse-play-icon-lg {
    top: 50%;
    left: 50%;
}

.article-video-section .pse-play-icon-lg {
    margin-top: -40px;
    margin-left: -40px;
}

@media (max-width: 768px) {
    .article-video-section .pse-play-icon {
        margin-top: -73px;
        margin-left: -20px;
    }
}

.article-video-section .article-vd-player {
    width: 100%;
    height: 428px;
}

@media (max-width: 991px) {
    .article-video-section .article-vd-player {
        width: 100%;
        height: 300px;
    }
}

.article-video-section .img-videoplay {
    cursor: pointer;
}

@media (max-width: 991px) {
    .article-video-section .img-videoplay {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .article-video-section .img-videoplay {
        height: 428px;
        width: 100%;
    }
}

.article-video-section .video-headlines {
    bottom: 19px;
    color: #fff;
    padding: 0 64px;
    position: absolute;
    text-align: center;
}

@media (max-width: 991px) {
    .article-video-section .video-headlines {
        bottom: 0;
        color: black;
        display: none;
    }

        .article-video-section .video-headlines h3 {
            font-size: 19px;
            margin-bottom: 5px;
        }

        .article-video-section .video-headlines p {
            font-size: 13px;
            margin-top: 20px;
        }
}

.article-video-section .video-headlines h3 {
    color: #fff;
}

.article-video-section .video-headlines p {
    font-size: 18px;
}

sitecore related issue css style
.article-main-section {
    margin-bottom: 30px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

@media (max-width: 991px) {
    .article-main-section {
        margin-bottom: 20px;
    }
}

.article-main-section .article-tiles {
    margin-bottom: 0px;
}

.article-promo {
    margin-bottom: 30px;
    background-color: #bce7e1;
    height: 428px;
    padding: 50px 0;
    text-align: center;
}

@media (max-width: 991px) {
    .article-promo {
        margin-bottom: 20px;
    }
}

.article-promo h3 {
    color: #242424;
    font-size: 24px;
    font-family: roboto-condensed-bold;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .article-promo h3 {
        margin-top: 13px;
    }
}

.article-promo p {
    color: #242424;
}

@media (max-width: 768px) {
    .article-promo {
        padding: 45px 20px;
    }
}

.article-promo a {
    text-transform: uppercase;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
}

@media (max-width: 768px) {
    .article-promo a {
        font-size: 18px;
    }
}

.bg-azurelight {
    background-color: #EAF8FB;
}

article featured item style
.article-featured-item .featured-item-content h3 {
    margin: 15px 0 24px;
    font-weight: 300;
}

.article-featured-item .featured-item-content p {
    font-size: 18px;
}

@media (max-width: 768px) {
    .article-featured-item .featured-item-content p {
        font-size: 16px;
    }
}

.article-featured-item .featured-item-content .pse-link-primary {
    font-size: 20px;
}

@media (max-width: 768px) {
    .article-featured-item .featured-item-content .pse-link-primary {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .featured-item {
        text-align: center;
    }
}

Article image left style
.article-image-left {
    margin-top: 45px;
}

.article-image-left .article-image img {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .article-image-left .article-image {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .article-image-left .article-text {
        margin-top: 20px;
    }
}

.article-image-left h3 {
    font-weight: 300;
    line-height: 1.19;
    margin: 0 0 17px 15px;
}

.article-image-left p {
    color: #4a4a4a;
    letter-spacing: normal;
    line-height: 1.56;
    margin: 0 0 25px 15px;
}

.article-hero-banner {
    background-size: cover;
    height: 300px;
}

row-equal-height issue fix in sitecore
.row-eq-height .article-banner, .row-eq-height .article-lg-banner, .row-eq-height .article-video-section, .row-eq-height .article-promo,
.row-eq-height .article-main-section, .row-eq-height .article-page-content, .row-eq-height .article-signup-description {
    width: 100%;
}

.image-description h5 {
    margin: 20px 0;
}

.title-paragraph h5 {
    font-size: 42px;
}

@media (max-width: 768px) {
    .title-paragraph h5 {
        font-size: 30px;
    }
}

.title-paragraph img {
    max-width: 100%;
    margin-bottom: 20px;
}

#ytplayer {
    width: 100%;
    height: 428px;
}

@media (max-width: 991px) {
    #ytplayer {
        width: 100%;
        height: 300px;
    }
}

.my-usage-image image {
    width: 100%;
}

#setup-security-questions {
    z-index: 999999;
}

    #setup-security-questions + .modal-backdrop {
        z-index: 99999;
    }

** sitecore changes *******************************************
.editable-info-panel  .promo {
    border:  none;
    padding:  0;
    margin:  0;
    float: none;
}

.promo {
    border: none;
    padding: 0;
    margin: 0;
    float: none;
}

    .promo h5 {
        margin-bottom: 15px;
    }

.address-null {
    display: block;
    padding-left: 25px;
}

************************* for content editor issue in the home page *********
.scEnabledChrome.scLooseFrameZone {
    zoom: 1;
    overflow-y: visible !important;
}

** Create account validation error message control **
*priamry article secondary article edit mode row eqheight issues*
.container.editmode-additional-article .scEnabledChrome.scLooseFrameZone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
}

call to action experience editor mode fixes
.call-to-action.scEnabledChrome .scEnabledChrome.scLooseFrameZone,
.call-to-action.scEnabledChrome .call-to-action-item {
    display: inline-block;
}

.call-to-action.scEnabledChrome .col-md-2 {
    display: inline-block;
    padding: 0;
}

.mega-dropdown-menu li a[href="#"]:hover {
    cursor: default;
}

.featured-link-main {
    padding-bottom: 55px;
}

    .featured-link-main a {
        text-decoration: none;
    }

    .featured-link-main h3 {
        padding-top: 49px;
        margin-bottom: 25px;
    }

    .featured-link-main .featured-links {
        position: relative;
        margin-bottom: 40px;
    }

@media (max-width: 768px) {
    .featured-link-main .featured-links {
        margin-bottom: 20px;
    }
}

.featured-link-main .featured-links .media-left {
    padding-right: 20px;
}

.featured-link-main .featured-links .media.pse-media-object {
    margin-bottom: 0px;
}

    .featured-link-main .featured-links .media.pse-media-object .media-body {
        vertical-align: top;
    }

        .featured-link-main .featured-links .media.pse-media-object .media-body p {
            font-family: "roboto-light";
            font-size: 19px;
            color: #4a4a4a;
        }

        .featured-link-main .featured-links .media.pse-media-object .media-body span.fl-link {
            position: absolute;
            bottom: 0;
            color: #1771cc;
            text-decoration: none;
            font-family: "roboto-condensed-bold";
            font-size: 20px;
            font-weight: bold;
        }

.sign-placeholder .col-md-offset-2 {
    margin-left: -15px;
}

.content-section.acc-teaser .page-content {
    margin-bottom: 0px !important;
    padding: 20px;
}

.pse-secondary-cancel {
    position: relative;
}

#select-payment-option {
    z-index: 99999999;
}

main .CoveoSearchInterface {
    background-color: #f6f6f6 !important;
}

    main .CoveoSearchInterface .coveo-search-section {
        margin: 25px auto 40px auto;
        padding: 0;
    }

@media (min-width: 768px) and (max-width: 991px) {
    main .CoveoSearchInterface .coveo-search-section {
        max-width: 100%;
        padding: 0;
    }
}

.coveo-list-layout.CoveoResult {
    background: #fff;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
    padding: 3px 0px 6px 35px !important;
}

    .coveo-list-layout.CoveoResult .coveo-result-cell.coveoforsitecore-information-section {
        padding-left: 0;
    }

    .coveo-list-layout.CoveoResult .CoveoExcerpt {
        font-size: 16px;
        color: #4a4a4a;
        font-family: "roboto-regular";
    }

    .coveo-list-layout.CoveoResult .CoveoResultTitle {
        font-size: 18px;
        color: #4a4a4a;
        font-family: "roboto-medium";
        font-weight: 500;
    }

    .coveo-list-layout.CoveoResult .CoveoClickableUri a.CoveoResultLink {
        text-decoration: underline;
        font-size: 16px;
        margin: 15px 0 10px;
        color: #1771cc;
        display: block;
        font-family: "roboto-medium";
    }

@media (max-width: 991px) {
    .coveo-summary-section {
        margin: 15px 0;
    }
}

.coveo-summary-section span {
    color: #4a4a4a;
    font-size: 14px;
    font-family: "roboto-medium";
    font-weight: 500;
}

    .coveo-summary-section span .coveo-highlight {
        font-weight: 500;
    }

    .coveo-summary-section span .coveo-query-summary-no-results-string .coveo-highlight {
        font-weight: bold;
    }

    .coveo-summary-section span .coveo-query-summary-no-results-string .coveo-query-summary-cancel-last {
        color: #006671;
    }

.CoveoResultList {
    margin: 5px 0 15px 0;
}

@media (max-width: 991px) {
    .CoveoResultList {
        margin: 0 !important;
    }
}

.coveo-facet-column {
    margin-right: 0 !important;
}

    .coveo-facet-column .CoveoFacet {
        border: 1px solid #d8d8d8;
        border-radius: 0;
        padding: 15px 15px 5px;
    }

        .coveo-facet-column .CoveoFacet .coveo-facet-header {
            background: none;
            border-bottom: 1px solid #d8d8d8;
            padding: 0;
            margin-bottom: 10px;
        }

            .coveo-facet-column .CoveoFacet .coveo-facet-header .coveo-facet-header-title {
                color: #4a4a4a;
                font-size: 18px;
                font-family: "roboto-regular";
            }

        .coveo-facet-column .CoveoFacet .coveo-facet-value {
            padding: 0;
        }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-checkbox {
                border: 1px solid #717171;
                border-radius: 0;
                width: 15px;
                height: 15px;
                top: 4px;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value:hover, .coveo-facet-column .CoveoFacet .coveo-facet-value.coveo-focused {
                background: none;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-selectable {
                padding: 0;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-label {
                font-weight: normal;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-label-wrapper {
                color: #4a4a4a;
                font-size: 16px;
                margin: 5px 0;
                font-family: "roboto-regular";
            }

.coveo-results-column {
    padding-left: 0px !important;
}

    .coveo-results-column .CoveoLogo {
        display: none !important;
    }

    .coveo-results-column .outage-card {
        padding: 23px 0 23px 23px !important;
    }

@media (max-width: 991px) {
    .coveo-results-column .outage-card {
        padding: 23px 0 23px 15px !important;
    }
}

.coveo-results-column .outage-card .media {
    margin-top: 0;
}

    .coveo-results-column .outage-card .media .media-body {
        padding-left: 15px;
    }

@media (max-width: 991px) {
    .coveo-results-column .outage-card .media .media-left.media-middle {
        float: left;
        padding: 0;
        text-align: center;
        width: 40%;
    }
}

.coveo-results-column .outage-card h6 {
    font-family: "roboto-light";
}

.coveo-results-column .outage-card .pse-form-btn {
    color: #1771cc;
    font-size: 16px;
    padding: 0;
}

    .coveo-results-column .outage-card .pse-form-btn:hover, .coveo-results-column .outage-card .pse-form-btn:visited {
        color: #1771cc;
        text-decoration: none;
    }

@media (max-width: 768px) {
    .coveo-results-column .outage-card img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .mbl-search-label {
        position: absolute;
        top: 6px;
        right: 50px;
        color: #fff;
        font-family: "roboto-condensed-bold";
        font-size: 14px;
        text-transform: uppercase;
    }
}

.pse-search-box .CoveoSearchbox .magic-box {
    border-radius: 0;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box {
        border: 0;
        display: none;
    }
}

.pse-search-box .CoveoSearchbox .magic-box .magic-box-clear {
    height: 40px;
    line-height: 40px;
    z-index: 2;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box .magic-box-clear {
        height: 35px;
        line-height: 32px;
        width: 48px;
        float: left;
        background: #006671;
    }

        .pse-search-box .CoveoSearchbox .magic-box .magic-box-clear .magic-box-clear-svg {
            color: #fff !important;
        }
}

.pse-search-box .CoveoSearchbox .magic-box .magic-box-input {
    height: 40px;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box .magic-box-input {
        height: 35px;
    }
}

.pse-search-box .CoveoSearchbox .magic-box .magic-box-input input {
    color: #242424;
    height: 40px;
    top: -12px;
    padding: 0 0 0 10px;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box .magic-box-input input {
        top: -14px;
    }
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box.magic-box-notEmpty .magic-box-input input {
        padding: 0 0 0 50px;
    }
}

.pse-search-box .CoveoSearchbox .CoveoSearchButton {
    border: none;
    height: 40px;
    position: absolute;
    right: 0;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .CoveoSearchButton {
        background: transparent;
        height: 35px;
        display: none;
    }
}

.pse-search-box .CoveoSearchbox .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
    z-index: 9999;
}

.CoveoSearchbox .CoveoSearchButton {
    z-index: 1 !important;
}

.CoveoSearchbox .coveo-search-button-svg,
.CoveoSearchbox .magic-box .magic-box-clear-svg {
    color: #717171 !important;
}

.CoveoSearchbox .magic-box-input input {
    color: #242424;
}

.CoveoSearchbox .CoveoSearchButton:hover .coveo-magnifier-circle-svg {
    fill: #717171;
}

.coveoforsitecore-template .coveoforsitecore-information-section {
    padding-left: 0;
}

.coveo-result-row {
    margin: 0;
}

    .coveo-result-row a:hover {
        text-decoration: none !important;
    }

.coveo-facet-header-settings::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 22px;
    font-weight: bold;
}

.coveo-facet-header-settings svg.coveo-facet-settings-more-svg {
    opacity: 0;
}

.CoveoPager .coveo-pager-list-item.coveo-active, .CoveoPager .coveo-pager-list-item:hover {
    background-color: #006671;
}

.CoveoPager .coveo-pager-next-icon-svg,
.CoveoPager .coveo-pager-previous-icon-svg {
    color: #006671;
}

@media (max-width: 991px) {
    .coveo-list-layout.CoveoResult {
        padding: 3px 0px 6px 15px !important;
    }

    .CoveoSearchInterface .CoveoSearchbox {
        margin-right: 0 !important;
    }
}

@media (max-width: 991px) and (max-width: 991px) {
    .coveo-main-section {
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .coveo-main-section .coveo-dropdown-header-wrapper a.coveo-facet-dropdown-header p {
        font-size: 12px;
    }
}

.coveo-main-section .paperless-title {
    padding: 0 15px;
}

    .coveo-main-section .paperless-title h2 {
        margin: 20px 0 70px 0;
    }

.banner-height-435 .article-lg-banner {
    height: 435px;
}

.banner-height-435.microsite-banner-editmode .banner-editor-img {
    height: 435px;
}

@media (max-width: 768px) {
    .banner-height-435 .banner-title h2 {
        font-size: 46px;
    }
}

.banner-height-315 .article-lg-banner {
    height: 315px;
}

.banner-height-315.microsite-banner-editmode .banner-editor-img {
    height: 315px;
}

.banner-height-315 .banner-text {
    bottom: 30px !important;
}

    .banner-height-315 .banner-text h2 {
        font-size: 42px !important;
    }

.banner-height-435, .banner-height-315 {
    position: relative;
}

@media (max-width: 768px) {
    .banner-height-435 .article-lg-banner .container, .banner-height-315 .article-lg-banner .container {
        position: initial;
    }

        .banner-height-435 .article-lg-banner .container .banner-title, .banner-height-315 .article-lg-banner .container .banner-title {
            position: absolute;
            bottom: 10px;
        }

            .banner-height-435 .article-lg-banner .container .banner-title h2, .banner-height-315 .article-lg-banner .container .banner-title h2 {
                color: #fff;
            }
}

.banner-height-435 .container, .banner-height-315 .container {
    position: relative;
}

.banner-height-435 .banner-text, .banner-height-315 .banner-text {
    color: #fff;
    position: absolute;
    bottom: 41px;
}

@media (max-width: 768px) {
    .banner-height-435 .banner-text, .banner-height-315 .banner-text {
        position: relative;
        color: inherit;
        bottom: 0;
        margin: 20px 0px;
    }
}

.banner-height-435 .banner-text h2, .banner-height-315 .banner-text h2 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 64px;
}

.banner-height-435 .banner-text p, .banner-height-315 .banner-text p {
    font-size: 18px;
}

.banner-height-435 img, .banner-height-315 img {
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .microsites-banner .banner-text p {
        font-size: 18px;
    }
}

.article-signup-description .article-description p {
    margin-bottom: 0px;
}

.article-description {
    color: #242424;
    letter-spacing: .1px;
}

    .article-description p {
        font-size: 18px;
    }

@media (max-width: 768px) {
    .article-description p {
        font-size: 16px;
    }
}

.article-description .page-content {
    margin-bottom: 0;
    word-break: break-word;
}

    .article-description .page-content p:not(:last-child) {
        margin-bottom: 30px;
    }

.article-page-content.description-custom {
    margin-bottom: 100px;
}

.article-page-content h5 {
    letter-spacing: normal;
    line-height: 1.19;
}

.article-page-content p {
    color: #4a4a4a;
    margin-bottom: 45px;
    font-size: 18px;
}

@media (max-width: 768px) {
    .article-page-content p {
        font-size: 16px;
    }
}

.article-page-content a {
    color: #1771cc;
    line-height: .9;
    font-size: 20px;
}

@media (max-width: 768px) {
    .article-page-content a {
        font-size: 18px;
    }
}

.article-signup-description {
    padding: 30px 0;
    margin-bottom: 30px;
}

    .article-signup-description a {
        font-family: "roboto-condensed-bold";
        font-weight: bold;
        margin-top: 21px;
        text-transform: uppercase;
        font-size: 20px;
    }

@media (max-width: 768px) {
    .article-signup-description a {
        font-size: 18px;
    }
}

.article-video-section {
    position: relative;
    margin-bottom: 30px;
    height: 428px;
}

@media (max-width: 991px) {
    .article-video-section {
        margin-bottom: 20px;
        height: auto;
    }
}

.article-video-section .pse-play-icon, .article-video-section .pse-play-icon-lg {
    top: 50%;
    left: 50%;
}

.article-video-section .pse-play-icon-lg {
    margin-top: -40px;
    margin-left: -40px;
}

@media (max-width: 768px) {
    .article-video-section .pse-play-icon {
        margin-top: -73px;
        margin-left: -20px;
    }
}

.article-video-section .article-vd-player {
    width: 100%;
    height: 428px;
}

@media (max-width: 991px) {
    .article-video-section .article-vd-player {
        width: 100%;
        height: 300px;
    }
}

.article-video-section .img-videoplay {
    cursor: pointer;
}

@media (max-width: 991px) {
    .article-video-section .img-videoplay {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .article-video-section .img-videoplay {
        height: 428px;
        width: 100%;
    }
}

.article-video-section .video-headlines {
    bottom: 19px;
    color: #fff;
    padding: 0 64px;
    position: absolute;
    text-align: center;
}

@media (max-width: 991px) {
    .article-video-section .video-headlines {
        bottom: 0;
        color: black;
        display: none;
    }

        .article-video-section .video-headlines h3 {
            font-size: 19px;
            margin-bottom: 5px;
        }

        .article-video-section .video-headlines p {
            font-size: 13px;
            margin-top: 20px;
        }
}

.article-video-section .video-headlines h3 {
    color: #fff;
}

.article-video-section .video-headlines p {
    font-size: 18px;
}

sitecore related issue css style
.article-main-section {
    margin-bottom: 30px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

@media (max-width: 991px) {
    .article-main-section {
        margin-bottom: 20px;
    }
}

.article-main-section .article-tiles {
    margin-bottom: 0px;
}

.article-promo {
    margin-bottom: 30px;
    background-color: #bce7e1;
    height: 428px;
    padding: 50px 0;
    text-align: center;
}

@media (max-width: 991px) {
    .article-promo {
        margin-bottom: 20px;
    }
}

.article-promo h3 {
    color: #242424;
    font-size: 24px;
    font-family: roboto-condensed-bold;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .article-promo h3 {
        margin-top: 13px;
    }
}

.article-promo p {
    color: #242424;
}

@media (max-width: 768px) {
    .article-promo {
        padding: 45px 20px;
    }
}

.article-promo a {
    text-transform: uppercase;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
}

@media (max-width: 768px) {
    .article-promo a {
        font-size: 18px;
    }
}

.bg-azurelight {
    background-color: #EAF8FB;
}

article featured item style
.article-featured-item .featured-item-content h3 {
    margin: 15px 0 24px;
    font-weight: 300;
}

.article-featured-item .featured-item-content p {
    font-size: 18px;
}

@media (max-width: 768px) {
    .article-featured-item .featured-item-content p {
        font-size: 16px;
    }
}

.article-featured-item .featured-item-content .pse-link-primary {
    font-size: 20px;
}

@media (max-width: 768px) {
    .article-featured-item .featured-item-content .pse-link-primary {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .featured-item {
        text-align: center;
    }
}

Article image left style
.article-image-left {
    margin-top: 45px;
}

.article-image-left .article-image img {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .article-image-left .article-image {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .article-image-left .article-text {
        margin-top: 20px;
    }
}

.article-image-left h3 {
    font-weight: 300;
    line-height: 1.19;
    margin: 0 0 17px 15px;
}

.article-image-left p {
    color: #4a4a4a;
    letter-spacing: normal;
    line-height: 1.56;
    margin: 0 0 25px 15px;
}

.article-hero-banner {
    background-size: cover;
    height: 300px;
}

row-equal-height issue fix in sitecore
.row-eq-height .article-banner, .row-eq-height .article-lg-banner, .row-eq-height .article-video-section, .row-eq-height .article-promo,
.row-eq-height .article-main-section, .row-eq-height .article-page-content, .row-eq-height .article-signup-description {
    width: 100%;
}

main .CoveoSearchInterface {
    background-color: #f6f6f6 !important;
}

    main .CoveoSearchInterface .coveo-search-section {
        margin: 25px auto 40px auto;
        padding: 0;
    }

@media (min-width: 768px) and (max-width: 991px) {
    main .CoveoSearchInterface .coveo-search-section {
        max-width: 100%;
        padding: 0;
    }
}

.coveo-list-layout.CoveoResult {
    background: #fff;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
    padding: 3px 0px 6px 35px !important;
}

    .coveo-list-layout.CoveoResult .coveo-result-cell.coveoforsitecore-information-section {
        padding-left: 0;
    }

    .coveo-list-layout.CoveoResult .CoveoExcerpt {
        font-size: 16px;
        color: #4a4a4a;
        font-family: "roboto-regular";
    }

    .coveo-list-layout.CoveoResult .CoveoResultTitle {
        font-size: 18px;
        color: #4a4a4a;
        font-family: "roboto-medium";
        font-weight: 500;
    }

    .coveo-list-layout.CoveoResult .CoveoClickableUri a.CoveoResultLink {
        text-decoration: underline;
        font-size: 16px;
        margin: 15px 0 10px;
        color: #1771cc;
        display: block;
        font-family: "roboto-medium";
    }

@media (max-width: 991px) {
    .coveo-summary-section {
        margin: 15px 0;
    }
}

.coveo-summary-section span {
    color: #4a4a4a;
    font-size: 14px;
    font-family: "roboto-medium";
    font-weight: 500;
}

    .coveo-summary-section span .coveo-highlight {
        font-weight: 500;
    }

    .coveo-summary-section span .coveo-query-summary-no-results-string .coveo-highlight {
        font-weight: bold;
    }

    .coveo-summary-section span .coveo-query-summary-no-results-string .coveo-query-summary-cancel-last {
        color: #006671;
    }

.CoveoResultList {
    margin: 5px 0 15px 0;
}

@media (max-width: 991px) {
    .CoveoResultList {
        margin: 0 !important;
    }
}

.coveo-facet-column {
    margin-right: 0 !important;
}

    .coveo-facet-column .CoveoFacet {
        border: 1px solid #d8d8d8;
        border-radius: 0;
        padding: 15px 15px 5px;
    }

        .coveo-facet-column .CoveoFacet .coveo-facet-header {
            background: none;
            border-bottom: 1px solid #d8d8d8;
            padding: 0;
            margin-bottom: 10px;
        }

            .coveo-facet-column .CoveoFacet .coveo-facet-header .coveo-facet-header-title {
                color: #4a4a4a;
                font-size: 18px;
                font-family: "roboto-regular";
            }

        .coveo-facet-column .CoveoFacet .coveo-facet-value {
            padding: 0;
        }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-checkbox {
                border: 1px solid #717171;
                border-radius: 0;
                width: 15px;
                height: 15px;
                top: 4px;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value:hover, .coveo-facet-column .CoveoFacet .coveo-facet-value.coveo-focused {
                background: none;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-selectable {
                padding: 0;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-label {
                font-weight: normal;
            }

            .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-label-wrapper {
                color: #4a4a4a;
                font-size: 16px;
                margin: 5px 0;
                font-family: "roboto-regular";
            }

.coveo-results-column {
    padding-left: 0px !important;
}

    .coveo-results-column .CoveoLogo {
        display: none !important;
    }

    .coveo-results-column .outage-card {
        padding: 23px 0 23px 23px !important;
    }

@media (max-width: 991px) {
    .coveo-results-column .outage-card {
        padding: 23px 0 23px 15px !important;
    }
}

.coveo-results-column .outage-card .media {
    margin-top: 0;
}

    .coveo-results-column .outage-card .media .media-body {
        padding-left: 15px;
    }

@media (max-width: 991px) {
    .coveo-results-column .outage-card .media .media-left.media-middle {
        float: left;
        padding: 0;
        text-align: center;
        width: 40%;
    }
}

.coveo-results-column .outage-card h6 {
    font-family: "roboto-light";
}

.coveo-results-column .outage-card .pse-form-btn {
    color: #1771cc;
    font-size: 16px;
    padding: 0;
}

    .coveo-results-column .outage-card .pse-form-btn:hover, .coveo-results-column .outage-card .pse-form-btn:visited {
        color: #1771cc;
        text-decoration: none;
    }

@media (max-width: 768px) {
    .coveo-results-column .outage-card img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .mbl-search-label {
        position: absolute;
        top: 6px;
        right: 50px;
        color: #fff;
        font-family: "roboto-condensed-bold";
        font-size: 14px;
        text-transform: uppercase;
    }
}

.pse-search-box .CoveoSearchbox .magic-box {
    border-radius: 0;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box {
        border: 0;
        display: none;
    }
}

.pse-search-box .CoveoSearchbox .magic-box .magic-box-clear {
    height: 40px;
    line-height: 40px;
    z-index: 2;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box .magic-box-clear {
        height: 35px;
        line-height: 32px;
        width: 48px;
        float: left;
        background: #006671;
    }

        .pse-search-box .CoveoSearchbox .magic-box .magic-box-clear .magic-box-clear-svg {
            color: #fff !important;
        }
}

.pse-search-box .CoveoSearchbox .magic-box .magic-box-input {
    height: 40px;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box .magic-box-input {
        height: 35px;
    }
}

.pse-search-box .CoveoSearchbox .magic-box .magic-box-input input {
    color: #242424;
    height: 40px;
    top: -12px;
    padding: 0 0 0 10px;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box .magic-box-input input {
        top: -14px;
    }
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box.magic-box-notEmpty .magic-box-input input {
        padding: 0 0 0 50px;
    }
}

.pse-search-box .CoveoSearchbox .CoveoSearchButton {
    border: none;
    height: 40px;
    position: absolute;
    right: 0;
}

@media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .CoveoSearchButton {
        background: transparent;
        height: 35px;
        display: none;
    }
}

.pse-search-box .CoveoSearchbox .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
    z-index: 9999;
}

.CoveoSearchbox .CoveoSearchButton {
    z-index: 1 !important;
}

.CoveoSearchbox .coveo-search-button-svg,
.CoveoSearchbox .magic-box .magic-box-clear-svg {
    color: #717171 !important;
}

.CoveoSearchbox .magic-box-input input {
    color: #242424;
}

.CoveoSearchbox .CoveoSearchButton:hover .coveo-magnifier-circle-svg {
    fill: #717171;
}

.coveoforsitecore-template .coveoforsitecore-information-section {
    padding-left: 0;
}

.coveo-result-row {
    margin: 0;
}

    .coveo-result-row a:hover {
        text-decoration: none !important;
    }

.coveo-facet-header-settings::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 22px;
    font-weight: bold;
}

.coveo-facet-header-settings svg.coveo-facet-settings-more-svg {
    opacity: 0;
}

.CoveoPager .coveo-pager-list-item.coveo-active, .CoveoPager .coveo-pager-list-item:hover {
    background-color: #006671;
}

.CoveoPager .coveo-pager-next-icon-svg,
.CoveoPager .coveo-pager-previous-icon-svg {
    color: #006671;
}

@media (max-width: 991px) {
    .coveo-list-layout.CoveoResult {
        padding: 3px 0px 6px 15px !important;
    }

    .CoveoSearchInterface .CoveoSearchbox {
        margin-right: 0 !important;
    }
}

@media (max-width: 991px) and (max-width: 991px) {
    .coveo-main-section {
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .coveo-main-section .coveo-dropdown-header-wrapper a.coveo-facet-dropdown-header p {
        font-size: 12px;
    }
}

.coveo-main-section .paperless-title {
    padding: 0 15px;
}

    .coveo-main-section .paperless-title h2 {
        margin: 20px 0 70px 0;
    }

.load-calendarlist thead {
    background: #fff;
    color: #006671;
    font-size: 24px;
    font-weight: 500;
    font-family: "roboto-medium";
    text-transform: uppercase;
}

.load-calendarlist .h8 {
    font-size: 18px;
}

.load-calendarlist a {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

    .load-calendarlist a:focus, .load-calendarlist a:hover {
        text-decoration: none;
    }

    .load-calendarlist a.pse-anchor-link {
        font-size: 18px;
        text-transform: capitalize;
        font-family: "roboto-condensed-bold";
    }

@media (max-width: 768px) {
    .microsites-home {
        margin: 15px;
    }
}

.microsites-home .microsoft-img {
    width: 100%;
}

.microsites-home .account-header {
    color: #fff;
    position: absolute;
    bottom: 25px;
}

    .microsites-home .account-header h4 {
        color: #fff;
    }

@media (max-width: 768px) {
    .microsites-home .account-header h4 {
        bottom: 115px;
        color: #fff;
        position: absolute;
        padding: 0 5px;
    }
}

.microsites-home .account-header a {
    font-family: "roboto-regular";
    font-size: 16px;
    color: #fff;
}

@media (max-width: 768px) {
    .microsites-home .account-header p {
        color: #000;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .microsites-home .account-header {
        position: static;
    }
}

.microsite-navigation {
    box-shadow: 0 4px 5px 0 #eeedf2;
    margin-top: 30px;
    position: relative;
    #navbars

{
    margin-top: 12px;
}

.social-media {
    position: relative;
    padding-top: 5px;
    img

{
    position: absolute;
    bottom: 0;
    &:focus,&:hover,&:visited,&:active

{
    text-decoration: none;
    background-color: $white;
}

}
}
}

@media (max-width: 768px) {
    .microsite-navigation li a {
        padding-right: 10px;
    }
}

.microsite-navigation li a img {
    height: 20px;
    width: 25px;
    vertical-align: middle;
}

    .microsite-navigation li a img:focus, .microsite-navigation li a img:hover, .microsite-navigation li a img:visited, .microsite-navigation li a img:active {
        text-decoration: none;
        background-color: #fff;
    }

.microsite-navigation .microsite-pagetitle {
    position: relative;
    bottom: 10px;
    font-size: 32px;
    font-weight: 300;
    font-family: "roboto-light";
}

@media (max-width: 768px) {
    .microsite-navigation .microsite-pagetitle {
        padding-left: 10px;
        font-size: 24px;
    }
}

.microsite-navigation .microsite-logo {
    position: relative;
    bottom: 10px;
}

@media (max-width: 768px) {
    .microsite-navigation .microsite-logo {
        padding-left: 10px;
    }
}

.microsite-navigation .user-account-nav {
    background-color: #003c4b;
    padding: 0;
    list-style: none;
    text-align: left;
    box-shadow: 0 0 5px 0 #898f9e;
}

    .microsite-navigation .user-account-nav .nav {
        display: table;
        width: 100%;
        padding-bottom: 12px;
    }

@media (max-width: 768px) {
    .microsite-navigation .user-account-nav .nav {
        margin: 0 0 35px 0;
    }
}

.microsite-navigation .user-account-nav .nav li {
    display: block;
    float: none;
}

    .microsite-navigation .user-account-nav .nav li a {
        padding: 13px 12px;
        color: #fff;
        margin: 0 20px;
    }

@media (max-width: 768px) {
    .microsite-navigation .user-account-nav .nav li a {
        text-align: left;
        font-size: 16px;
        margin: 0;
    }

        .microsite-navigation .user-account-nav .nav li a:focus, .microsite-navigation .user-account-nav .nav li a:hover, .microsite-navigation .user-account-nav .nav li a:visited, .microsite-navigation .user-account-nav .nav li a:active {
            background-color: transparent;
        }
}

.microsite-navigation .user-account-nav .nav li.active a {
    border: 0;
    font-family: "roboto-medium";
}

@media (max-width: 768px) {
    .microsite-navigation .user-account-nav .nav li.active a {
        color: #fff;
    }
}

.microsite-navigation .user-account-nav .navbar-header .navbar-toggle {
    margin: 2px 0px;
    height: 45px;
    width: 45px;
    color: #fff;
    font-size: 14px;
}

    .microsite-navigation .user-account-nav .navbar-header .navbar-toggle.collapsed {
        transform: rotate(180deg);
    }

.microsite-navigation .user-account-nav .navbar-header .navbar-brand {
    color: #fff;
}

@media (max-width: 768px) {
    .microsite-navigation .user-account-nav .navbar-header .navbar-brand {
        padding: 15px 25px;
        font-size: 16px;
        font-family: "roboto-medium";
    }
}

.microsite-navigation .nav li {
    font-family: "roboto-regular";
    font-size: 16px;
    border-right: 1px solid #4a4a4a;
    vertical-align: middle;
    padding: 0 10px;
}

@media (max-width: 768px) {
    .microsite-navigation .nav li {
        padding: 0;
    }
}

.microsite-navigation .nav li.active a {
    border-bottom: 3px solid #006671;
    font-family: "roboto-medium";
    color: #4a4a4a;
}

    .microsite-navigation .nav li.active a.social-media {
        border-bottom: 0;
    }

.microsite-navigation .nav li a {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 16px;
    padding: 0;
    line-height: 14px;
}

    .microsite-navigation .nav li a:focus, .microsite-navigation .nav li a:hover, .microsite-navigation .nav li a:visited, .microsite-navigation .nav li a:active {
        text-decoration: none;
        background-color: #fff;
    }

.microsite-navigation .nav li:last-child {
    border-right: 0;
}

.calendar-events img {
    width: 100%;
}

@media (max-width: 768px) {
    .calendar-events .margin-md-top {
        margin-top: 20px;
    }
}

.calendar-events .h7 {
    font-family: "roboto-regular";
    font-size: 24px;
}

@media (max-width: 768px) {
    .calendar-events .h7 {
        margin-top: 10px;
        font-size: 22px;
    }
}

.calendar-events .default-bullet {
    list-style-type: none;
    padding-left: 0;
}

@media (max-width: 768px) {
    .calendar-events .default-bullet li {
        font-size: 14px;
    }
}

.calendar-events p a {
    color: #197ee3;
    font-family: "roboto-condensed-bold";
    font-size: 16px;
    text-decoration: underline;
}

.calender-event-main {
    padding: 30px 0px;
}

    .calender-event-main .current-event .media-left {
        padding-right: 25px;
    }

    .calender-event-main .current-event p {
        color: #003c4b;
        font-family: "roboto-regular";
        font-size: 20px;
        margin-bottom: 5px;
    }

@media (max-width: 768px) {
    .calender-event-main .current-event p {
        font-size: 18px;
    }
}

.calender-event-main .current-event h6 {
    color: #003c4b;
    font-family: "roboto-condensed-bold";
    font-size: 24px;
}

@media (max-width: 768px) {
    .calender-event-main .current-event h6 {
        font-size: 18px;
    }
}

.calender-event-main .seeall-event {
    float: right;
    padding-top: 25px;
}

@media (max-width: 768px) {
    .calender-event-main .seeall-event {
        float: left;
    }
}

.calender-event-main .seeall-event .media-left {
    display: inline;
}

.calender-event-main .seeall-event .media-body {
    display: inline;
}

    .calender-event-main .seeall-event .media-body a {
        vertical-align: super;
        color: #003c4b;
        text-decoration: underline;
        font-size: 20px;
        font-weight: 500;
    }

.microsite-calendar .fc-prev-button {
    border: 0px #fff;
    background: #fff;
    position: relative;
    left: 300px;
    font-size: 20px;
    font-weight: bold;
    color: #c2c2c2;
}

    .microsite-calendar .fc-prev-button:focus, .microsite-calendar .fc-prev-button:active, .microsite-calendar .fc-prev-button:hover, .microsite-calendar .fc-prev-button:visited {
        background: #fff;
    }

.microsite-calendar .fc-next-button {
    border: 0px #fff;
    background: #fff;
    position: relative;
    right: 300px;
    font-size: 20px;
    font-weight: bold;
    color: #c2c2c2;
}

    .microsite-calendar .fc-next-button:focus, .microsite-calendar .fc-next-button:active, .microsite-calendar .fc-next-button:hover, .microsite-calendar .fc-next-button:visited {
        background: #fff;
    }

.microsite-calendar h2 {
    color: #006671;
    font-family: "roboto-medium";
    font-size: 32px;
}

@media (max-width: 768px) {
    .microsite-calendar h2 {
        font-size: 18px;
    }
}

.microsite-calendar .event-color.fc-bgevent {
    background: #006671;
    opacity: 1;
}

.microsite-calendar .ui-widget-header {
    font-family: "roboto-regular";
    font-size: 16px;
    border: 0px #fff;
    background: #fff;
    color: #4a4a4a;
}

.microsite-calendar .ui-widget-content {
    border: 0px #fff;
}

    .microsite-calendar .ui-widget-content .fc-scroller {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .microsite-calendar .ui-widget-content table {
        border-collapse: separate;
        border-spacing: 20px;
    }

        .microsite-calendar .ui-widget-content table .fc-day-top {
            position: relative;
        }

            .microsite-calendar .ui-widget-content table .fc-day-top .fc-day-number {
                font-family: "roboto-light";
                font-size: 32px;
                position: absolute;
                left: 33%;
            }

        .microsite-calendar .ui-widget-content table td.fc-day {
            border: 1px solid #d8d8d8;
            background: #d8d8d8;
            height: 90px;
            bottom: 17px;
            position: relative;
        }

        .microsite-calendar .ui-widget-content table td.fc-event-container {
            text-align: center;
            position: relative;
            bottom: 30px;
        }

        .microsite-calendar .ui-widget-content table .fc-event {
            position: relative;
            display: block;
            font-size: 14px;
            font-family: "roboto-medium";
            border: 1px solid #006671;
            background-color: #006671;
        }

.article-component-margin .article-tiles {
    border: none !important;
}

    .article-component-margin .article-tiles .article-tiles-img img {
        vertical-align: bottom;
    }

    .article-component-margin .article-tiles .article-tiles-content span,
    .article-component-margin .article-tiles .article-tiles-content .news-date {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        font-family: "roboto-light";
    }

    .article-component-margin .article-tiles .article-tiles-content p {
        display: block;
        -webkit-line-clamp: unset !important;
    }

.article-component-margin .row-eq-height {
    flex-grow: 0;
}

.component-without-border {
    margin-top: 70px;
}

    .component-without-border .article-tiles {
        border: none;
    }

        .component-without-border .article-tiles .article-tiles-content {
            padding-left: 0;
            padding-right: 0;
        }

            .component-without-border .article-tiles .article-tiles-content span,
            .component-without-border .article-tiles .article-tiles-content .news-date {
                display: block;
                margin-bottom: 5px;
                font-size: 14px;
                font-family: "roboto-light";
            }

            .component-without-border .article-tiles .article-tiles-content p {
                display: block;
                -webkit-line-clamp: unset !important;
            }

    .component-without-border .row-eq-height {
        flex-grow: 0;
    }

.component-with-border .article-tiles .article-tiles-content span,
.component-with-border .article-tiles .article-tiles-content .news-date {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: "roboto-light";
}

.component-with-border .article-tiles .article-tiles-content p {
    display: block;
    -webkit-line-clamp: unset !important;
}

.component-with-border .row-eq-height {
    flex-grow: 0;
}

.component-with-border h2 {
    font-size: 42px;
    font-family: "roboto-light";
    color: #4a4a4a;
    margin-bottom: 30px;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .component-with-border h2 {
        font-size: 32px;
    }
}

.microsite-accordion {
    padding: 20px;
}

    .microsite-accordion .accordion-section {
        padding-top: 0;
    }

        .microsite-accordion .accordion-section .panel-group {
            margin-bottom: 0;
        }

.microsite-content h2,
.microsite-content h3,
.microsite-content p {
    color: #4a4a4a;
    font-family: "roboto-regular";
}

.microsite-content h2 {
    font-size: 34px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .microsite-content h2 {
        font-size: 24px;
    }
}

.microsite-content h3 {
    font-size: 24px;
    font-family: "roboto-light";
}

@media (max-width: 768px) {
    .microsite-content h3 {
        font-size: 18px;
    }
}

.related-links-wrapper {
    margin-bottom: 40px;
}

    .related-links-wrapper h3 {
        font-size: 24px;
        font-family: "roboto-condensed-bold";
    }

@media (max-width: 768px) {
    .related-links-wrapper h3 {
        font-size: 18px;
        margin-top: 15px;
    }
}

ul.related-links-vertical li {
    margin-top: 25px;
}

    ul.related-links-vertical li a {
        font-size: 18px;
        font-family: "roboto-regular";
        font-weight: 500;
        text-decoration: underline;
        color: #1771cc;
    }

ul.related-links-horizontal {
    display: inline-block;
}

    ul.related-links-horizontal li {
        display: inline-block;
        margin-right: 20px;
    }

.microsite-gallery .video-gallery,
.microsite-gallery .video-slider .video-wrapper {
    padding-top: 0;
}

.microsites-vertical-tabs {
    background-color: #f6f6f6;
}

    .microsites-vertical-tabs .vertical-navigation-list {
        border-right: 1px solid rgba(74, 74, 74, 0.17);
    }

        .microsites-vertical-tabs .vertical-navigation-list li:first-child {
            margin-top: 15px;
        }

    .microsites-vertical-tabs .item-content h3 {
        font-size: 32px;
        font-family: "roboto-light";
        color: #4a4a4a;
    }

@media (max-width: 768px) {
    .microsites-vertical-tabs .item-content h3 {
        font-size: 24px;
    }
}

.microsites-vertical-tabs .item-content h6 {
    font-size: 20px;
}

@media (max-width: 768px) {
    .microsites-vertical-tabs .item-content h6 {
        font-size: 18px;
    }
}

.microsites-vertical-tabs .preference-wrapper.tabbed-content .item {
    border-left: none;
}

.community-hero-wrapper .community-content-main {
    margin-top: 50px;
}

    .community-hero-wrapper .community-content-main .microsite-content {
        margin-bottom: 30px;
    }

        .community-hero-wrapper .community-content-main .microsite-content h2 {
            font-size: 48px;
            font-family: "roboto-light";
        }

@media (max-width: 768px) {
    .community-hero-wrapper .community-content-main .microsite-content h2 {
        font-size: 32px;
    }
}

.community-hero-wrapper .community-content-main .microsite-content p {
    font-size: 18px;
}

.community-hero-wrapper .community-content-main .community-quicklink .microsite-cta-vertical h6,
.community-hero-wrapper .community-content-main .community-quicklink .microsite-cta-horizontal h6 {
    font-size: 20px;
    font-family: "roboto-condensed-bold";
    color: #4a4a4a;
}

.community-hero-wrapper .community-heroimg img {
    width: 100%;
    height: auto;
}

.microsite-tabs-container {
    margin-top: 0px;
}

    .microsite-tabs-container .tabbed-content .item.active .item-content .realted-links li {
        margin-top: 5px;
    }

    .microsite-tabs-container .tabbed-content .item.active .item-content h3 {
        margin-top: 0;
        color: #4a4a4a;
        font-family: "roboto-light";
        font-size: 32px;
        font-weight: 300;
    }

@media (max-width: 768px) {
    .microsite-tabs-container .tabbed-content .item.active .item-content h3 {
        font-size: 24px;
    }
}

ul.microsite-cta-horizontal {
    margin-top: 20px;
}

    ul.microsite-cta-horizontal li {
        margin-right: 25px;
        display: inline-block;
    }

        ul.microsite-cta-horizontal li .cta-icon {
            display: inline-block;
            margin-right: 10px;
            vertical-align: bottom;
        }

        ul.microsite-cta-horizontal li .cta-content {
            display: inline-block;
        }

            ul.microsite-cta-horizontal li .cta-content h6 {
                font-size: 20px;
                font-family: "roboto-condensed-bold";
                color: #fff;
            }

@media (max-width: 768px) {
    ul.microsite-cta-horizontal li .cta-content h6 {
        color: #4a4a4a;
        font-size: 18px;
    }
}

ul.microsite-cta-vertical {
    padding-top: 10px;
}

    ul.microsite-cta-vertical li {
        display: block;
        margin-bottom: 15px;
    }

        ul.microsite-cta-vertical li .cta-icon {
            display: inline-block;
            margin-right: 10px;
            vertical-align: bottom;
        }

        ul.microsite-cta-vertical li .cta-content {
            display: inline-block;
        }

            ul.microsite-cta-vertical li .cta-content h6 {
                font-size: 20px;
                font-family: "roboto-condensed-bold";
                color: #fff;
            }

@media (max-width: 768px) {
    ul.microsite-cta-vertical li .cta-content h6 {
        font-size: 18px;
    }
}

.microsite-secondary-header .microsite-title {
    font-size: 42px;
    color: #4a4a4a;
    font-family: "roboto-light";
    font-weight: 300;
}

.project-detail {
    margin: 50px 0px;
}

    .project-detail h4.project-title {
        font-family: "roboto-regular";
        font-size: 24px;
        color: #006671;
    }

@media (max-width: 768px) {
    .project-detail h4.project-title {
        font-size: 18px;
    }
}

.project-detail .realted-links li {
    margin-top: 15px !important;
}

    .project-detail .realted-links li a {
        font-size: 16px;
    }

.service-bullets .pse-bullet .fa {
    margin-right: 10px;
}

.service-bullets .pse-bullet .fa-ban:before {
    color: #ed9f1b;
}

.service-bullets .pse-bullet .fa-check-circle:before {
    color: #b8c42e;
}

.p {
    font-family: "roboto-regular";
    font-size: 18px;
    margin-bottom: 10px;
}

.nobullet .service-bullets .pse-bullet {
    padding-left: 0;
}

.account-number, .amount, .percent, .payments-dates .service-bullets .lists .list-items .pse-bullet li {
    font-family: "roboto-medium";
    font-size: 18px;
}

.bg-grey-wrapper > .bg-grey {
    padding: 35px 23px;
    margin: 0;
    line-height: 18px;
}

@media (max-width: 767px) {
    .bg-grey-wrapper > .bg-grey {
        padding: 40px 20px;
        margin: 0;
    }
}

.service-info {
    margin: 0 0 20px;
}

.body-l + .list-items .pse-bullet li {
    font-family: "roboto-regular";
    font-size: 16px;
}

Slider
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

Slider
.slick-loading .slick-list {
    background: #fff;
}

Icons
@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

Arrows
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

Dots
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: black;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: black;
            opacity: 0.75;
        }

.allmaplist {
    min-width: 200px;
}

.searchComponent {
    padding-top: 18px;
}

@media (max-width: 991px) {
    .searchComponent {
        text-align: center;
    }
}

.searchComponent .all-maps-search {
    position: relative;
}

    .searchComponent .all-maps-search #pse-search-txt {
        height: 48px;
        width: 262px;
        border-radius: 0;
        border: solid 1px #979797;
        font-family: "roboto-regular";
        font-size: 18px;
        color: #717171;
    }

        .searchComponent .all-maps-search #pse-search-txt:focus {
            box-shadow: none;
        }

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .searchComponent .all-maps-search #pse-search-txt {
        font-size: 14px;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .searchComponent .all-maps-search #pse-search-txt {
        width: 100%;
    }
}

.searchComponent .all-maps-search #MAPSearchBtn {
    position: absolute;
    right: 30px;
    top: 11px;
    color: #717171;
    font-size: 17px;
    cursor: pointer;
}

@media (max-width: 991px) {
    .searchComponent .searchwithin {
        margin: 15px 0;
    }
}

.searchComponent .searchwithin label {
    padding-right: 14px;
    font-size: 16px;
    font-family: "roboto-medium";
    line-height: 1.75;
    letter-spacing: .3px;
    color: #4a4a4a;
    font-weight: 500;
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .searchComponent .searchwithin label {
        font-size: 14px;
    }
}

.searchComponent .searchwithin .custom-select-arrow {
    display: inline-block;
    position: relative;
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .searchComponent .searchwithin .custom-select-arrow {
        width: 49%;
    }
}

.searchComponent .searchwithin .custom-select-arrow select {
    width: 143px;
    height: 48px;
    padding: 0;
    padding-left: 10px;
    font-family: "roboto-regular";
    font-size: 18px;
    color: #717171;
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .searchComponent .searchwithin .custom-select-arrow select {
        width: 100%;
    }
}

.searchComponent .searchwithin .custom-select-arrow:after {
    bottom: 11px;
    font-size: 20px;
    padding: 0;
    right: 15px;
}

@media (max-width: 991px) {
    .searchComponent .searchwithin .custom-select-arrow:after {
        right: 9%;
    }
}

.searchComponent .searchReset {
    padding: 4px 0 0;
    text-align: right;
}

@media (max-width: 991px) {
    .searchComponent .searchReset {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .searchComponent .searchReset {
        padding-top: 4px;
    }
}

.searchComponent .searchReset a.btn {
    display: inline-block;
    width: 125px;
    height: 40px;
    font-weight: bold;
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .searchComponent .searchReset a.btn {
        width: 107px;
    }
}

.searchComponent .searchReset a.btn:first-child {
    padding: 5px 0;
    margin-right: 11px;
}

.searchComponent .searchReset .secondary {
    padding: 3px 0;
    background: #fff;
    color: #1771cc;
    border: 2px solid #1771cc;
}

.form-wrapper-styling {
    background: #f6f6f6;
    margin: 30px 0 20px 0;
    padding: 31px 40px;
    font-family: "roboto-light";
}

    .form-wrapper-styling .form-group {
        margin-bottom: 30px;
    }

        .form-wrapper-styling .form-group #recaptcha {
            margin-top: 60px;
        }

.form-wrapper-styling .custom-textfield{
    margin-bottom:8px;
}

.form-wrapper-styling div {
    margin-bottom: 15px;
}

        .form-wrapper-styling div label {
            margin-top: 5px;
            font-weight: bold;
            width: 100%;
        }

        .form-wrapper-styling div input,
        .form-wrapper-styling div select {
            width: 100%;
            height: 66px;
            font-size: 16px;
            padding: 0 10px;
        }

            .form-wrapper-styling div input:focus,
            .form-wrapper-styling div select:focus {
                outline: 0;
            }

        .form-wrapper-styling div textarea {
            width: 100%;
            height: 130px;
            font-size: 16px;
        }

            .form-wrapper-styling div textarea:focus {
                outline: 0;
            }

        .form-wrapper-styling div input[type=radio],
        .form-wrapper-styling div input[type=checkbox] {
            width: 20px;
            height: auto;
            vertical-align: top;
        }

            .form-wrapper-styling div input[type=radio]:focus,
            .form-wrapper-styling div input[type=checkbox]:focus {
                outline: 0;
            }

        .form-wrapper-styling div input[type=date] {
            border: solid 1px #979797;
            border-radius: 0;
        }

            .form-wrapper-styling div input[type=date]::-webkit-inner-spin-button, .form-wrapper-styling div input[type=date]::-webkit-clear-button {
                display: none;
                -webkit-appearance: none;
            }

            .form-wrapper-styling div input[type=date]::-ms-clear {
                display: none;
            }

            .form-wrapper-styling div input[type=date]:focus {
                box-shadow: none;
            }

        .form-wrapper-styling div input[type=submit] {
            width: 200px;
            text-align: center;
            font-size: 20px;
            height: 38px;
        }

        .form-wrapper-styling div .field-validation-error,
        .form-wrapper-styling div .validation-summary-errors,
        .form-wrapper-styling div .errorMessage {
            color: #d0021b;
            font-family: "roboto-medium";
        }

.validation-summary-errors {
    color: #d0021b;
    font-family: "roboto-medium";
    margin-top: 20px;
}

.sitecore-form {
    width: 100%;
}

    .sitecore-form .form-group.next-section {
        text-align: right;
    }

        .sitecore-form .form-group.next-section .btn.btn-action {
            background: transparent;
            color: #1771cc;
            width: auto;
        }

            .sitecore-form .form-group.next-section .btn.btn-action:active {
                box-shadow: none;
                -webkit-box-shadow: none;
            }

            .sitecore-form .form-group.next-section .btn.btn-action:hover {
                color: #004A94;
            }

        .sitecore-form .form-group.next-section:after {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #1771cc;
            position: relative;
            top: 3px;
            content: "\f054";
        }

    .sitecore-form .form-group.prev-next-section {
        display: inline-block;
        width: 100%;
        position: relative;
    }

        .sitecore-form .form-group.prev-next-section .btn.btn-action {
            background: transparent;
            color: #1771cc;
            width: auto;
        }

            .sitecore-form .form-group.prev-next-section .btn.btn-action:active {
                box-shadow: none;
                -webkit-box-shadow: none;
            }

            .sitecore-form .form-group.prev-next-section .btn.btn-action:hover {
                color: #004A94;
            }

        .sitecore-form .form-group.prev-next-section .cancel {
            float: left;
            margin-left: 15px;
        }

        .sitecore-form .form-group.prev-next-section .next {
            float: right;
            margin-right: 15px;
        }

        .sitecore-form .form-group.prev-next-section:before, .sitecore-form .form-group.prev-next-section:after {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #1771cc;
            position: absolute;
            top: 12px;
        }

        .sitecore-form .form-group.prev-next-section:before {
            content: "\f053";
            left: 0;
        }

        .sitecore-form .form-group.prev-next-section:after {
            content: "\f054";
            right: 0;
        }

    .sitecore-form .form-group.submit-section {
        display: inline-block;
        width: 100%;
        position: relative;
    }

        .sitecore-form .form-group.submit-section .cancel {
            background: transparent;
            color: #1771cc;
            width: auto;
            float: left;
            margin-left: 15px;
        }

            .sitecore-form .form-group.submit-section .cancel:active {
                box-shadow: none;
                -webkit-box-shadow: none;
            }

            .sitecore-form .form-group.submit-section .cancel:hover {
                color: #004A94;
            }

        .sitecore-form .form-group.submit-section:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #1771cc;
            position: absolute;
            top: 12px;
            content: "\f053";
            left: 0;
        }

        .sitecore-form .form-group.submit-section .scob-form-btn {
            float: right;
        }

@media (max-width: 768px) {
    .sitecore-form .form-group.submit-section .scob-form-btn {
        width: 120px;
    }
}

.loader-contentarea {
    display: none;
}

    .loader-contentarea.show {
        display: block;
        position: fixed;
        z-index: 1042;
        background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader.gif"), rgba(0, 0, 0, 0.5);
        opacity: 1;
        background-repeat: no-repeat !important;
        background-position: center !important;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
    }

@media (max-width: 768px) {
    .loader-contentarea.show {
        background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader-mobile.gif"), rgba(0, 0, 0, 0.5);
    }
}

#sessionTimeoutModal {
    width: 100%;
    max-width: 780px;
    margin: auto;
    margin-top: 15%;
}

    #sessionTimeoutModal .modal-content .modal-header {
        background-color: #00A6CF;
        font-family: 'roboto-condensed-bold';
        font-size: 24px;
        color: #242424;
    }

    #sessionTimeoutModal .modal-content .modal-body {
        font-family: roboto-regular;
        font-size: 16px;
        line-height: 30px;
        color: #4A4A4A;
        background-color: #EAF8FB;
    }

        #sessionTimeoutModal .modal-content .modal-body .btn {
            margin-top: 20px;
        }

.account-selector-ul {
    display: table;
    width: 100%;
    white-space: nowrap;
    list-style-type: none;
    height: 60px;
    border: 1px solid #f5f5f5;
}

    .account-selector-ul li {
        vertical-align: middle;
        float: left;
        display: table-cell;
    }

    .account-selector-ul .li-1 {
        width: 8%;
        background-color: #c3e7e3;
        text-align: center;
    }

        .account-selector-ul .li-1 .div1 {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            width: 100px;
            height: 60px;
        }

        .account-selector-ul .li-1 .moreLabelDiv {
            text-decoration: none;
            color: black;
            font-size: 9px;
        }

    .account-selector-ul .li-2 {
        width: 6%;
    }

        .account-selector-ul .li-2 .div1 {
            height: 60px;
            width: 60px;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }

    .account-selector-ul .li-3 {
        width: 17%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .account-selector-ul .li-3 .div1 {
            height: 60px;
            vertical-align: middle;
            display: table-cell;
        }

            .account-selector-ul .li-3 .div1 .nameDiv {
                font-family: roboto-regular;
            }

            .account-selector-ul .li-3 .div1 .accountNumberDiv {
                font-family: "roboto-regular";
                font-size: 18px;
                font-weight: inherit;
            }

    .account-selector-ul .li-4 {
        width: 30%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .account-selector-ul .li-4 .div1 {
            height: 60px;
            vertical-align: middle;
            display: table-cell;
            padding-left: 20px;
        }

            .account-selector-ul .li-4 .div1 .customerNameDiv {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-size: 12px;
                width: 75%;
            }

            .account-selector-ul .li-4 .div1 .contractIdDiv {
                font-size: 16px;
            }

    .account-selector-ul .li-5 {
        width: 7%;
    }

        .account-selector-ul .li-5 .div1 {
            height: 60px;
            vertical-align: middle;
            display: table-cell;
        }

            .account-selector-ul .li-5 .div1 .statusDiv {
                font-family: "roboto-regular";
                font-size: 18px;
                font-weight: inherit;
                margin-top: 20px;
            }

    .account-selector-ul .li-6 {
        width: 29%;
        padding-left: 25px;
        font-family: "roboto-regular";
        font-size: 18px;
        font-weight: inherit;
        vertical-align: bottom;
        display: block;
        display: -webkit-box;
        max-width: 29%;
        height: 55px;
        line-height: 1.25;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        margin-top: 0;
        padding-top: 6px;
    }

        .account-selector-ul .li-6 span.unit-nowrap {
            white-space: nowrap;
        }

    .account-selector-ul .li-7 {
        width: 50%;
        padding-top: 12px;
        padding-right: 10px;
        padding-left: 10px;
        padding-left: 25px;
        display: block;
        display: -webkit-box;
        height: 55px;
        font-size: 18px;
        line-height: 1.25;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        margin-top: 0;
    }

        .account-selector-ul .li-7 .div1 {
            font-size: 12px;
            font-family: roboto;
            font-weight: bold;
        }

        .account-selector-ul .li-7 span.unit-nowrap {
            white-space: nowrap;
        }

    .account-selector-ul .li-8 {
        width: 16%;
    }

        .account-selector-ul .li-8 .div1 {
            height: 60px;
            vertical-align: middle;
            display: table-cell;
            padding-left: 10px;
        }

            .account-selector-ul .li-8 .div1 .dueDateDiv {
                font-weight: 700;
                padding-left: 30%;
            }

            .account-selector-ul .li-8 .div1 .dueAmountDiv {
                font-family: "roboto-regular";
                font-size: 18px;
                font-weight: inherit;
                padding-left: 30%;
            }

    .account-selector-ul .li-9 {
        width: 17%;
        white-space: nowrap;
    }

        .account-selector-ul .li-9 .div1 {
            height: 60px;
            vertical-align: middle;
            display: table-cell;
            text-align: right;
        }

            .account-selector-ul .li-9 .div1 .payNowButtonDiv {
                padding-left: 23%;
            }

.rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

    .rotate.upChev {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.account-selector-section-2 {
    display: block;
}

    .account-selector-section-2 ul {
        display: table;
        width: 100%;
        border: 1px solid #f5f5f5;
    }

        .account-selector-section-2 ul .li-1 {
            float: left;
            width: 8%;
            display: table-cell;
        }

        .account-selector-section-2 ul .li-2 {
            float: left;
            width: 46%;
        }

            .account-selector-section-2 ul .li-2 .div1 {
                padding-left: 20px;
                display: table-cell;
                vertical-align: middle;
                height: 40px;
            }

                .account-selector-section-2 ul .li-2 .div1 .spanDueDate {
                    font-weight: bold;
                    font-size: 16px;
                    font-family: roboto;
                }

                .account-selector-section-2 ul .li-2 .div1 .spanDueAmount {
                    padding-left: 10px;
                    font-size: 16px;
                }

        .account-selector-section-2 ul .li-3 {
            float: left;
            width: 46%;
        }

            .account-selector-section-2 ul .li-3 .div1 {
                width: 46%;
                display: table-cell;
                vertical-align: middle;
                height: 40px;
            }

                .account-selector-section-2 ul .li-3 .div1 .payNowXs {
                    font-size: 16px;
                }

.account-selector-section-3 span.unit-nowrap {
    white-space: nowrap;
    display: inline-block;
    margin-right: 5px;
}

.account-selector-section-3 .div1 {
    display: none;
}

    .account-selector-section-3 .div1 .li-1 {
        padding: 0;
    }

        .account-selector-section-3 .div1 .li-1 a {
            background-color: #c3e7e3;
        }

            .account-selector-section-3 .div1 .li-1 a div {
                margin-top: 1px;
                color: black;
                font-size: 11px;
            }

    .account-selector-section-3 .div1 .li-2 {
        padding-left: 10px;
    }

.account-selector-section-3 .div2 {
    display: none;
}

.account-selector-section-3 .div3 .panelBodyDiv {
    padding: 20px;
}

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 {
        list-style-type: none;
        width: 95%;
        display: table;
        padding: 5px;
        margin-left: 5%;
        margin-right: 5%;
    }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-1 {
            float: left;
            display: table-cell;
            width: 5%;
            padding-left: 3%;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-2 {
            float: left;
            display: table-cell;
            width: 20%;
            cursor: pointer;
            text-decoration: underline;
            font-size: 18px;
            padding-left: 3%;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-3 {
            float: left;
            display: table-cell;
            width: 10%;
            font-size: 18px;
            padding-left: 1.5%;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
            float: left;
            display: table-cell;
            width: 30%;
            padding-left: 1.5%;
            text-overflow: ellipsis;
            display: block;
            display: -webkit-box;
            max-width: 30%;
            height: 45px;
            margin: 0 auto;
            font-size: 18px;
            line-height: 1.25;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-5 {
            float: left;
            display: table-cell;
            width: 20%;
            padding-left: 5%;
            text-align: left;
            font-size: 18px;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-6 {
            float: left;
            display: table-cell;
            width: 10%;
            padding-left: 1.5%;
            text-align: right;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-1 {
            float: left;
            display: table-cell;
            width: 6%;
            vertical-align: middle;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 {
            float: left;
            display: table-cell;
            width: 59%;
            height: 60px;
            vertical-align: middle;
        }

            .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div1 {
                display: table-cell;
                vertical-align: middle;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 14px;
            }

                .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div1 span {
                    cursor: pointer;
                    text-decoration: underline;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div2 {
                font-size: 12px;
                padding-top: 5px;
            }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-3 {
            float: left;
            display: table-cell;
            width: 35%;
            padding-left: 10px;
            font-size: 14px;
        }

    .account-selector-section-3 .div3 .panelBodyDiv .viewAccountsDiv .viewAllAccountsButton {
        padding: 10px !important;
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .account-selector-ul .li-3 .div1 .nameDiv {
        font-size: 14px;
        padding-left: 8%;
    }

    .account-selector-ul .li-3 .div1 .accountNumberDiv {
        font-size: 16px;
        padding-left: 8%;
    }

    .account-selector-ul .li-5 .div1 .statusDiv {
        font-size: 16px;
        padding-left: 40%;
    }

    .account-selector-ul .li-6 {
        font-size: 16px;
        padding-left: 5.5%;
        height: 45px;
        margin-top: 5px;
    }

    .account-selector-ul .li-8 .div1 .dueDateDiv {
        font-weight: 700;
        padding-left: 2%;
        font-size: 12px;
    }

    .account-selector-ul .li-8 .div1 .dueAmountDiv {
        padding-left: 2%;
        font-size: 16px;
    }

    .account-selector-ul .li-9 .div1 .payNowButtonDiv {
        padding-left: 30%;
        font-size: 16px;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-1 {
        padding-left: 1%;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-2 {
        font-size: 16px;
        padding-left: 4%;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-3 {
        font-size: 16px;
        padding-left: 4%;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
        font-size: 16px;
        padding-left: 5%;
        height: 40px;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-5 {
        font-size: 14px;
        padding-left: 3%;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-6 {
        font-size: 16px;
        padding-left: 5%;
        text-align: right;
    }
}

@media only screen and (max-width: 767px) {
    .account-selector-ul .visible-xs.li-7 {
        white-space: normal;
        display: -webkit-box !important;
    }

        .account-selector-ul .visible-xs.li-7 .f12 {
            display: none;
        }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div2 {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .account-selector-ul .li-1 {
        width: 15%;
        background-color: #c3e7e3;
        text-align: center;
    }

    .account-selector-ul .li-4 {
        overflow: visible;
    }

        .account-selector-ul .li-4 .div1 {
            padding-left: 5%;
            padding-top: 2%;
        }

            .account-selector-ul .li-4 .div1 .customerNameDiv {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-size: 14px;
                width: 80%;
            }

            .account-selector-ul .li-4 .div1 .contractIdDiv {
                font-size: 14px;
                overflow: visible;
            }

    .account-selector-ul .li-7 {
        width: 55%;
        padding-top: 15px;
        padding-right: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
        padding-left: 12%;
    }

    .account-selector-ul .visible-xs.li-7 {
        white-space: normal;
        height: 50px;
    }

    .account-selector-section-2 ul .li-1 {
        display: none;
    }

    .account-selector-section-2 ul .li-2 {
        float: left;
        width: 46%;
        padding-left: 15%;
    }

        .account-selector-section-2 ul .li-2 .div1 {
            display: flex;
            padding-left: 1%;
        }

            .account-selector-section-2 ul .li-2 .div1 .spanDueDate {
                font-size: 14px;
            }

            .account-selector-section-2 ul .li-2 .div1 .spanDueAmount {
                font-size: 14px;
                padding-left: 32%;
                padding-top: 16%;
                white-space: nowrap;
            }

    .account-selector-section-2 ul .li-3 {
        float: right;
        width: 25%;
    }

        .account-selector-section-2 ul .li-3 .div1 {
            width: 20%;
        }

            .account-selector-section-2 ul .li-3 .div1 .payNowXs {
                font-size: 14px;
                padding-right: 20%;
                width: 100px;
            }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
        display: table-cell;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div1 {
        overflow: auto;
        text-overflow: initial;
        font-size: 14px;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div2 {
        display: contents;
    }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-3 {
        padding-left: 10%;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .account-selector-ul .li-6 {
        position: relative;
        max-height: 3em;
        margin-right: -1em;
        padding-right: 15px;
        display: block;
        line-height: 1.25em;
    }

        .account-selector-ul .li-6:before {
            position: absolute;
            content: "…";
            right: 5px;
            bottom: 3px;
        }

        .account-selector-ul .li-6:after {
            position: absolute;
            content: "";
            right: 0;
            margin-top: 0.2em;
            width: 1em;
            height: 1em;
            background: white;
        }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
        position: relative;
        max-height: 3em;
        margin-right: -1em;
        padding-right: 15px;
        display: block;
        line-height: 1.25em;
    }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:before {
            position: absolute;
            content: "…";
            right: 5px;
            bottom: 0;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:after {
            position: absolute;
            content: "";
            right: 0;
            margin-top: 0.2em;
            width: 1em;
            height: 1em;
            background: white;
        }

    .account-selector-section-3 .div3 .panelBodyDiv .my-new-row-selector:hover .li-4:after {
        background: #c3e7e3;
    }
}

@supports (-ms-ime-align: auto) {
    .account-selector-ul .li-6 {
        position: relative;
        max-height: 3em;
        margin-right: -1em;
        padding-right: 15px;
        display: block;
        line-height: 1.25em;
    }

        .account-selector-ul .li-6:before {
            position: absolute;
            content: "…";
            right: 5px;
            bottom: 3px;
        }

        .account-selector-ul .li-6:after {
            position: absolute;
            content: "";
            right: 0;
            margin-top: 0.2em;
            width: 1em;
            height: 1em;
            background: white;
        }

    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
        position: relative;
        max-height: 3em;
        margin-right: -1em;
        padding-right: 15px;
        display: block;
        line-height: 1.25em;
    }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:before {
            position: absolute;
            content: "…";
            right: 5px;
            bottom: 0;
        }

        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:after {
            position: absolute;
            content: "";
            right: 0;
            margin-top: 0.2em;
            width: 1em;
            height: 1em;
            background: white;
        }

    .account-selector-section-3 .div3 .panelBodyDiv .my-new-row-selector:hover .li-4:after {
        background: #c3e7e3;
    }
}

.calculation {
    margin-top: -37px;
}

    .calculation .confirm-accountInfo {
        padding: 30px 20px 20px 20px;
    }

    .calculation .blocks {
        position: relative;
        background-color: #fff;
        margin-bottom: 20px;
        border: solid 1px #979797;
        transition: all 200ms;
        padding: 8px 0 8px 10px;
        font-size: 20px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #717171;
        z-index: 1;
        margin: 0;
        cursor: pointer;
        font-family: "roboto-light";
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 40px;
        width: 60px;
    }

    .calculation .max-share-style {
        padding-left: 45px;
        font-family: "roboto-medium";
        font-size: 12px;
        font-weight: 500;
        color: #1F497D;
    }

@media (max-width: 768px) {
    .calculation .max-share-style {
        padding-left: 15px;
        padding-top: 30px;
    }
}

.calculation #errmsg {
    color: #d0021b;
    font-family: 'roboto-regular';
    font-size: 12px;
}

    .calculation #errmsg::before {
        content: '';
        font-family: 'fontawesome';
        font-size: 12px;
        margin-right: 5px;
    }

.calculation .row-pad {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.calculation .col-pad {
    padding-left: 20px;
}

.calculation .label-pad {
    padding-top: 10px;
}

.calculation .calculate-impact-label {
    font-size: 18px;
    font-weight: 500;
    font-family: "roboto-medium";
    color: #4a4a4a;
}

.calculation .description {
    font-family: "roboto-regular";
    font-size: 18px;
    font-weight: 400;
    color: #4a4a4a;
    padding-top: 10px;
    line-height: 1.5;
}

.calculation .btn-style {
    width: 195px;
    padding: 7px 30px;
    border-radius: 20px;
    color: #1771cc;
    font-size: 20px;
    background-color: #fff;
    border-radius: 47px;
    text-transform: uppercase;
    border: 3px solid #1771cc;
    font-family: "roboto-condensed-bold";
}

    .calculation .btn-style:hover {
        background-color: #004A94;
        padding: 7px 30px;
        border-radius: 47px;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        border: 3px solid #004A94;
        font-family: 'roboto-condensed-bold';
    }

.calculation .btn-disabled {
    border: 2px solid #BFBFBF;
    background-color: #fff;
    color: #BFBFBF;
    font-family: 'roboto-condensed-bold';
}

    .calculation .btn-disabled:hover {
        border: 2px solid #BFBFBF;
        background-color: #fff;
        color: #BFBFBF;
    }

.csol-calculator-result .review {
    border-bottom: 1px solid #d2d2d2;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-top: -20px;
}

.csol-calculator-result .review-pad {
    padding-left: 15px;
    padding-right: 15px;
}

.csol-calculator-result .average-results {
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding-top: 15px;
    padding-bottom: 20px;
}

.csol-calculator-result .csol-result-content {
    padding-left: 15px;
    padding-bottom: 30px;
    padding-right: 15px;
}

.csol-calculator-result .result-subhead {
    text-align: center;
    padding-top: 40px;
}

.csol-calculator-result .subscription {
    background-color: #699B4E;
    height: 130px;
}

.csol-calculator-result .m1 {
    padding: 30px 15px;
    padding-bottom: 40px;
}

.csol-calculator-result .bord {
    border-bottom: 1px solid #fff;
}

.csol-calculator-result .impact {
    background-color: #f6f6f6;
    padding-top: 30px;
    height: 130px;
    text-align: center;
}

.csol-calculator-result .m2 {
    margin-right: 20px;
    float: left;
}

.csol-calculator-result .result-cont {
    color: #fff;
}

.csol-calculator-result .result-conts {
    color: #699B4E;
}

.csol-calculator-result .avg-value {
    font-family: "roboto-light";
    font-size: 42px;
    font-weight: 300;
    color: #006671;
}

@media (max-width: 768px) {
    .csol-calculator-result .avg-value {
        font-size: 32px;
    }
}

.csol-calculator-result .res-val1 {
    font-family: "roboto-medium";
    font-size: 24px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .csol-calculator-result .res-val1 {
        font-size: 18px;
        font-weight: 500;
    }
}

.csol-calculator-result .res-val2 {
    font-family: "roboto-medium";
    font-size: 16px;
    font-weight: 500;
}

.csol-calculator-result .res-val3 {
    padding-top: 30px;
}

.csol-calculator-result .info {
    border-top: 1px solid #d2d2d2;
}

.csol-calculator-result .closing-bord {
    padding-bottom: 10px;
}

.csol-calculator-result .based {
    font-family: "roboto-regular";
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
}

.csol-calculator-result .based-pad {
    padding-top: 10px;
}

.community-solar-ineligible .renewables-calculator {
    padding: 20px 20px;
}

.community-solar-ineligible .fa {
    color: #1771cc;
}

.csol-review .confirm-accountInfo {
    padding: 20px;
}

.csol-review .wrapper-section {
    padding: 0 15px 30px 15px;
}

@media (max-width: 991px) {
    .csol-review .pse-btn-primary.pse-btn-lw {
        display: block;
        margin-bottom: 15px;
    }
}

.csol-review .wrapper-section p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80ch;
}

@media (max-width: 991px) {
    .csol-review .wrapper-section p {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.csol-review .unenroll-info {
    margin: 0 -15px;
}

.csol-review .wrapper-section .acc-info {
    margin-bottom: 5px;
}

.csol-review .pse-btn-primary.pse-btn-lw:disabled {
    background-color: #BFBFBF;
    padding: 6px 30px;
    border-radius: 47px;
    color: #f0f0f0;
    font-size: 20px;
    text-transform: uppercase;
    border: 2px solid #BFBFBF;
    font-family: 'roboto-condensed-bold';
}

.csol-review .button-section {
    padding: 0;
}

.csol-review .tnc-section {
    padding: 0 15px 30px 15px;
}

.csol-review .pse-form-btn {
    background-color: Transparent;
    border: 0;
    color: #1771cc;
    cursor: pointer;
    font-family: 'roboto-condensed-bold';
    font-size: 20px;
    font-weight: bold;
    outline: none;
    overflow: hidden;
    text-transform: uppercase;
    padding-left: 10px;
}

.subscription-section {
    margin-bottom: 15px;
}

.renewp {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.5;
}

.redirect-link {
    font-family: 'roboto-regular';
}

.csol-confirm .confirm-accountInfo {
    background-color: #f6f6f6;
    display: inline-block;
    width: 100%;
    margin-top: 0;
    padding: 20px;
}

.csol-confirm .unenroll-info .acc-info {
    margin-bottom: 5px;
}

.csol-confirm .unenroll-info .confirm-info {
    padding: 15px;
}

.share-req .property-media {
    background-color: #fdf4e4;
    margin: 0;
    border: 3px solid #fdf4e4;
}

.share-req .main-description {
    padding-bottom: 30px;
}

.share-req .property-icon {
    background-color: #ed9f1b;
    border-radius: 100%;
    display: inline-block;
    height: 60px;
    padding: 10px;
    width: 60px;
    text-align: center;
}

.share-req .alignment {
    display: flex;
    justify-content: center;
}

.share-req .enroll-msg {
    font-family: 'roboto';
    line-height: 1.5;
    color: #4a4a4a;
    font-size: 18px;
}

@media (max-width: 768px) {
    .share-req .enroll-msg {
        font-size: 16px;
    }
}

.action-btn-section .disablebtn-style {
    background-color: #f0f0f0;
    padding: 7px 30px;
    border-radius: 47px;
    color: #BFBFBF;
    font-size: 20px;
    text-transform: uppercase;
    border: 3px solid #f0f0f0;
    font-family: "roboto-condensed-bold";
    min-width: 195px;
}

.action-btn-section .csol-ctaicon {
    margin-top: 15px;
    padding-left: 15px;
}

    .action-btn-section .csol-ctaicon .media-left {
        padding-right: 0;
    }

    .action-btn-section .csol-ctaicon .cta-disablemsg p {
        font-family: "roboto-regular";
        padding-left: 6px;
        font-size: 14px;
        font-weight: 400;
        color: #4a4a4a;
    }

.site-selector .confirm-accountInfo {
    padding-top: 20px;
    margin-left: 0px;
    margin-bottom: -60px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.site-selector .generation-label {
    font-size: 18px;
    font-weight: 500;
    font-family: "roboto-medium";
    color: #4a4a4a;
    padding-bottom: 10px;
}

.site-selector .description {
    font-family: "roboto-regular";
    font-size: 18px;
    font-weight: 400;
    color: #4a4a4a;
    padding-left: 18px;
}

@media (max-width: 768px) {
    .site-selector .description {
        padding-left: 20px;
    }
}

.site-selector .col-align {
    margin-right: -50px;
    padding-right: 20px;
}

.site-selector .row-align {
    margin-left: -25px;
    padding-top: 30px;
}

.site-selector .custom-selectbox {
    width: 150%;
}

@media (max-width: 768px) {
    .site-selector .custom-selectbox {
        width: 100%;
    }
}

.site-selector .custom-select {
    padding-left: 15px;
}

.site-selector .site-placeholder {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding: 30px 30px 8px 10px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    font-size: 20px;
    font-weight: 300;
    color: #242424;
    text-overflow: ellipsis;
    z-index: 1;
    font-family: "roboto-light";
}

.site-selector .drop-down {
    font-size: 18px;
    font-weight: 500;
    font-family: "roboto-medium";
    color: #4a4a4a;
}

.csol-site-status {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
}

    .csol-site-status .csol-waitlist {
        background-color: #ed9f1b;
    }

    .csol-site-status .csol-awareness {
        background-color: #58c3b4;
    }

    .csol-site-status .csol-enroll {
        background-color: #003c4b;
    }

    .csol-site-status .status-icon {
        justify-content: center;
        align-items: center;
    }

    .csol-site-status .status-description {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }

        .csol-site-status .status-description p {
            font-family: 'roboto-medium';
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            margin-bottom: 5px;
        }

@media (max-width: 991px) {
    .csol-site-status .status-description p {
        font-size: 16px;
    }
}

.csol-site-status .csol-button {
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .csol-site-status .csol-button {
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .csol-site-status .csol-enroll, .csol-site-status .csol-waitlist, .csol-site-status .csol-awareness {
        margin-top: 25px;
        width: 100%;
    }
}

.csol-generation-site #tabs {
    padding: 0;
    margin-bottom: 15px;
}

    .csol-generation-site #tabs .tab {
        border: 0px;
        padding: 0;
    }

        .csol-generation-site #tabs .tab .component {
            border: 1px solid #d2d2d2;
            padding: 20px;
        }

    .csol-generation-site #tabs .tabs-heading li {
        background: #f6f6f6;
        height: 48px;
    }

        .csol-generation-site #tabs .tabs-heading li .component {
            margin: -6px 0px;
        }

.psef-footer-desc {
    padding: 14px 31px;
    background: #32363d;
    color: #fff;
}

    .psef-footer-desc .footer-logo-text p {
        font-size: 14px;
        font-family: 'roboto-regular';
    }

@media (max-width: 991px) {
    .psef-footer-desc {
        padding: 15px 15px 20px;
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .jumbotron-text p {
        display: none;
    }
}


.pse-logo img {
    height: 56px;
    width: 294px;
}

@media (max-width: 991px) {
    .pse-primary-nav .sub-navigation .open > .dropdown-menu {
        display: contents;
    }
}

.mobile-img {
    display: none;
}
.desk-img{
    margin-top:-45px;
}

@media (max-width: 991px) {
    .mobile-img {
        display: block;
        margin-top: 40px;
    }

    .desk-img {
        display: none;
    }
}

ol, ul {
    list-style-type: auto;
}

.pse-search-box {
    float: right;
    margin-top: -50px;
}

@media (max-width: 991px) {
    .pse-search-box {
        margin-top: 15px;
    }
}

.rich-text ol {
    margin-left: 5px;
}

.pse-primary-nav .mega-dropdown .dropdown-menu .open {
    max-width: min-content;
    margin-right: -60px;
}

    .pse-primary-nav .mega-dropdown .dropdown-menu .open .dropdown-toggle {
        border-bottom: 5px solid white;
        max-width: fit-content;
        margin-right: 100px;
    }

    @media(max-width:991px){
        .pse-primary-nav .mega-dropdown .dropdown-menu .open .dropdown-toggle {
            border:none;
        }
    }

.row-splitter .row {
    margin-left: 0px;
    margin-right:0px;
}

.caption{
    font-family:'roboto-regular';
    font-weight:400;
    font-size:12px;
    line-height:1.5;
    color:#FFF;
}
.body-2 {
    font-size: 18px;
    font-family: 'roboto-regular';
    font-weight: 400;
    color: #4A4A4A;
}