.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,.95);box-shadow:0 0 12px #000;opacity:1;-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;z-index:9999999999;color:#fff;padding:0 19px}
.close.close_icon_color{text-shadow:0 0 0 #fff;font-weight:700;color:#fff;margin-top:16px}
.fa.fa-warning.fa_warning_header{float:left;margin-top:13px;font-size:30px;margin-right:20px}
#spanerrorMessaegeicon .fa.fa-warning.fa_warning_header:before{content:"\f071"!important;font-family:FontAwesome, sans-serif!important;font-size:23px}.heading_style_reg_sub_child{position:relative}.energy_mid_box{margin-bottom:34px}#txtEmailForgotUserName1{width:96%!important}a.email_info_ico{position:absolute;right:-20px;top:8px;font-size:0}.full_widthNew_ui a.helpiconAltEmailUser.email_info_ico{position:absolute;right:-41px;top:19px}#btnCancelProblemsContainer {min-width: 100%;}
.ul_listing ul li a{font-size: 16px;padding-left: 0px;}
#page_loader {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .7;
    display: none;
    position: fixed;
    top: 0;
    z-index: 99999999;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
}
#ForgotUsernameToolTip span.material-icons {
    position: relative;
    top: 3px;
}
header {
    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)
}.form-group{float:left;width:100%}#errorMsg{float:initial;position:absolute;top:11px;left:30%;width:258px;background:rgba(60,60,60,.82);color:#fff;padding:3px 8px;box-shadow:0 1px 3px #ccc;display:none}textarea{height:149px!important;resize:none}
@media (min-width: 1200px) {section.container {width: 1200px !important;overflow: hidden;}}
/*------ New UI -------*/
.energy_mid_box .login-page {background: #ffffff;margin-top: 51px;position: relative;display: inline-block;width: 100%;
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.15) !important;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 55px 80px;margin-bottom: 50px;}
.energy_mid_box{margin:0 auto!important;float:none}
.login-page .loginpage-form h1{font-size:22px!important;color:#333;/*text-transform:uppercase;*/padding:5px 0 5px 0;font-weight:500;}
.loginpage-form h1:focus{outline:solid 2px #333;outline-offset:2px}.loginpage-form{padding:0!important}
.loginpage-form h2{font-size:16px;margin:5px 0 15px 0;line-height:1.5;font-family:OpenSans-Regular,sans-serif;}.loginpage-form p{font-size:16px;}
.energy_mid_box .log_smw_btn .btn-default-login-cancel{width:45%!important;border-radius:3px!important}.energy_mid_box .log_smw_btn .btn-default-login-submit{width:45%!important;border-radius:3px!important;float:right}input#btnCancelForgotUserName,input#btnOtherLogin,input#btnSubmitForgotUserName,input#btnSubmitOtherLogin{border-radius:3px!important;margin-bottom:0!important;text-transform:uppercase}.log_smw_btn{width:100%!important;margin-top:15px!important;float:left;}.bar_input:before{left:50%!important}
input#btnSubmitForgotPassword, input#btnSubmitForgotUserNameWithLink, input#Button1, input#btnForgotUserNameOTP, input#btnConsentCancel, input#btnGnerateOTP, input#BtnCancelOtp, input#BtnSubmitOtp {
    width: 48% !important;
    margin-bottom: 0;
    margin-top: 0
}
input#btnCancelForgotPassword{border:1px solid!important;float:left!important;margin-top:0;margin-bottom:0;width:48%!important;margin-right:0!important;/*text-transform:uppercase*/}
input#btnSubmitForgotUserName,input#btnSubmitOtherLogin{float:right!important;width:48%!important;margin-bottom:0;margin-top:0}
input#btnCancelForgotUserName,input#btnOtherLogin{border:1px solid #43a7d8!important;float:left!important;margin-top:0;margin-bottom:0;width:48%!important;margin-right:0!important}
textarea#txtComments{height:90px!important;padding-top:28px!important}.glyphicon-info-sign:before{content:"\F2FD"!important;font-family:"Material Design Icons", sans-serif!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;color:#333333!important}label.effect_lbl.effect_lblBg{background:#e8e8e8;width:93%;top:0!important;padding:7px 0 6px 0}@media (min-width:768px) and (max-width:992px){input#btnSubmitForgotUserName,input#btnSubmitOtherLogin{padding:8px 30px!important}}

.mdlSeprate .mdl-radio__outer-circle {
    top: 3px;
}
.mdlSeprate .mdl-radio__inner-circle {
    top: 7px;
}
.blockAccountsInput {
    margin: 0px 0px 30px 0px;
    float: left;
    width: 100%;
}
.mdlSeprate {
    margin-bottom: 15px;
}
.mdlSeprate span.mdl-radio__label {
    font-weight: normal;
}
.continueBlock {
    float: left;
    width: 100%;
}
.continueBlock input {
    width: 48%;
}
    .continueBlock input:nth-child(2) {
        float: right;
    }
.emailid_authen p {
    font-size: 14px;
    font-weight: bold;
}
#divOtp input {
    float: left !important;
    width: 53px !important;
    border: 2px solid #efefef;
    margin-right: 15px;
    padding: 5px 10px !important;
    height: 50px;
    margin-bottom: 8px;
    background: #efefef;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.veri_txt {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
}
.veri_txt a {
    font-size: 16px;
    text-decoration: none;
}
.veri_txt a.isDisabled {
    font-size: 16px;
    color: #ccc !important;
    text-decoration: none;
    cursor: default;
}

#authenticationSecondStep h3 {
    font-size: 22px !important;
    color: #333;
    text-transform: uppercase;
    padding: 5px 0 25px 0;
    font-family: 'OpenSans-Bold';
}
#dvRdnEmail, #dvRdnPhone, #dvRdnCIS {
    margin-top: 15px !important;
}
#dvRdnEmail input, #dvRdnPhone input, #dvRdnCIS input {
    margin-right: 5px;
    margin-top: 0px;
}
    #dvRdnEmail label.rdLabel, #dvRdnPhone label.rdLabel, #dvRdnCIS label.rdLabel {
        font-size: 16px;
        font-family: 'OpenSans-Regular';
        font-weight: normal;
    }
.radio_btn {
    display: flex;
    margin-top:15px;
}
    @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

:root {
    --primary-color: #215ed9;
    --radio-icon-field: 48px;
    --radio-icon-size: 20px;
}

*,
:after,
:before {
    box-sizing: border-box;
    transition: all 0.3s ease;
    --gap: 0px;
}


form {
    color: var(--text-color);
    font-family: "Inter", sans-serif;
    font-size: 20px;
    border-radius: 10px;
}

.option {
    padding: var(--gap);
    width: 50%;
}

/* Hide the Default Radio Buttons */
input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Custom Radio Buttons */
.option input[type="radio"] ~ label {
    --radio-icon-border: 2px;
    --radio-icon-inner: calc(var(--radio-icon-size) - 4 * var(--radio-icon-border));
    --radio-target-field: calc((var(--radio-icon-field) - var(--radio-icon-size)) / 2);
    cursor: pointer;
    position: relative;
    padding-left: calc(var(--radio-icon-field) - var(--radio-target-field) + var(--gap));
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0px;
    font-weight: normal;
}

    .option input[type="radio"] ~ label::before,
    .option input[type="radio"] ~ label::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
    }

    .option input[type="radio"] ~ label::before {
        left: 0;
        width: var(--radio-icon-size);
        height: var(--radio-icon-size);
        border: var(--radio-icon-border) solid var(--primary-color);
    }

    .option input[type="radio"] ~ label:hover::before {
        box-shadow: 0px 0px 0px var(--radio-target-field) rgba(0, 0, 0, 0.1);
    }

    .option input[type="radio"] ~ label::after {
        left: calc(var(--radio-icon-border) * 2);
        width: var(--radio-icon-inner);
        height: var(--radio-icon-inner);
        opacity: 0;
        transform: translateY(-50%) scale(0);
        background-color: var(--primary-color);
    }

.option input[type="radio"]:checked + label::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.option input[type="radio"]:hover ~ label {
    color: var(--text-color-hover);
}

.option input[type="radio"]:checked ~ label {
    color: var(--text-color-checked);
}
#useronly, #divAccountNumber {
    margin-top: 20px !important;
}
.username_send {
    text-align: center;
}
    .username_send img{
        width:64px;
    }
.username_send h2{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
    .username_send p {
        font-size: 13px;
        color: #333333;
        margin: 20px 0px 0px;
    }
    @media (min-width:320px) and (max-width:767px) {
        .energy_mid_box{
            padding-left:15px!important;
            padding-right:15px!important;
        }
        input #btnCancelForgotPassword {
            margin-bottom: 15px !important;
        }
    input#btnCancelForgotUserName, input#btnOtherLogin {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
    }
    #divOtp input {
        width: 40px !important;
        margin-right: 5px;
        padding: 5px 10px !important;
        height: 40px;
    }
    #dvRdnEmail input, #dvRdnPhone input, #dvRdnCIS input {
        margin-top: 5px;
    }
    #dvRdnEmail label, #dvRdnPhone label, #dvRdnCIS label {
        font-size: 16px;
        font-family: 'OpenSans-Regular';
        font-weight: normal;
        width: 91%;
        float: right;
    }
}

a#ForgotUsernameToolTip {
    color: #215ed9;
}
div#lblTnC span {
    font-size: 16px;
}