
/* ---- 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: #076324 !important;
    color: #fff !important;
    border: 1px solid #076324 !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: #339853 !important;
        border: 1px solid #339853 !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 #076324 !important;
    color: #076324 !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: #339853 !important;
        color: #fff !important;
        border-radius: 4px !important;
        border-color: #339853 !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: #076324 !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: #339853 !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: #076324;
}

.mail-option input[type="checkbox"]:checked + label:before, #ulNotificatons input[type="checkbox"]:checked + label:before {
    border: 1px solid #076324 !important;
    background-color: #076324 !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: #076324 !important;
    border-color: #076324 !important;
}

.active_new {
    background-color: #339853 !important;
}
/*ul.tab_nav_1.tab_nav_popup li.active a {
    border-bottom: 2px solid #076324 !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: #076324 !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 #076324;
}

.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 #076324 !important;
}

.active_new:before {
    border-top: 10px solid #339853 !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: #076324 !important;
}

.enter_pay_amt .md-radio input[type="radio"]:checked + label:before, .chkboxCustom input[type="checkbox"]:checked {
    border-color: #076324 !important;
}

.footer, .notification.default {
    background-color: #076324 !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: #076324 !important;
}

.footer-bottom, #view_id_notification {
    background-color: #339853 !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: #339853;
}

    .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: #339853;
    }

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: #339853 !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: #076324 !important;
    }

    #sidebar-wrapper nav.main_large > ul.navbar-nav > li:hover > a {
        background-color: #076324 !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: #076324 !important;
    border-bottom: 2px solid #076324 !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: #339853 !important;
        border-bottom: 2px solid #339853 !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: #076324 !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: #339853 !important;
    }

.right_charging_map .distance_area ul li a.active {
    color: #076324 !important;
    border-bottom: 2px solid #076324 !important;
}

input#btnCancelForgotUserName, input#btnOtherLogin, .loginLeft .log_out_area .sign_in a {
    border: 1px solid #076324 !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: #076324 !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: #076324 !important;
}

.estimatedBox .enrollBlue:hover {
    background-color: #339853 !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 #076324 !important;
    color: #076324 !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: #076324 !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 #076324 !important;
    color: #076324 !important;
}

nav.main_navigation ul.tabs > li.open > a:after, nav.main_navigation ul.tabs > li > a.active:after {
    border-bottom: 3px solid #076324 !important;
}

.chartToolTip:after {
    border-left: 10px solid #076324 !important;
}

.btn_bottomp .enrollbtn_brdr.cancel-button {
    border: 1px solid #076324 !important;
}

.tabs_btn .nav-tabs li.active {
    border-bottom: 3px solid #076324;
}

.upper_text #divcreditrdobtn.active_new, .upper_text #divbankrdobtn.active_new {
    border-bottom: 2.5px solid #076324;
}

ul.nav-alrtmsgs.nav-alrtmsgsNoti li.active a, .chkboxCustom input[type="checkbox"]:checked, .checkbox-custom:checked + .checkbox-custom-label:before {
    background: #076324 !important;
}

ul.crPrOutage > li > a.active {
    color: #076324 !important;
    border-color: #076324 !important;
}

.butn_link_area > ul > li > a {
    background: #076324 !important;
    border-color: #076324 !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: #076324 !important;
}
