.login-box-outer form input[type="email"].err-brdr,.login-box-outer form input[type="password"].err-brdr,.login-box-outer form input[type="text"].err-brdr{
    border:none!important;
    border-bottom: 1px solid red !important;
}
.login-box-outer .inputVal{
    border-bottom: 2px solid #00bfbf !important;
    box-shadow: none!important;
}
.closeBackground{
    width: 100%;
    height: 30px;
    position: absolute;
    z-index: -99;
    opacity: .8;
}
.popupLoader{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    margin: auto;
    z-index: 999;
}
.popupOverlay{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.81)
}
.login-box-outer .err-txt{
    font-size: 13px !important;
    color: red;
}

.exception-err {
    margin-bottom: 18px;
    color: red;
}
.active-lp {
    display: block !important;
}
.login-box-outer .active-div {
    left: 0 !important;
}
.login-box-outer .active-tab {
    color: #00bfbf !important;
    border-bottom: 2px solid #00bfbf !important;
}
.login-box-outer .hasValue {
    top: -16px!important;
    font-size: 12px!important;
    color: #00bfbf!important;
}

.login-box-outer .fieldParent {
    position: relative;
    height: auto;
    min-height: 60px; float: left; width:100%;
    padding: 0;
}
.login-box-outer .fieldParent label.disp-blk {
    transition: none;
    position: absolute;
    top:0;
    color: #bdbebf;
    cursor: default;
    width: auto;
    display: inline-block;
    pointer-events: none;
}
.loginpopup{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    top: 0;

}
/*.opacityLayer{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: rgba(0,0,0,0.7);*/
/*}*/

.loginpopup-inner {
    position: absolute;
    height: 566px;
    width: 775px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}
.backgroundImageOverlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
/*.login-box-outer {*/
    /*position: absolute;*/
    /*height: 580px;*/
    /*width: 800px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*margin: auto;*/
    /**/
/*}*/
.login-box-outer {
    box-shadow: 3px 3px 21px #d0cbcb;
    position: relative;
    float: left;
    overflow: hidden;
    height: 550px;
    width: 430px;
    background: #fff;
    margin-left: 20px;
    max-width: 100%;

}
.sentEmailSvg{
    margin: 40px auto;
    width: 40%;
    height: 40%;
}
.sentPasswordResetMail p {
    font-weight: 400;
    margin-top: 0%;
    margin-bottom: 5%;
}
.sentPasswordResetMail button {
    margin-left: 10px;
    margin-right: 10px;
    width: 95%;
}
.rightBar{
    position: relative;
    float: left;
    width: 33%;
    height: inherit;
}
.rightBar {
    margin-left: 35px;
}
.rightBar h4 {
    line-height: 25px;
    font-size: 20px;
    font-weight: 600;
    color: #141516;
}
.rightBar ul {
    margin-top: 16px;
    list-style-image: url(../images/listStyleArrow.svg);
    /*list-style-position: inside;*/
}
.rightBar ul li {
    font-size: 14px;
    padding: 10px 0;
    font-weight: 600;
    position: relative;
    left: 15px;
    color: #25292b;
}
.why {
    padding-top: 65px;
}
.whyLogIn , .whySignUp, .whyVerify, .whyLinking {
    display: none;
}
.login-box-inner {
    padding: 25px;
    padding-top: 15px;
    position: absolute;
    width: 88%;
    box-sizing: content-box;
}
#UserLogin {
    left: 0;
}
.login-box-outer #getUserMobNo,.login-box-outer #forgotPassword,.login-box-outer #enterOTP,.login-box-outer #sentPasswordResetMail,.login-box-outer #passwordResetMailDiv, .login-box-outer #linkScreen1, .login-box-outer #linkScreen2 {
    left: 900px;
}
.login-box-inner ul {
    list-style: none;
}

.login-box-inner ul li {
    display: inline-block;
    width: 19%;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 5px 5px 0;
    margin-right: 15px;
    color: #bdbebf;
    cursor: pointer;
}
.login-box-container .close {
    width: 25px;
    height: 25px;
    position: absolute;
    font-weight: 100;
    padding: 5px 5px;
}
.loginIntegration p{
    color: #25292b;
    font-size: 14px;
    padding: 10px 10px 10px 0;
}
.loginWith div {
    display: inline-block;
    width: 45%;
    text-align: center;
    font-size: 16px;

    border-radius: 4px;
    padding: 5px 0;
    margin-right: 10px;
}
.facebookDiv {
    border: 1px solid #415AA7;
    color: #415AA7;
}
.facebookDiv img ,.customGPlusSignIn img{
    width: 25px;
    height: 25px;
}
.fb , .gp {
    position: relative;
    /*top: -6px;*/
}
.login-box-outer .customGPlusSignIn {
    border: 1px solid #EC2E30;
    color:#EC2E30;
}

.login-box-outer .customGPlusSignIn{
    width: 100% !important;
    cursor: pointer;
}
.passwordSvg {
    /*position: relative;
    float: right;*/
}
.passwordSvg .passwordSvgShow {
    position: absolute;
    /*left: -22px;*/
    top: 50px;
    width: 20px;
    height: 20px;
}
.passwordSvg .passwordSvgHide {
    position: absolute;
    /*left: -22px;*/
    top: 50px;
    width: 20px;
    height: 20px;
}
.or {
    width: 80%;
    margin: 2px auto;
    margin-bottom: 12px;
    color: #c8c8c8;
    margin: 16px auto;
}
.or span::after {
    content: "";
    width: 45%;
    display: inline-block;
    height: 10px;
    border-top: 1px solid #d3d4d5;
    position: relative;
    top: 6px;
    margin-left: 5px;
}
.or span::before {
    content: "";
    width: 45%;
    display: inline-block;
    height: 10px;
    border-top: 1px solid #d3d4d5;
    position: relative;
    top: 6px;
    margin-right: 5px;
}
.errResp{
    margin-bottom: 20px;
    color: red;
}
/*.login-box-outer input[type="submit"]{
    font-weight: 600;
}*/
.login-box-outer form input[type="email"] ,
.login-box-outer form input[type="password"],.login-box-outer form input[type="text"],.login-box-outer form input[type="tel"]{
    z-index: 88;
    width: 100%;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #d3d4d5;
    box-sizing: border-box;
    margin: 4px 0px;
    padding: 2px 0;
    color: #25292b;
    background: #fff;
    }
.login-box-outer .signup-goal {
    margin-top: 5px;
}
.login-box-outer .goal-label {
    font-size: 16px;
    font-weight: normal;
    color: #25292b;
}
.login-box-outer .signup-goal .goal-type div{
    width: 42%;
    display: inline-block;
}
.login-box-outer .signup-goal .goal-type label {
    float: left;
    padding-left: 5px;
    font-size: 14px;
    color: #25292b;
}
.login-box-outer .signup-goal .goal-type div {
    padding-left: 18px;
    font-size: 12px;
    position: relative;
    margin-right: 6px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.login-box-outer .signup-goal .goal-type input {
    width: auto;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.login-box-outer .signup-goal .goal-type>div input[type="radio"]+label:before{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #7c7f80;
    position: absolute;
    left: 0;
    top: 2px;
    background: #fff;
    content: '';
}
.login-box-outer .signup-goal .goal-type>div input[type="radio"]+label:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    content: '';
}
.login-box-outer .signup-goal .goal-type>div input[type="radio"]:checked+label {
    color: #1EBCBD;
}
.login-box-outer .signup-goal .goal-type>div input[type="radio"]:checked+label:after {
    background: #1EBCBD;
}
.login-box-outer .signup-goal .goal-type>div input[type="radio"]:checked+label:before {
    border: 2px solid #1EBCBD;
}
.login-box-outer .submit-btn{
    color: #fff;
    padding-top: 13px;
    border-radius: 4px;
    padding-bottom: 15px;
    background-color: #00bfbf;
    box-shadow: none;
    border: none;
    width: 100%;
    font-size: 20px;
    -webkit-appearance: none;
    max-height: 48px;
}
.login-box-outer .terms {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    color: #929495;
    font-weight: 500;
    line-height: 15px;
}
.login-box-outer .terms a {
    color: #7c7f80;
}
.login-box-outer .terms a:hover {
    text-decoration: underline !important;
}
.login-box-outer .tabContent {
    display: none;
}
.login-box-outer .pswd-section {
    margin: 2px 0 10px 0;
    width: 100%;
    display: inline-block;
    position: relative;
    top: -5px;
}
.login-box-outer .forgotPass {
    float: right;
    color: #929495;
    cursor: pointer;
    font-size: 13px;
    padding-top: 2px;
}
.login-box-outer .forgotPassLinking {
    float: right;
    color: #929495;
    cursor: pointer;
    font-size: 13px;
    padding-top: 2px;
}
.login-box-outer .forgotPass:hover, .login-box-outer .skip:hover {
    text-decoration: underline !important;
}
.login-box-outer .forgotPassLinking:hover, .login-box-outer .skip:hover {
    text-decoration: underline !important;
}
.login-box-outer .getUserMob .head2 {
    font-size: 20px;
    color: #25292b;
    margin: 15px 0;
}
.login-box-outer .sub-text{
    color: #25292b;
    font-size: 14px;
    margin-top: 20px;
}
.login-box-outer .resendOtpText{
    font-size: 14px;
    font-weight: 600;
}
.login-box-outer .getUserMob .submit-btn {
    margin-top: 15px;
}
.login-box-outer .skip {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    color: #00bfbf!important;

}
.login-box-outer .forgotPass:hover,
.login-box-outer .skip:hover {
    text-decoration: underline !important;
}

 .otpHead .head2 ,.removeVal , .forgotPassword .head2  {
    display: inline-block;
}
.removeVal{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    display: none;
}
.otpHead .head2, .forgotPassword .head2, .sentPasswordResetMail .head2 {
    font-size: 20px;
    color: #25292b;
    margin: 15px 0;
}
/*.otpHead form {
    margin-top: 25%;
}*/
.sub-text {
    font-size: 14px;
    margin-bottom: 35px;
}
.sub-text span {
    font-size: 14px;
}
.otpHead.userMobNo {
    margin-right: 2px;
}
.modifyNum {
    color: #00bfbf;
}
.reEnterMobNo,.modifyNum,.cancelPassChange {
    cursor: pointer;
}

.cancelPassChange {
    position: relative;
    top: 5px;
}
.cancelPassChange svg{width: 25px;}


.otpHead .head2 ,.forgotPassword .head2,.sentPasswordResetMail .head2 {
    position: relative;
}
/*.otpHead input[type='submit'] , .forgotPassword input[type="submit"]{*/
    /*margin-top: 60px;*/
/*}*/
.forgotPassword input[type="submit"] {

}
.facebookDiv{
    cursor: pointer;
}
.login-box-outer .cancel {
    color: #00bfbf;
    border: 1px solid #00bfbf !important;
    padding-top: 15px;
    border-radius: 4px;
    padding-bottom: 15px;
    background-color: white;
    box-shadow: none;
    border: none;
    width: 46%;
    font-size: 16px;
    margin-right: 25px;
}
.login-box-outer .forgotPassword .submit-btn {
    width: 46%;
}
.popUpSlide{
    position: relative;
}
.copyright {
    color: white;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}
.authProd{
    position: absolute;
    bottom: 4%;
    font-size: 12px;
    font-weight: normal;
    left: 12%;
}
.authProd img {
    width: 30px;
    height: 30px;
}
.authProd .text {
    position: relative;
    font-weight: 600;
    padding-left: 10px;
    color: #515455;
}
.reEnterMobNo img ,.cancelPassChange img {
    width: 25px;
    height: 16px;
}

#customBtn:hover {
    cursor: pointer;
}
/*span.label {*/
    /*font-family: serif;*/
    /*font-weight: normal;*/
/*}*/
/*span.icon {*/
    /*background: url('/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*width: 42px;*/
    /*height: 42px;*/
/*}*/

@media (min-width: 767px){
    .login-box-outer .err-txt {
        margin-top: 0;
    }
    /*.loginpopup {*/
        /*background-size: cover;*/
        /*background-image: url('../images/popUpDesktop.jpg');*/
    /*}*/
    .login-box-container{
        width: 100%;
        height: 565px;
    }
    .background-div{
        background: white;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -99;
        top: 0;
        left: 0;
    }
    .login-box-container .close {
        width: 30px;
        height: 30px;
        cursor: pointer;
        top: 10px;
        right: 10px;
        z-index: 99;
        opacity: 1;
        position: absolute;
        box-sizing: border-box;

    }
}
@media (max-width: 767px) {
    .login-box-outer .signup-goal .goal-type label{
        margin-top: 3px;
    }
    .login-box-outer {
        box-shadow: 2px 3px 25px #100f0f;
    }
    .loginpopup {
        z-index: 9999999999;
        /*background-image: url('../images/popUpMobile.jpg');*/
    }
    .rightBar{
        display: none;
    }
    .login-box-container{
        width: 100%;
        display: inline-block;
        height: 100%;
    }
    .background-div{
    display: none
    }

    .loginpopup-inner{
        position: fixed;
        width: 90%;
        height: 85%;
    }
    .popUpSlide{
        position: relative;
    }
    .login-box-outer {
        max-width: 400px;
        overflow-x: hidden;
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        height: 100%;
        overflow-y: auto;
    }
    .login-box-inner {
        padding: 15px;
        box-sizing: border-box;
        width: 100%;
        float: left;
        display: block;
        position: absolute;
    }
    #UserLogin {
        left: 7px;
    }
    #getUserMobNo,#forgotPassword,#enterOTP {
        left: 700px;
    }
    .login-box-inner ul li {
        width: inherit;
        margin-left: 5px;
    }
    .facebookDiv{
        margin-right: 4px !important;
    }
    .loginWith div{

        display: inline-block;
        width: 48%;
        text-align: center;
        font-size: 16px;
        border-radius: 4px;
        padding: 5px 0;
        margin-right: 0;
        padding-top: 9px;
    }

    .login-box-container .close{
        border: none;
        top: 7px;
        right: 7px;
       z-index: 99;
    }
    .or span::before , .or span::after {
        width: 43%;
    }
    .login-box-outer  .signup-goal .goal-type div {
        width: 47%;
    }
    .login-box-outer .cancel {
        margin-right: 10px;
    }
    .login-box-outer .fieldParent label{
        top: 5px;
        font-size: 14px;
    }
    .login-box-outer .hasValue{
        top: -12px !important;
        font-size: 12px !important;
    }
    .getUserMob h2,.otpHead h2, .forgotPassword h2 , .sentPasswordResetMail h2{
        font-size: 18px;
        margin-top: 0px;
    }
    .sentPasswordResetMail h2 {
    margin-top: 15px;
    }
    .sentPasswordResetMail p{
        font-size: 14px;
        font-weight: normal;
    }
    /*.sentPasswordResetMail button {
        margin-top: 40px;
    }*/
    .login-box-outer .skip{
        font-size: 14px;
    }
    .errResp {
        font-size: 14px;
    }
    .login-box-outer .tabContent{
        margin-top: 20px;
    }
    .fb, .gp{
        top: -8px;
    }
    .login-box-outer .forgotPass,.login-box-outer .sub-text{
        font-size: 13px;
    }
    .login-box-outer .forgotPassLinking,.login-box-outer .sub-text{
        font-size: 13px;
    }

}
@media (max-width: 320px){
    .login-box-inner{
        max-width: 270px;
        padding-left: 7px;
        padding-right: 5px;
    }
}

/*css by arun for uuid ui changes start*/
.show-password-sec > label,.login-box-outer .pswd-section .pswd-section > label{ font-size: 13px !important; padding-left: 25px; line-height: 20px;}
.show-pswd+.checboximg{background: url(../images/loginpop/checkboxselect.svg) no-repeat; background-size: 14px 14px; width: 14px; height: 14px; position: absolute; left: 0; top:3px;}
.show-pswd:checked+.checboximg{background: url(../images/loginpop/checkboxselected.svg) no-repeat;}
#resendOTPText{float: left;  width: 100%;  margin-bottom: 20px;}
.otpHead > h3{ padding-top: 0px; font-weight: 600 !important;}
p#resendOTPText {  margin-bottom: 0px !important;  margin-top: 0px;  font-size: 13px;  color: #8cc341;}
.OTPForm .fieldParent{ margin-top: 25px; min-height:initial;}
.OTPForm .show-password-sec{ margin: 10px 0px 25px 0px;}
.login-box-outer .sub-text{ font-weight: 600;}
.login-box-outer .sub-text .linkingMobileNumber{ font-weight: 600;}
.fieldParent #editMobileNumber,.fieldParent #resendOtp{    display: inline !important;  position: absolute !important;  width: auto;  left: auto !important;  right:0 !important;  top: 0 !important; margin-top: 0;}
.fieldParent #resendOtp{ margin-top: 3px}
.login-box-outer .linkScreenForm1  .signup-goal .goal-type label{ padding-left: 10px;}
.login-box-outer .getUserMob .head2 a,.login-box-outer .getUserMob .head2 a:hover{ float:right; color: #bdbebf; font-size: 13px;}
.loginIntegration > p{ font-weight: 600;}
.forgotEmail .cancel{ margin-left: 0;}
@media only screen and (max-width: 767px)
{
    .fieldParent #loginViaOTP{top: -3px !important;padding: 3px 7px;  font-size: 12px;}
    .tabContent > form{ margin-top: 0px !important;}
    .tabContent > form > h3{margin-top: 0px;padding-top: 0px;}
   .login-box-inner #verifyFBHeading{ margin-top: 0; font-size:18px;}
    .login-box-outer .getUserMob .head2{ margin-top: 0; font-size:18px;}
    .login-box-outer .show-password-sec > label, .login-box-outer .pswd-section .pswd-section > label{ line-height: 20px;padding-left: 25px;}
    .login-box-outer .pswd-section .forgotPassLinking{line-height: 20px;}
    .otpHead.passwrdMailClass > h2{ margin-top: 0;}
    .otpHead.passwrdMailClass p.headingForgotEmail{    margin-top: 0;  margin-bottom: 20px;}
    .otpHead > h3{ margin-top:20px;}
}
/*css by arun for uuid ui changes ends*/
.loginpopup .backgroundImageOverlay + img{
    width: 100%;
}