/* Minification failed. Returning unminified contents.
(1,875): run-time error CSS1046: Expect comma, found '0'
(1,879): run-time error CSS1046: Expect comma, found '/'
 */
.desc{color:#6b6b6b}.desc a{color:#0092dd}.dropdown dd,.dropdown dt,.dropdown ul{margin:0;padding:0}.dropdown dd{position:relative}.dropdown dt a:hover{color:#000;border:1px solid #237ca9}#sample.dropdown{margin-bottom:0!important}.dropdown dt a{background-image:url(../images/arrowdown.png);background-repeat:no-repeat;background-position:92% center;display:block;padding-right:20px;border:1px solid #666366;width:auto;color:#4c4c4c;border-radius:4px}.dropdown dt a span{cursor:pointer;display:block;font-weight:400;display:flex;padding:5px 12px}.wrapper_dd{width:auto;z-index:10}.dropdown dd ul {background: #ffffff none repeat scroll 0 0;border: 1px solid rgba(0,0,0,.15);color: #000;display: none;left: 0px;padding: 0px 0px;position: absolute;width: 100%;min-width: 100px;list-style: none;z-index: 9;border-bottom: none;border-radius: 2px;box-shadow: 0 3px 12px 0 rgb(0 0 0 / 15%);}.wrapper_dd>.dropdown dt a{color:#4c4c4c;display:flex;align-items:center;justify-content:space-between;padding:5px 5px;height:35px;font-size:14.5px;font-weight:400;text-transform:uppercase;font-family:montserrat-bold}.dp_language>li{width:100%;float:left;padding:0!important;background-image:none!important}.dropdown span.value{display:none!important}.dropdown dd ul li a{border-bottom:1px solid #e2e2e2;font-size:14px;color:#29bbae;width:100%;padding:5px 5px;display:block;text-transform:uppercase;font-family:montserrat-bold}.dropdown dd ul li a:hover{background-color:#22998f;color:#fff!important;text-decoration:none}.dropdown img.flag{border:0;vertical-align:middle;margin-left:7px;margin-right:8px;width:17px;height:17px;display:none}.dropdown .dp_language img.flag{margin-left:5px}.flagvisibility{display:none}.lan_txt_hide{font-style:normal}.setting_area .inner-content-log ul li a{font-size:0;cursor:pointer;height:30px}.dropdown>a.dropdown-toggle{display:block}dl#OuterHeader_LanguageDrpdwn_sample{margin:0;min-width:110px;}.rightF.mR15.langPan{margin:14px 0}.wrapper_dd>.dropdown dt a{text-decoration:none}
@media (min-width:320px) and (max-width:767px) {
   .rightF{margin-right:0!important;margin-top:9px!important}.wrapper_dd.wrapper_dd{width:98px}.rightF.mR15.langPan{margin:14px 0!important}
}

/* ---- Source Code for theme to optimize the theming feature. ----*/ /* ---- Start Button Color -----*/
.submit-button.submit-button, .btn-default-login-submit.btn-default-login-submit.btn-default-login-submit,
.start_btn.start_btn > .submit-button, .continue_button.continue_button a, .btn-default-login.btn-default-login, .compose-btn > .rp-btn.rp-btn,
.clear_btn_contact.clear_btn_contact, .add_account_btn > a, .register a, a.show_details_right_btn, .btn-purchase, .log_out_area .sign_in a, .log_out_area .sign_in a, .login-btn.login-btn, .pay_bill .pay_now#BtnPayBill, .acc_comm, .billing-area .pay_bill.pay_bill.pay_bill a, .set_bill_noti a, .add_device_button a,
span.newbutton_outer.file-input.btn.btn-primary.btn-file.ieBtn, .makebtn, .primarybtn, input.ContinueBtn {
    background: #46842a !important;
    color: #fff !important;
    border: 1px solid #46842a !important;
    border-radius: 4px !important;
}

    .submit-button.submit-button:hover, #btnfacebookLogin:hover, .btn-default-login-submit.btn-default-login-submit.btn-default-login-submit:hover,
    .start_btn.start_btn > .submit-button:hover, .continue_button.continue_button a:hover, .btn-default-login.btn-default-login:hover,
    .add_account_btn > a:hover, .clear_btn_contact.clear_btn_contact:hover, .add_account_btn > a:hover, .register a:hover, a.show_details_right_btn:hover,
    .btn-purchase:active, .btn-purchase:hover, .btn-purchase:focus, .log_out_area .sign_in a:hover, .login-btn.login-btn:hover, .acc_comm:hover, .billing-area .pay_bill.pay_bill.pay_bill a:hover, .set_bill_noti a:hover, .add_device_button a:hover,
    a.EnableShowHide {
        background: #46842a !important;
        border: 1px solid #46842a !important;
        border-radius: 4px !important;
    }

.cancel-button.cancel-button, .btn-default-login-cancel.btn-default-login-cancel.btn-default-login-cancel, .cancel_button_comm.cancel_button_comm.cancel_button_comm, .register-btn, .cncl_btnp, input#btnCancelPayment, input#btnDisagree, input#btnCancel, #btnPrint, #btnPrint:hover {
    background: none !important;
    border: 1px solid #46842a !important;
    color: #46842a !important;
    border-radius: 4px !important;
}

    .cancel-button.cancel-button:hover, .btn-default-login-cancel.btn-default-login-cancel.btn-default-login-cancel:hover,
    .cancel_button_comm.cancel_button_comm.cancel_button_comm:hover, .register-btn:hover, .cncl_btnp:hover, #btnCancelPayment:hover, #btnCancelPayment:focus, input#btnDisagree:hover, input#btnDisagree:focus, input#btnCancel:hover, input#btnCancel:focus {
        background: #46842a !important;
        color: #fff !important;
        border-radius: 4px !important;
        border-color: #46842a !important;
    }
/* ---- End Button Color -----*/
.nav-tabs.fixed_tabs > li.active2 > a, .nav-tabs.fixed_tabs > li.active2 > a:hover, .usage_listing ul li a.active, .sidebar_toggle, .make_srvc_lnk, .set_notif_alertbox > a, a.paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current.current {
    background-color: #46842a !important;
}

    .nav-tabs.fixed_tabs > li > a:hover, .nav_left ul li#leakalert.sidebar_leakalert a:hover, .nav_left ul li#leakalert.sidebar_leakalert.active a, .set_notif_alertbox > a:hover {
        background-color: #46842a !important;
    }

.inner-address b, .login_facebook h2, .profile-details .name-feild, label.PlanTypeList, .acc_del_box_1 > .address-2:before, .head_icon_flat, label.effect_lbl, nav.main_large ul.tabs li a:before,
.nav_left.nav_left ul li a:before,
input.input_effect:focus ~ label.effect_lbl, input.input_effect:valid ~ label.effect_lbl, select.select_effect:focus ~ label.effect_lbl, select.select_effect:valid ~ label.effect_lbl, textarea.textarea_effect:focus ~ label.effect_lbl, textarea.textarea_effect:valid ~ label.effect_lbl, input.input_effect[readonly='readonly'] ~ label.effect_lbl, input.select_effect[readonly='readonly'] ~ label.effect_lbl, input.input_effect[disabled="disabled"] ~ label.effect_lbl, select.select_effect[disabled="disabled"] ~ label.effect_lbl, .tooltip_icon:before, .confi_flat_icon:before, .add-card a, .tablet-view span.icon, .inner-dashboard-area .right-dolar-top-area .active_links, .com_style_comm.active_com, .com_style_comm.active_com.active_links,
.glyphicon-info-sign.glyphicon-info-sign:before, .currency ul li a.active[mode="M"]:before, .currency ul li a.active[mode="MI"]:before, .currency ul li a.active[mode="S"]:before, .currency ul li a:hover, .currency ul li a.active,
.currency ul li a.active[mode="D"]:before, .currency ul li a.active[mode="H"]:before, .right_content_box.right_content_box ul li a.active[type="D"]:before, .right_content_box.right_content_box ul li a.active[type="R"]:before, .right_content_box.right_content_box ul li a.active[type="K"]:before,
.right_content_box.right_content_box ul li a.active[mode="K"]:before, .currency.currency > ul > li > a.active[text="kWh"]:before,
.currency.currency > ul > li > a.active[text="Rupee"]:before,
.currency.currency > ul > li > a.active[text="Currency"]:before,
.right_content_box.right_content_box ul li a.active[type="G"]:before, .currency.currency > ul > li > a.active[text="Gallon"]:before, .right_content_box.right_content_box ul li a.active[type="W"]:before, .currency.currency > ul > li > a.active[text="HCF"]:before,
.right_content_box ul li a.active[type="C"]:before, .currency.currency > ul > li > a.active[text="Ccf"]:before, .currency.currency ul li.active.compare_me_flat:before, .currency.currency ul li.active.compare_zip_flat:before, .currency.currency ul li.active.compare_utility_flat:before, .currency.currency ul li.active.compare_all_flat:before,
a#Text.active:before, a#Map.active:before, .market_place1 .energy_mid_box.energy_mid_box > h1:before, .foot_print.head_icon_flat.icon_refreshbtn, .currency_1 ul li.active span,
.right_charging_map a#btnRate:before, .right_charging_map a#btnDistance:before, .MessageContainer .blue, .content_section.content_section h1, #waters.tab-pane.tab-pane h1, #water.tab-pane.tab-pane h1, .loginpage-form h1, .tooltip_main_box, .pay_bill_head, .registration-Userid-new h1,
.forgot-text, .mid_sec_cont_1 a, .mid_sec_cont_2 a, .mid_sec_cont_3 a, .footer_nav_default ul li a, .like_lnk:before, .like_lnk:before, .savhide:before, .rupeehide:before,
.viewhide:before, .dropdown ul.dropdown-menu > li .setting_header:before, .dropdown ul.dropdown-menu > li .chang_pwd_header:before,
.dropdown ul.dropdown-menu > li .chang_uid_header:before, .dropdown ul.dropdown-menu > li .forget_me_header:before, .dropdown ul.dropdown-menu > li .logout_header:before, .compare-area strong, .inner-dashboard-area h3 a:hover, .inner-dashboard-area-usage h3 a:hover, .billing-area strong span#lblTotalPayableAmount, .itemWid small:before, .green_compare:before,
#myCarousel .right.carousel-control:hover:before, #myCarousel .left.carousel-control:hover:before, span.pro_ico_top:before, span.pro_icon_pop:before, .myaccount-area b, .term_condi_box li a span, .term_condi_box > ul > li:nth-child(1):after, .cal_img_btn:before,
.efficiency_area ul li .content_energy_area p a, .efficiency_area ul li .content_energy_area p a:after, .secServiceTitle.separator, .cal_font_ico:before, .enrolledhide:before, nav.main_large ul.tabs > li ul > li > a > i, .BacktoInbox:before, .inner-dashboard-area-custom3 h3 a:hover, .head_icon_flat.icon_current:before, .head_icon_flat.icon_planned-outage:before, .settinghome, .Login_box_tab h4, .topnotialert > a:before, .noti_alert_left:before,
.step_done_service, .resendaccount a, .Left_inner_area h2, .add_device_data .mid_device h2, .add_device_data .mid_device span, .LeftPanel a, .dropdown.icon-pop ul.dropdown-menu > li label, .dropdown.icon-pop ul.dropdown-menu > li a, ul.dropdown-menu.Userfunc > li > a, ul.dropdown-menu.Userfunc > li > button, input#BtnBackCommentNew, .exportexcel > a, .dwnd_btnacc a, .dropdown dd ul li a, .addpmt_new_btn a, a.button_strength, .list-group.extralinks > span > a:focus, .list-group.extralinks > span > a:hover, #div_termsNcondition a, .trmcondi_invit, .pdfdataarea a.backme, .lnksvcac, body .cm-txt, body .casesubmit-button, body .attach-box .attachmentIcon, .trmcondibox a, .bottom_billed_boxes .enrollbtn_brdr, .acc_dashhomep h5, .billView a, .billView a:focus, .billView a:hover, .helpSupport-module .cardspace > a, .breadcrumb_wrp .breadcrumb a {
    color: #46842a;
}

.mail-option input[type="checkbox"]:checked + label:before, #ulNotificatons input[type="checkbox"]:checked + label:before {
    border: 1px solid #46842a !important;
    background-color: #46842a !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #46842a !important;
    border-color: #46842a !important;
}

.active_new {
    background-color: #46842a !important;
}
/*ul.tab_nav_1.tab_nav_popup li.active a {
    border-bottom: 2px solid #46842a !important;
}*/
.MessageContainer .blue, .topnotialert > a:before, .nav-pills > li.active > a, .notification-area .right-area-tabular a, .LeftPanel a b, .congra_lnk li a, span.search_foot_ico.fa:before, a#Text, li.rfrBtn a span, .currentlocation.head_icon_flat {
    color: #46842a !important;
}

span.pro_ico_top:before, span.pro_icon_pop:before, .like_btn_brdr, .efficiency_area ul li .content_energy_area p a, .efficiency_area ul li .content_energy_area p a:after {
    border: 1px solid #46842a;
}

.mdl-radio.is-checked .mdl-radio__outer-circle, .mdl-radio.is-checked-custome .mdl-radio__outer-circle, .mdl-checkbox.is-checked .mdl-checkbox__box-outline, .mdl-checkbox.is-checked-custome .mdl-checkbox__box-outline, .radio_mat_style input:checked + .outer_radio {
    border: 2px solid #46842a !important;
}

.active_new:before {
    border-top: 10px solid #46842a !important;
}

.bar_input:before, .bar_input:after, .title_heading_style, .green_compare, #back-top a, .add_pay_btn_right a#addnewpayment, .add_device_button a, .mdl-radio__inner-circle, .mdl-radio__ripple-container .mdl-ripple, .mdl-checkbox.is-checked span.mdl-checkbox__tick-outline:after,
.arrow_service ul li.step_done_service b > span, .arrow_service ul li.step_done_service:after, .arrow_service ul li.step_done_service.borderstrip_active:after, .radio_mat_style .inner_mat_style, .enter_pay_amt .md-radio label:after, body .skipnav a:focus, body .skipnav a:active,
.reg_box_height input[type='checkbox']:checked:after {
    background: #46842a !important;
}

.enter_pay_amt .md-radio input[type="radio"]:checked + label:before, .chkboxCustom input[type="checkbox"]:checked {
    border-color: #46842a !important;
}

.footer, .notification.default {
    background-color: #46842a !important;
}

.bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li > a:hover, .bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li > a:focus,
.bootstrap-select > .dropdown-menu.open > .dropdown-menu.inner > li > a[selected="true"],
input.cmn-toggle-round:checked + label:before {
    background-color: #46842a !important;
}

.footer-bottom, #view_id_notification {
    background-color: #46842a !important;
}

.nav-tabs > li.active > a:hover, .main-tab-pan .nav > li > a:hover, .gray_compare, .add_pay_btn_right a#addnewpayment:hover, .add_pay_btn_right a#addnewpayment:before, .add_device_button a:hover, .icon_plus_icon {
    background: #46842a;
}

    .forgot-text:hover, .mid_sec_cont_1 a:hover, .mid_sec_cont_2 a:hover, .mid_sec_cont_3 a:hover, .head_icon_flat:hover, .footer_nav_default ul li a:hover, .main-menu-pan .navbar-default .navbar-nav > li > a:hover, .gray_compare:before {
        color: #46842a;
    }

nav.main_large ul.tabs li a:hover, nav.main_large ul.tabs li.active a, nav.main_large ul.tabs li a.active, .pay_now:hover, ul.dropdown-menu.Userfunc > li > a:hover, ul.dropdown-menu.Userfunc > li > button:hover {
    background-color: #46842a !important;
}

.nav_left ul li a:hover, .nav_left ul li.active a, .nav_left ul li.active,
.nav_left ul li a:hover i:before, .nav_left ul li.active a i:before {
    color: #fff;
}

@media only screen and (min-width:200px) and (max-width:1024px) {
    #sidebar-wrapper nav.main_large > ul.tabs > li > a.active, #sidebar-wrapper nav.main_large > ul.tabs > li.active > a {
        background-color: #46842a !important;
    }

    #sidebar-wrapper nav.main_large > ul.navbar-nav > li:hover > a {
        background-color: #46842a !important;
    }
}

.navTabUsage.nav_left ul li.active a, .Left_inner_area .left_listing ul li a.actives, .eff_demandresponsetabs .nav-pills > li.active > a, ul.tab_nav_1.tab_nav_popup li.active_first1 a, .right_content_box .top_main_area ul li.active2 a, ul.tab_nav_1.tab_nav_popup li.active a, .tabs_cust_bill > a.activetab {
    color: #46842a !important;
    border-bottom: 2px solid #46842a !important;
}

    .navTabUsage.nav_left ul li.active a:hover, .energy_mid_box .nav_left ul li.active a:hover, .tab button.active:hover, .energy_mid_box .nav_left ul li.active a:hover, .energy_mid_box .nav_left ul li a:hover, .Left_inner_area .left_listing ul li a.actives:hover, .eff_demandresponsetabs .nav-pills > li.active > a:hover, .right_charging_map .distance_area ul li a.active:hover, ul.tab_nav_1.tab_nav_popup li.active_first1 a:hover {
        color: #46842a !important;
        border-bottom: 2px solid #46842a !important;
    }

input#btnResidentialType, .LoginLists > a, servicedetailedboxes a, .backbuttonarea span, .custo_details_1 li a, .custo_details_2 li a, .btn_new_white, .billChart h6 a, .btn_new_white, .lft_contn_contc p a, .mysrvc_txt p a, .mysrvc_txt h5, .address_bottomp .enrollbtn,
#configure_payment .footertextes p a, .addpmtmethod a#addnewpayment, .addpmtmthd_link .material-icons, .notificationAccordion .accordion-heading a, .quiteHour h4, a#newCallerID, #lnkbtnaddaccount, a#lnkInviteUser, .duedat_txt, .links_sidebar ul > li > a, .billsummaryfooter > a, .Paratxt > p > a, a.enroll_lnk,
p.accept a, .card_title_txt, .lnk_to_efficiency_footer a, .ratest_box_mob a, .ratest_box_mob i, .servicedetailedboxes a, .disclaimer-link-readMore, .pointer, .editConnect:before, .menubarbutton, h2.b_head, .backbuttonarea > .backtobutton, .backbuttonarea > .backtobutton:hover, .SwitchIcon.dropdown ul.dropdown-menu > li a, .billView, .Quick_LinkBox > .list-group a, .didyouknow h5, .prgm_heading, .Contentdisplaybox > div h3, .addrow_noti > i, .pmt_heading_top, .common_heading_stepper, .text_parent_heading, .material_ico_start:before, #alertMsg, .btn_map_tbl, .veri_txt a, .ui-dialog-buttonset > button, div#countdownDisplay, .group-links > li > a, span.pull-right.glyphicon-plus, .estimatedBox a, .effi_dashbox a, .alert_popup_common button, .full_widthNew_ui a, ul.tab_nav_1.tab_nav_popup li.active a, ul.tab_nav_1.tab_nav_popup li.active a, .lnkcarurltxt, .popup_listeing_data ul li a, .right_content_box .top_main_area ul li.active2 a, .selectMeter select,
.select-wrapper > input, nav.main_navigation ul.tabs > li > a.active, .quiteHour span a, .MegaMenu .list-group .list-group-item a, .alrt_buttn {
    color: #46842a !important;
}

    input#btnResidentialType:hover, .LoginLists > a:hover, .energy_mid_box .nav_left ul li a:hover, .LeftPanel a:hover, li.rprt_outg a:hover, .custo_details_1 li a:hover, .custo_details_2 li a:hover, .billChart h6 a:hover,
    .addpmtmethod a#addnewpayment:hover, a#newCallerID:hover, #lnkbtnaddaccount:hover, a#lnkInviteUser:hover, .links_sidebar ul li a:hover, .billsummaryfooter a:hover, .billChart h6 a:hover, .Paratxt > p > a:hover, a.enroll_lnk:hover, p.accept a:hover,
    .lnk_to_efficiency_footer a:hover, .ratest_box_mob a:hover, .servicedetailedboxes a:hover, .forgot-text:hover, .group-links > li > a:hover, div#div_termsNcondition a:hover, .lft_contn_contc p a:hover, .energy_mid_box .nav_left ul li.active a:hover, ul li .content_energy_area p a:hover, .dwnd_btnacc a:hover, .address_bottomp .enrollbtn:hover, .alert_popup_common button:hover, .estimatedBox a:hover, .full_widthNew_ui a:hover, .exportexcel > a:hover, ul.tab_nav_1.tab_nav_popup li.active a:hover, ul.tab_nav_1.tab_nav_popup li.active a:hover, .addpmt_new_btn a:hover, .disclaimer-link-readMore:hover, #tblSubmittedForms a:hover, .backbuttonarea > .backtobutton:hover, .right_content_box .top_main_area ul li.active2 a:hover, .lnkcarurltxt:hover, #configure_payment .footertextes p a:hover, .popup_listeing_data ul li a:hover, .addpmtmthd_link .material-icons:hover {
        color: #46842a !important;
    }

.right_charging_map .distance_area ul li a.active {
    color: #46842a !important;
    border-bottom: 2px solid #46842a !important;
}

input#btnCancelForgotUserName, input#btnOtherLogin, .loginLeft .log_out_area .sign_in a {
    border: 1px solid #46842a !important;
}

ol.progtrckrs li.progtrckrs-doing:before, li.rprt_outg a, .estimatedBox .enrollBlue, div#slider .ui-slider-handle, .home_list_section_single ul li a:hover .survey_title, .home_list_section_single ul li a.active .survey_title, ol.progtrckrs li.progtrckrs-done:before {
    background-color: #46842a !important;
}

ol.progtrckrs li.progtrckrs-done, ol.progtrckrs li.progtrckrs-done:before,
html[lang="AR"] ol.progtrckrs li.progtrckrs-doing, html[lang="AR"] ol.progtrckrs li.progtrckrs-doing:before {
    border-color: #46842a !important;
}

.estimatedBox .enrollBlue:hover {
    background-color: #46842a !important;
}

.tab button.active, .energy_mid_box .nav_left ul li.active a, .reports-tabsUl .nav-item.active .nav-link {
    background-color: transparent !important;
    border-bottom: 2px solid #46842a !important;
    color: #46842a !important;
}

.loginLeft .log_out_area .sign_in a, .cncl_btnp, .tabs_btn .nav-tabs li.active a, div.compose-btn > .rp-btn.rp-btn, .back_to_login a, .withoutbrdr {
    color: #46842a !important;
}

input#btnEnroll.selected,
.registration_btn.registration_btn.registration_btn, p > span.newbutton_outer.newbutton_outer, .survey_title, .mng_btn button, div.loginLeft .log_out_area .sign_in a:hover {
    border: 1px solid #46842a !important;
    color: #46842a !important;
}

nav.main_navigation ul.tabs > li.open > a:after, nav.main_navigation ul.tabs > li > a.active:after {
    border-bottom: 3px solid #46842a !important;
}

.chartToolTip:after {
    border-left: 10px solid #46842a !important;
}

.btn_bottomp .enrollbtn_brdr.cancel-button {
    border: 1px solid #46842a !important;
}

.tabs_btn .nav-tabs li.active {
    border-bottom: 3px solid #46842a;
}

.upper_text #divcreditrdobtn.active_new, .upper_text #divbankrdobtn.active_new {
    border-bottom: 2.5px solid #46842a;
}

ul.nav-alrtmsgs.nav-alrtmsgsNoti li.active a, .chkboxCustom input[type="checkbox"]:checked, .checkbox-custom:checked + .checkbox-custom-label:before {
    background: #46842a !important;
}

ul.crPrOutage > li > a.active {
    color: #46842a !important;
    border-color: #46842a !important;
}

.butn_link_area > ul > li > a {
    background: #46842a !important;
    border-color: #46842a !important;
}

.mdl-switch.is-checked .mdl-switch__track, .mdl-switch__ripple-container .mdl-ripple, .left_side_outage > .green_area, .left_side_outage > .green_area, .switch_contrast a.active {
    background: #46842a !important;
}

.logo img {
    max-width: 100%;
    height: 40px
}

.back_to_login {
    margin: 20px 20px 16px 0;
    padding: 0;
    float: left;
    width: auto;
    height: 24px
}

    .back_to_login a {
        padding: 0 0;
        margin: 0;
        text-decoration: none;
        display: block;
        background: 0 0;
        width: 26px;
        height: 26px;
        font-size: 0;
        color: #205d81;
        position: relative
    }

        .back_to_login a:before {
            content: "\F006F";
            font-family: "Material Design Icons";
            font-size: 34px;
            font-weight: 400;
            position: absolute;
            top: -12px;
            left: -3px
        }

#faqlink {
    display: none !important
}

.DashboardFooter {
    background: 0 0 !important
}
/*------- New UI ---------*/
.full_widthNew_ui .input_box_eff_wrap label.effect_lbl {
    left: 13px;
    top: 20px;
    font-family: montserrat-regular
}

.full_widthNew_ui a.helpiconEmailUser.email_info_ico {
    position: absolute;
    right: -10px;
    top: 10px
}

.full_widthNew_ui input.input_effect:focus ~ label.effect_lbl, .full_widthNew_ui input.input_effect:valid ~ label.effect_lbl, .full_widthNew_ui select.select_effect:focus ~ label.effect_lbl, .full_widthNew_ui select.select_effect:valid ~ label.effect_lbl, textarea.textarea_effect:focus ~ label.effect_lbl, .full_widthNew_ui textarea.textarea_effect:valid ~ label.effect_lbl, .full_widthNew_ui input.input_effect[readonly='readonly'] ~ label.effect_lbl, input.input_effect:not([type=button])[readonly] ~ label.effect_lbl, .full_widthNew_ui input.select_effect[readonly='readonly'] ~ label.effect_lbl, .full_widthNew_ui input.input_effect[disabled="disabled"] ~ label.effect_lbl, .full_widthNew_ui select.select_effect[disabled="disabled"] ~ label.effect_lbl, .full_widthNew_ui input.input_effect[minlength="minlength"] ~ label.effect_lbl {
    top: 11px;
    font-size: 10px;
}

.full_widthNew_ui .input_box_eff_wrap input[type="text"], .full_widthNew_ui .input_box_eff_wrap input.input_effect, .full_widthNew_ui .input_box_eff_wrap select.select_effect, .full_widthNew_ui .input_box_eff_wrap textarea.textarea_effect {
    font-size: 16px;
    padding: 30px 10px 0px 13px !important;
    border-bottom: 1px solid #c1c1c1 !important;
    height: 55px;
    border-radius: 5px 5px 0px 0px !important;
    background: rgba(0, 0, 0, 0.09) !important;
    width: 100% !important;
    color: #807C80;
}

.full_widthNew_ui .input_box_eff_wrap select.select_effect {
    background-image: url(../images/arrowdown_mdb.png) !important;
    background-size: 15px 20px !important;
    background-position: right 20px center !important;
    background-repeat: no-repeat !important;
}

.outer-header-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8px;
    list-style: none;
}

    .outer-header-top .suspect-leak {
        color: #2C8DE3;
        margin-right: 20px;
    }

        .outer-header-top .suspect-leak span {
            font-family: montserrat-medium;
            margin: 0 5px;
        }

    .outer-header-top li a {
        text-decoration: none;
        color: #46842A;
        font-family: montserrat-medium;
    }

    .outer-header-top li i {
        vertical-align: middle;
    }

span.required {
    position: absolute;
    right: -13px;
    top: 0px;
}

.full_widthNew_ui .invalidfocus:not(:focus):invalid ~ label.effect_lbl {
    top: 8px;
    font-size: 10px;
}

.requiredtext {
    position: relative;
    right: 0px;
    top: 47px;
    color: #2C8DE3;
    font-size: 16px;
}

#mandatetext {
    top: 80px;
}

.requiredtext1 {
    position: relative;
    top: 53px;
    color: #2C8DE3;
    font-size: 16px;
}

.requiredtext2 {
    position: relative;
    right: 0px;
    top: 0px;
    color: #2C8DE3;
    font-size: 16px;
}

header.main_header {
    background: #ffffff !important;
    padding: 20px 0;
}

.main_header {
    position: relative;
}

dl#OuterHeader_LanguageDrpdwn_sample {
    float: right;
}
/*----------------*/
@media (min-width:200px) and (max-width:1024px) {
    #skipnav, .skipnav {
        display: none !important
    }

    input.cmn-toggle-round + label:focus {
        box-shadow: none !important;
        outline: 0 !important
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px !important;
    }
}

@media (min-width:1600px) and (max-width:3500px) {
    #habla_panel_div#habla_panel_div {
        overflow: hidden !important
    }

    #habla_both_div#habla_both_div {
        position: relative !important;
        right: -90px !important;
        background-size: 68% !important
    }

    .inner_mid_section.inner_mid_section.inner_mid_section {
        min-height: 690px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .logo img {
        height: auto;
        max-width: 43% !important
    }
}

@media (min-width: 991px) and (max-width:1024px) {
    .logo img {
        height: auto;
        max-width: 43% !important;
    }
}

@media (min-width: 320px) and (max-width:767px) {

    #mandatetext {
        top: 44px;
    }

    footer .col-md-4.col-sm-4.col-xs-12.home {
        padding-left: 15px !important
    }

    .requiredtext1 {
        right: 0px;
        top: 4px;
    }

    .logo img {
        max-width: 100%;
        height: auto
    }

    .back_button {
        display: inline-block;
        left: 8px;
        margin: 0;
        position: absolute;
        top: 12px
    }

        .back_button img {
            max-width: 100%
        }

    footer .footer-logo {
        float: none !important;
        text-align: center !important
    }

    footer .copy-right {
        text-align: center !important
    }

    .iphone {
        text-align: center !important
    }

    .Save_bill_section {
        height: 87px
    }

        .Save_bill_section .Save_bill_section_right ul {
            list-style: outside none none;
            margin: 13px 7px 0;
            padding: 0
        }

    .overlay .col-lg-5, .overlay .col-lg-7, .overlay .col-md-5, .overlay .col-md-7, .overlay .col-sm-5, .overlay .col-sm-7, .overlay .col-xs-12, .overlay .container, .overlay .row {
        height: 59%
    }

    .Save_bill_section .Save_bill_section_left {
        width: 45%
    }

    .Save_bill_section .Save_bill_section_right {
        width: 55%
    }

    .logo {
        margin-right: 0 !important;
        text-align: left !important;
        float: left !important
    }

        .logo img {
            max-width: 80%
        }
    /*
    .conect {
        clear: both;
        float: right;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        width: 100%
    }*/

    .back_to_login {
        float: right;
        height: 24px;
        margin: 0 !important;
        padding: 5px 3px !important;
        width: auto
    }

    .icon-123 {
        display: inline-block;
        float: left;
        font-size: 0;
        height: 22px;
        margin: 2px 4px;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: top;
        width: 22px
    }

    .back_button {
        display: inline-block;
        left: 8px;
        margin: 0;
        position: relative;
        top: 0
    }

        .back_button img {
            max-width: 80%
        }

    .register-section > .social-section-area {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 3px 0;
        text-align: left;
        width: auto
    }

    header .conect {
        margin-left: -47px !important;
        margin-top: 6px !important;
    }

    .back_to_login a {
        padding: 0 0;
        margin: 0;
        text-decoration: none;
        display: block;
        background: url(../images/icon_back_to_login.png) no-repeat left top;
        width: 26px;
        height: 26px;
        font-size: 0;
        color: #205d81;
        background-size: 26px 26px
    }

    .back_to_login.back_to_login {
        float: left;
        height: 24px;
        margin: 0 !important;
        padding: 5px 3px !important;
        width: auto;
        background: 0 0;
        clear: none;
        display: none
    }

    .header-top-social {
        margin: 0 !important
    }

    .wrapper_dd.wrapper_dd {
        width: 98px !important
    }

    .tagove-livechat-widget {
        display: none !important
    }

    .ui-datepicker-month {
        font-size: 11px !important
    }

    .ui-datepicker-year {
        font-size: 11px !important
    }

    .requiredtext {
        top: 11px;
    }

    .outer-header-top .suspect-leak {
        display: none;
    }

    .prelogin-pageHeadingWrapper {
        /*height: 160px;*/
    }
}

.input_box_eff_wrap input.input_effect, .input_box_eff_wrap select.select_effect, .input_box_eff_wrap textarea.textarea_effect {
    box-shadow: none;
}

.right_my_accounct {
    margin: 0;
    padding: 0;
    text-align: right;
}

    .right_my_accounct ul {
        margin: 17px 0px;
        padding: 0;
        float: right;
        list-style: none;
    }

        .right_my_accounct ul li {
            margin: 0;
            padding: 0;
            float: left;
        }

            .right_my_accounct ul li a {
                margin: 0;
                padding: 10px 10px 2px;
                text-decoration: none;
                display: block;
            }

                .right_my_accounct ul li a:hover {
                    color: #88c300;
                }

.header-top-social {
    float: left;
    margin-right: 10px;
    margin-top: 16px;
    width: 267px;
}

@media (max-width:767px) {
    .header-top-social {
        width: 100%;
        float: right;
    }

    .back_to_login.back_to_login {
        padding: 7px 3px !important;
    }

    .back_to_login {
        background: rgba(0, 0, 0, 0) url('../images/icon_back_login.png') no-repeat scroll left top;
        clear: both;
        display: block;
        float: none;
        height: 30px;
        margin: 62px auto 0;
        padding: 0;
        text-align: center;
        width: 167px;
    }

    .logo {
        display: block;
        float: none;
        margin: 0 auto;
        padding: 5px 0;
        text-align: center;
        width: 210px;
    }

    /*.conect {
        clear: both;
        float: right;
        margin-bottom: 10px;
        width: 100%;
    }*/
    .outer-header-top {
        margin-top: 16px;
    }

    .connect_with_us {
        color: #888888;
        float: left;
        font-size: 14px;
        font-weight: normal;
        padding-top: 13px;
        width: 40%;
    }

    .register-section > .social-section-area > ul > li > a {
        margin: 0 2px !important;
    }
}

@media (max-width:450px) {
    .header-top-social {
        margin-top: 0px;
    }
}

.connect_with_us {
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #888888;
    padding-top: 13px;
}

.component-1 {
    text-align: center;
}

.component__title {
    margin-bottom: 12px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

@media (min-width: 1520px) and (max-width:3640px) {
    .inner_mid_section {
        margin-bottom: 20px;
    }
}

.rightF {
    float: right;
}

.left {
    float: left;
}

.mR15 {
    margin-right: 15px;
}

.langPan {
    margin-top: 20px;
}
/* Added by prashant */
.filter {
    background: #fff url('images/arrowdown.png') no-repeat scroll 95% 50%;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    .filter > select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background-color: transparent !important;
        background-image: none;
        border: 0;
        box-shadow: none;
        margin: 0;
        padding: 5px 8px;
        width: 100%;
        outline: 0;
        min-width: 70px;
        color: #888888;
    }

        .filter > select::-ms-expand {
            display: none;
        }
/* Language drop down css */

#ddlLanguage_msdd {
    width: 92px !important;
    outline: none;
    cursor: pointer;
}

    #ddlLanguage_msdd #ddlLanguage_title > img {
        width: 21px;
        padding-right: 5px;
        margin-top: -2px;
    }

    #ddlLanguage_msdd > div {
        font-size: 12px;
        padding-left: 7px;
        line-height: 25px;
    }

#ddlLanguage_child > ul {
    margin-top: 24px;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    padding-left: 0px;
    width: 104px;
    font-size: 12px;
    margin-left: -8px;
}

    #ddlLanguage_child > ul li {
        cursor: pointer;
        border-bottom: 1px solid #ccc;
        padding: 6px 7px 6px 7px;
        line-height: normal;
    }

        #ddlLanguage_child > ul li > img {
            width: 22px;
            padding-right: 7px;
            float: left;
        }

        #ddlLanguage_child > ul li:hover {
            background: #f9f9f9;
        }
/* End Language drop down css */

#spanerrorMessaegeicon .fa.fa-warning.fa_warning_header:before {
    content: "\f071" !important;
    font-family: FontAwesome !important;
    font-size: 23px;
}


.alert_box_header {
    width: 97%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(189, 54, 47, 0.95);
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    z-index: 9999999999;
    color: #fff;
    padding: 0 19px;
}

.close.close_icon_color {
    text-shadow: 0 0px 0 #fff;
    font-weight: bold;
    color: #fff;
    margin-top: 16px;
}

html {
    min-height: 100% !important;
    position: relative !important;
}

.map .container {
    width: 100% !important;
    height: 100% !important;
}

.invalidfocus:not(:focus):invalid ~ label.effect_lbl {
    top: -16px;
    font-size: 13px;
}

.inner_mid_section.inner_mid_section.inner_mid_section {
    padding-bottom: 0px !important;
    display: block !important;
    width: 100% !important;
    padding: 0px 15px;
}

.top_conte_box_mob.top_conte_box_mob {
    overflow: visible !important;
}

.energy_mid_box .right_content_box {
    background-image: none;
}

.right_content_box {
    border-left: 2px solid #f4f4f4;
}

.energy_mid_box.without_sidebar {
    background-image: none;
}

.logo > a {
    display: block;
    float: left;
}

@media (min-width:768px) and (max-width:991px) {

    .inner_mid_section.inner_mid_section.inner_mid_section {
        margin-bottom: 20px;
    }
}

@media (max-width:1024px) {
    .logo img {
        height: auto;
    }
}

@media (max-width:767px) {
    .inner_mid_section.inner_mid_section.inner_mid_section {
        display: block !important;
    }
}

.nicescroll-cursors:hover {
    background-color: #26a7e6 !important;
}

@media (min-width:600px) and (max-width:767px) {
    .logo {
        float: left;
    }
}

.toast .toast-message {
    font-size: 16px;
}

span#OuterHeader_LanguageDrpdwn_samplelable {
    display: block;
    text-align: center;
    background: #1c80a3;
    padding: 3.8px 0px;
    color: #fff;
    font-size: 15px;
}

/* Skip nav styles from Liam */
.skipnav {
    position: absolute;
    display: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 13px;
}
/*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/
* html .skipnav {
    display: block
}
/*Switch on for IE6 and below*/
* + html .skipnav {
    display: block
}
/*Switch on for IE7*/
:root .skipnav {
    display: block
}
/*Switch on for Moz, FF and Safari*/
.skipnav p {
    margin: 5px 0 0 0;
    padding: 0;
    position: absolute;
    font-size: 2em
}

.skipnav a {
    width: 200px;
    display: block;
    color: #fff;
    background: #333;
    text-decoration: none;
    padding: 5px;
    position: absolute;
    left: -1000em;
    top: 0;
    font-weight: bold;
    text-align: center;
}

    .skipnav a:visited {
        color: #fff
    }

    .skipnav a:focus, .skipnav a:active {
        z-index: 99999;
        top: 0;
        left: 10px;
        border: solid #777 1px;
        color: #fff;
        background: #237CA9 !important;
        font-family: 'montserrat-semibold';
    }
    /*Note IE bug that requires use of :active to mimic effect of :focus*/

    .skipnav a:hover {
        cursor: default
    }

.full_width_input_sec {
    margin-top: 30px !important;
}

div.full_width_input_sec span.error_messagecommon {
    top: 0px;
}

section.drHeading h1 {
    /* font-size: 32px !important;*/
    margin: 30px 0px !important;
    color: #3b3b3b;
    text-transform: capitalize;
    font-family: 'montserrat-regular';
}

.logo {
    margin: 0;
    padding: 0 !important;
}

section.drHeading {
    background: #fff;
    border-top: 1px solid #eaeaea;
    margin-top: 0px;
    box-shadow: 0 0 2px -2px rgba(0,0,0,.2), 0 0 0 0 rgba(0,0,0,.14), 0 0 5px 0 rgba(0,0,0,.12);
}

ol.progtrckrs {
    padding: 0px 0px 15px 0px !important;
    /*  border-bottom: 1px solid #d8d8d8;*/
}

.switchTogl {
    display: none;
}

.hcInvert .full_widthNew_ui .input_box_eff_wrap select, .hcInvert select,
.hcGrayscale .full_widthNew_ui .input_box_eff_wrap select, .hcGrayscale select {
    background-color: #151515 !important;
    color: #fff !important;
    filter: invert(1);
    border-bottom: 1px solid #464646 !important;
}
/*#form1 .DashboardFooter{margin-top:0;}*/
#form1 .inner_mid_section.inner_mid_section.inner_mid_section {
    margin-bottom: 0 !important;
}

#formfieldlist .full_widthNew_ui select.select_effect:valid ~ label.effect_lbl {
    top: 11px;
}

.gm-style .gm-style-iw-tc {
    top: 0 !important;
}

.right_charging_map .outerprelogin_PinLabel a:hover {
    color: #222221 !important;
}

.left_charging_map .gm-style-iw-d .iw-content, .left_charging_map .gm-style-iw-d .iw-content p span {
    font-family: 'montserrat-regular' !important;
}


.copyright {
    text-align: center;
}

li.faq_new_Tab {
    display: none !important;
}

.copyright {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    flex-wrap: wrap;
    text-align: center;
}

    .copyright > p {
        color: #696969;
        margin: 0;
        font-size: 14px;
        width: 100%;
    }
.full_widthNew_ui .input_box_eff_wrap label.effect_lbl {
    color: #525252 !important;
    text-transform: uppercase;
}

body, html {
    font-family: 'Montserrat-Regular' !important;
    font-size: 13px;
    color: #333;
    background-color: #f4f4f4 !important;
    margin: 0;
    padding: 0;
    height: 100%
}

@font-face {
    font-family: "scm-base-fonts";
    src: url("../fonts/scm-base-fonts.woff") format("woff"), url("../fonts/scm-base-fonts.ttf") format("truetype"), url("../fonts/scm-base-fonts.svg#scm-base-fonts") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[data-icon]:before {
    font-family: "scm-base-fonts" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "scm-base-fonts";
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "scmfonts";
    src: url("../fonts/scmfonts.woff") format("woff"), url("../fonts/scmfonts.ttf") format("truetype"), url("../fonts/scmfonts.svg#scmfonts") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot?v=4.8.95");
    src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=4.8.95") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=4.8.95") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=4.8.95") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=4.8.95") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.current_area.current_area ul li span {
    font-family: montserrat-regular
}

.energy_mid_box h1 {
    font-family: montserrat-bold
}

.left-ar > h1, .left-ar > h3, .nav_login_section ul li a, .ui-dialog-buttonset > button, .ui-dialog-buttonset > button > button, .ui-widget, .ui-widget-header.ui-widget-header {
    font-family: montserrat-regular
}

span.required {
    font-size: 18px !important;
    color: #2C8DE3 !important;
}


.currency span {
    font-size: 14px
}

.currency ul li a {
    font-size: 15px
}

#myCarousel#myCarousel .carousel-caption.carousel-caption > h2, #myCarousel#myCarousel .carousel-caption.carousel-caption > h3, .custom-tabs > ul > li > a, .custom-tabs > ul > li > a:focus, .custom-tabs > ul > li > a:hover, .footer-widget-title, .ftr-widget > ul > li > a, .heading-container > h3, .top_level_nav ul li a {
    font-family: montserrat-regular
}

#myCarousel .carousel-caption > h2 {
    font-size: 40px !important
}

#myCarousel .carousel-caption > p {
    font-family: montserrat-regular;
    font-size: 25px !important
}

#Module9 .tablet-view h3 > img, #moduleUsages .tablet-view h3 > img, .tablet-view h3 > a > img {
    display: none
}

.tablet-view span.icon {
    font-size: 23px;
    float: left;
    position: relative;
    top: -3px;
    padding-right: 5px;
    display: inline-block !important
}

#CompareSpendingModule .tablet-view span.icon {
    font-size: 23px;
    float: left;
    position: relative;
    top: -3px;
    padding-right: 5px;
    display: inline-block !important
}

#headerlogo > a > img.modern_logo {
    display: block
}

.billing_bottom_buttons > .pay_bill.pay_bill:first-child {
    margin-left: 2px !important
}

.billing-area .pay_bill.pay_bill a {
    background: #43a7d8;
    padding-right: 19px;
    width: 104px;
    padding: 6px 22px 6px 2px;
    margin-top: 0;
    margin-bottom: 0
}

.tablet-view #divCompareSpendingPrev, .tablet-view #divCompareSpendingUtl, .tablet-view #divCompareSpendingZip, .tablet-view #efficiencyLoader, .tablet-view #myAccountLoader, .tablet-view #notificationLoader, .tablet-view #smartHomeHoneyLoader, .tablet-view #smartHomeLoader, .tablet-view .electric-area, .tablet-view .electricity-area, .tablet-view .notification-area, .tablet-view .outage-area, .tablet-view .water-area {
    float: left;
    width: 100%
}

.modern_theme {
    display: inline-block
}

.gen_theme {
    display: none
}

.PinLabel {
    color: #000;
    display: block;
    font-weight: 700;
    left: 17px;
    position: absolute;
    text-align: center;
    top: 17px;
    width: 15px
}

#iLinkProjected .glyphicon-info-sign.glyphicon-info-sign::before {
    position: relative;
    top: -4px !important
}

#IDEff {
    line-height: 22px
}

.table-inbox-wrap {
    font-size: 12px
}

#AddressSpan {
    color: #950202;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding-left: 3px
}

.outerprelogin_PinLabel .MessageContainer .PinLabel {
    left: 17px !important
}

.currency .add-card.rateid span {
    font-size: 16px !important
}

.smart_thermostat > a:before {
    content: '\e977'
}

.smart_hubs > a:before {
    content: '\e976'
}

.smart_remotes > a:before {
    content: '\e975'
}

.smart_doorsensors > a:before {
    content: '\e974'
}

.scmfonts_base {
    font-family: scmfonts !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px
}

.setting_area .inner-content-log ul li {
    font-size: 16px
}

.inner-dashboard-area-usage .tablet-view h3 span, .inner-dashboard-area.inner-dashboard-area h3 a {
    font-size: 19px;
    font-weight: 400
}

.inner-dashboard-area h3 {
    padding: 10px 0 6px 10px !important;
    font-weight: 400
}

.billing-area .billing_bottom_buttons.billing_bottom_buttons.billing_bottom_buttons {
    margin: 0 auto 0
}

.inner-dashboard-area .tablet-view.tablet-view h3 span {
    padding-top: 2px
}

.choose_file_txt .nofile {
    padding-right: 4px
}

.checkbox-custom:checked + .checkbox-custom-label.checkbox-custom-label.checkbox-custom-label:before, .mdl-checkbox.is-checked span.mdl-checkbox__tick-outline.mdl-checkbox__tick-outline.mdl-checkbox__tick-outline:after {
    content: "\e926" !important;
    font-family: scmfonts !important;
    font-weight: 700 !important;
    padding-top: 4px
}

.checkbox-custom:checked + .checkbox-custom-label.checkbox-custom-label.checkbox-custom-label:before {
    padding-top: 0
}

.nodata_newstyle.nodata_newstyle:before {
    font: normal normal normal 24px/1 "Material Design Icons" !important;
    content: "\F2FD" !important;
    font-size: 22px !important;
    left: 0;
    top: 2px;
    color: #696969
}

.chart_span_cls > span:before {
    font-family: scmfonts !important;
    content: "\e9b1" !important;
    top: 2px;
    font-size: 19px;
    padding-right: 10px;
    display: inline-block;
    position: relative
}

.head_icon_flat.icon_notif-leakalert:before {
    content: "\e886";
    font-family: scmfonts
}

.nav_left ul li#leakalert.sidebar_leakalert.sidebar_leakalert a, .nav_left ul li#leakalert.sidebar_leakalert.sidebar_leakalert a:hover, .nav_left ul li#leakalert.sidebar_leakalert.sidebar_leakalert.active a {
    background-image: none !important
}

.sbleakalert:before {
    content: "\e886" !important
}

.modal .modal-header .close {
    margin-top: 0px
}

a.close:before, button.close:before, button.closepopup:before {
    content: "\ea0e";
    font-family: scmfonts !important;
    font-size: 16px;
    color: #4d4d4d;
   
    position: relative;
    
    font-weight: 400
}

a.close.close_icon_color:before {
    display: none
}

.pro_ico_top {
    background: 0 0 !important
}

span.pro_ico_top:before {
    content: "\F009";
    padding: 0;
    overflow: hidden;
    font-size: 24px !important;
    position: relative;
    font-family: 'Material Design Icons';
    text-align: center;
    line-height: 1;
    border: 0 !important
}

span.pro_icon_pop:before {
    content: "\ea96";
    padding: 0;
    overflow: hidden;
    font-size: 21px !important;
    position: relative;
    font-family: scmfonts;
    text-align: center;
    line-height: 1;
    border: 0 !important
}

.cal_font_ico:before {
    content: "\F0ED";
    font-family: "Material Design Icons";
    font-size: 27px;
    position: absolute;
    right: 34px;
    top: 4px;
    cursor: pointer;
    z-index: 9
}

.full_width_input_sec .cal_font_ico:before {
    color: #6a6a6a
}

.cal_font_ico img {
    visibility: hidden
}

.movein_Servicerequest:before {
    content: "\F425";
    font-size: 53px;
    top: -12px;
    position: relative;
    font-family: 'Material Design Icons'
}

.moveout_Servicerequest:before {
    content: "\F156";
    font-size: 53px;
    top: -12px;
    position: relative;
    font-family: 'Material Design Icons';
    background: red !important
}

.servicetransfer_Servicerequest:before {
    content: "\F4E1";
    font-size: 53px;
    top: -12px;
    position: relative;
    font-family: 'Material Design Icons'
}

.usagenotification_Servicerequest:before {
    content: "\e9dc";
    font-size: 53px;
    top: -12px;
    position: relative
}

.submitmeterread_Servicerequest:before {
    content: "\e9e0";
    font-size: 53px;
    top: -12px;
    position: relative
}

.other_Servicerequest:before {
    content: "\e9db";
    font-size: 53px;
    top: -12px;
    position: relative
}

.lefticon > .head_icon_flat:before {
    font-size: 53px;
    top: -12px;
    position: relative
}

.report_missed_collection:before {
    content: "\ea35"
}

.service_on_hold:before {
    content: "\ea38"
}

.binsize_cr:before {
    content: "\ea32"
}

.binsize_select:before {
    content: "\ea33"
}

.finalbill_request:before {
    content: "\ea36"
}

.estimatebill_request:before {
    content: "\ea37"
}

.estimate_ESCROW:before {
    content: "\ea3c"
}

.agentapplication_ESCROW:before {
    content: "\ea3a"
}

.enroll_rto:before {
    content: "\ea3b"
}

.unenroll_rto:before {
    content: "\ea39"
}

.rto_certificate:before {
    content: "\ea34"
}

.head_icon_flat {
    display: block !important;
    font-family: scmfonts;
    position: relative;
    top: -3px;
    font-size: 25px;
    float: left;
    padding-right: 10px;
    margin-bottom: -5px
}

    .head_icon_flat.icon_usage {
        top: -1px
    }

    .head_icon_flat.icon_billing {
        font-size: 22px;
        top: -4px
    }

    .head_icon_flat.icon_footprint {
        font-size: 22px
    }

    .head_icon_flat.icon_smarthome {
        top: -4px;
        margin-bottom: -6px
    }

.cover_top_area > h1 > img, .energy_mid_box > h1 > img {
    display: none
}

.outerservice_mid_head > h1 img {
    display: none !important
}

.address-1.address-icon.address-icon2 > img {
    display: none !important
}

.help_icon_img:before {
    position: absolute;
    content: "\F2FD" !important;
    top: 5px;
    left: -20px;
    color: #5a5a5a;
    font-family: "Material Design Icons" !important;
    font-size: 24px
}
/*#changeUserId .help_icon_img:before {

}*/
    .glyphicon-info-sign.glyphicon-info-sign {
    font-family: scmfonts !important;
    padding-right:23px !important;
}

    .glyphicon-info-sign.glyphicon-info-sign:before {
        content: "\F2FD" !important;
        font-family: "Material Design Icons" !important;
        color: #5a5a5a !important
    }

.head_icon_flat.icon_refreshbtn:before {
    content: "\F450" !important;
    font-family: "Material Design Icons" !important
}

.edit_clickp i.material-icons:before {
    content: "\F3EB";
    font-family: 'Material Design Icons'
}

#navbarDropdown i.material-icons:before, #navbarDropdown1 i.material-icons:before, .listing_wrapper .mdl-button i.material-icons:before, .toggle_nvp .mdl-button i.material-icons:before {
    content: "\F1D9";
    font-family: 'Material Design Icons';
    position: relative;
    top: -3px
}

.map_ico_charg:before {
    content: "\F279" !important;
    font-family: "Material Design Icons" !important
}

.tbl_list_ico:before {
    content: "\F34D" !important;
    font-family: "Material Design Icons" !important
}

@media only screen and (min-width:200px) and (max-width:767px) {


    .user_ipad span.pro_ico_top:before {
        padding: 0;
        MARGIN-TOP: 0;
        height: 18px;
        width: 18px;
        font-size: 13px;
        top: 0;
        line-height: 21px;
        text-align: center
    }
}
#PostloginFormWidgetID .other_payment .mdl-checkbox {
    margin-top: 10px;
}


@media screen and (min-width: 320px) {



    .tableFooterDiv {
        padding: 20px 15px;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        bottom: 0
    }

    a.close:before, button.close:before, button.closepopup:before {
        top: 5px;
    }
}

        @media screen and (min-width: 768px) {


            .tableFooterDiv {
               
              /*  position: absolute;*/
               
            }
            a.close:before, button.close:before, button.closepopup:before {
                top: 7px;
            }


        }