/* ---- Source Code for theme to optimize the theming feature.
        DO NOT DELETE OR MODIFY BEFROE REVIEW
        Written by: Sachin Jain
*/
/* ---- Start Button Color -----*/
.submit-button.submit-button, .btn-default-login-submit.btn-default-login-submit.btn-default-login-submit,
.registration_btn.registration_btn.registration_btn, p > span.newbutton_outer.newbutton_outer,
.start_btn.start_btn > input[type="submit"], .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 {
    /*background: #43a7d8 !important;
    color: #fff !important;        
    border: 1px solid #43a7d8 !important;*/
    background: #00aeef !important;
    color: #fff !important;
    border: 1px solid #00aeef !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 0 !important;
}

    .submit-button.submit-button:hover, #btnfacebookLogin:hover, .btn-default-login-submit.btn-default-login-submit.btn-default-login-submit:hover,
    .registration_btn.registration_btn.registration_btn:hover, p > span.newbutton_outer.newbutton_outer:hover,
    .start_btn.start_btn > input[type="submit"]: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 {
        background: #0095cc !important;
        border: 1px solid #0095cc !important;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        border-radius: 0 !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 {
    background: none !important;
    border: 1px solid #00aeef !important;
    color: #00aeef !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 0 !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 {
        background: #0095cc !important;
        color: #fff !important;
        border-radius: 0px !important;
        border-color: #0095cc !important;
    }
/* ---- End Button Color -----*/

#lblStatusThermo {
    background-color: #00aeef !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 0 !important;
}

.nav_left ul li.active, .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 {
    background-color: #00aeef !important;
}

    .nav_left ul li a:hover, .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, .add_account_btn > a:before {
        background-color: #0095cc !important;
    }


.inner-address b, .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,
.help_icon_img:before, .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="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="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, span.search_foot_ico.fa:before, .nav-alrtmsgs.nav-alrtmsgs > li > a > .fa, .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, .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 .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, .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, .entr_pay_sec .entr_left_sec span.right_txt_pay, .entr_pay_sec .entr_right_sec span.right_txt_pay, .entr_pay_method .entr_box_comm_left b.left_txt_pay, .efficiency_area ul li .content_energy_area h1, .tab button.active, .servicedetailedboxes a, .lnk_to_efficiency_footer a, .right_content_box ul li a.active[currencytype="K"]:before {
    color: #00aeef;
}

.mail-option input[type="checkbox"]:checked + label:before, #ulNotificatons input[type="checkbox"]:checked + label:before, li#AddressInfo .bootstrap-select.btn-group .dropdown-toggle .caret {
    border: 1px solid #00aeef !important;
    background-color: #00aeef !important;
}

.currency_1 ul li.active {
    border-bottom: 2px solid #00aeef !important;
}

.active_new, .icon_plus_icon {
    background-color: #0095cc !important;
}

ul.tab_nav_1.tab_nav_popup li.active a, ul.tab_nav_1.tab_nav_popup li.active_first1 a, .right_content_box .top_main_area ul li.active2 a {
    border-bottom: 2px solid #00aeef !important;
}

ul.tab_nav_1.tab_nav_popup li.active_first1 a, ul.tab_nav_1.tab_nav_popup li.active a, ul.tab_nav_1.tab_nav_popup li.active a, .MessageContainer .blue, .topnotialert > a:before,
.right_content_box .top_main_area ul li.active2 a, .nav-pills > li.active > a, button.close:before, button.closepopup:before, a.close:before, .servicedetailedboxes a:hover {
    color: #00aeef !important;
}    
    
span.pro_ico_top: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 #00aeef;
}

.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 #00aeef !important;
}


.active_new:before {
    border-top: 10px solid rgb(67, 167, 216)!important;
}

.tab button.active {
    background-color: #fff;
    border-bottom: 3px solid #00aeef !important;
    color: #00aeef !important;
}

nav.main_large ul.tabs li a:hover, nav.main_large ul.tabs li.active a, nav.main_large ul.tabs li a.active {
    background-color: #00aeef !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, .radio_mat_style .inner_mat_style, .Left_inner_area .left_listing ul li a.actives {
    background: #00aeef !important;
}

.footer, .notification.default {
    background-color: #00aeef !important;
}

li#AddressInfo .adddro .bootstrap-select > button.dropdown-toggle, li#AddressInfo .bootstrap-select.btn-group .dropdown-toggle .caret, .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"], .dropdown dd ul li a:hover,
input.cmn-toggle-round:checked + label:before, .set_usage_noti a {
    background-color: #00aeef !important;
}

.footer-bottom, #view_id_notification {
    background-color: #0095cc !important;
}

.dropdown dt a {
    background-color: #00aeef !important;
    border: 1px solid #00aeef !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: #0095cc;
}

.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: #0095cc;
}

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

nav.main_large ul.tabs li a:hover, nav.main_large ul.tabs li.active a {
    background-color: #00aeef !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: #00aeef !important;
    }

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