@media only screen and (max-width: 767px) {
    .inside.inverstorLogn {
        padding-top: 7rem;
    }
}
.investorLogin {
    background: url(../images/login-bg.jpg) no-repeat 0 -200px;
    background-size: cover;
    min-height: 74rem;
    padding: 4rem 0;
}
.investorLogin .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (max-width: 767px) {
    .investorLogin .row {
        display: block;
    }
}
.investorLogin .col-sm-5 {
    padding-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (max-width: 767px) {
    .investorLogin .col-sm-5 {
        display: block;
        padding-right: 1rem;
    }
}
.investorLogin .col-sm-7 {
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (max-width: 767px) {
    .investorLogin .col-sm-7 {
        display: block;
        padding-left: 1rem;
    }
}
.investorLogin #pan {
    text-transform: uppercase;
}
.investorLogin .panNum {
    text-transform: uppercase;
}
.investorLogin .errorText {
    background: 0 0;
    position: absolute;
    bottom: -4px;
}
.investorLogin p.errorText {
    position: relative;
    bottom: auto;
}
.investorLogin .errorMsg {
    display: block;
    font-size: 1.1rem;
    color: #ff5f5f;
    font-family: Lato-Regular;
    padding-top: 0.5rem;
}
.investorLogin .inputFeild {
    padding-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
    .investorLogin .inputFeild {
        width: 30rem;
    }
}
@media only screen and (max-width: 480px) {
    .investorLogin .inputFeild {
        width: 100%;
    }
}
.investorLogin .inputFeild input {
    padding-left: 3rem;
}
.investorLogin .inputFeild label {
    padding-left: 3rem;
    line-height: 1.4rem;
}
@media only screen and (max-width: 991px) {
    .investorLogin .inputFeild label {
        font-size: 1.4rem;
    }
}
.investorLogin .inputFeild.translateup label {
    top: 10px;
    font-size: 1.4rem;
    left: 0;
    color: #000;
    padding-left: 0;
}
.investorLogin .fieldIcon {
    position: absolute;
    left: 0;
    top: 4.1rem;
    display: inline-block;
    font-size: 14.6px;
    color: #7b7b7b;
}
.investorLogin .checkFeild {
    margin-top: 0.5rem;
}
.investorLogin .checkFeild label {
    font-size: 1.4rem;
}
.investorLogin .checkFeild label .controlIndicator {
    background: 0 0;
    border: 1px solid #a0a0a0;
}
.investorLogin .checkFeild label .controlIndicator:after {
    color: #515150;
}
.investorLogin .btnWrap {
    display: block;
    padding-top: 1.5rem;
}
@media only screen and (max-width: 767px) {
    .investorLogin .btnWrap .defaultBtn {
        width: auto;
    }
}
.investorLogin .btnWrap .defaultBtn:hover {
    border: 0;
}
.investorLogin .note {
    padding-left: 4rem;
    position: relative;
    color: #444;
    font-family: Lato-Regular;
    font-size: 1.4rem;
    width: 40rem;
    margin: 1rem 0 2rem;
}
@media only screen and (max-width: 480px) {
    .investorLogin .note {
        width: 100%;
    }
}
.investorLogin .note span {
    position: absolute;
    top: 0;
    left: 0;
    font-family: Lato-Bold;
}
/*.investorLogin .quickInvst {
    background: #fff;
    position: relative;
    min-height: 46rem;
    padding-top: 12rem;
    width: 100%;
    text-align: center;
    background: #019ab9;
    background-size: 100%;
}*/

.investorLogin .quickInvst {
    background: rgba(255, 255, 255, 0.7);
    padding: 3.5rem 4rem 0 4rem;
    position: relative;
    height: 100%;
    min-height: 46rem;
    width: 100%;
    text-align: inherit;
}

@media only screen and (max-width: 767px) {
    .investorLogin .quickInvst {
        padding: 3rem;
        min-height: auto;
    }
}
/*@media only screen and (max-width: 991px) {
    .investorLogin .quickInvst img {
        width: 200px;
    }
}*/

.investorLogin .quickInvst h2 {
    margin: 0;
    padding: 0;
    font-size: 2rem;
    line-height: 2rem;
    color: #444;
    font-family: Lato-Bold;
    text-align: left;
}

.investorLogin .quickInvst h5 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #444;
    font-family: Lato-Bold;
    text-align: left;
}

/*.investorLogin .quickInvst p {
    width: 315px;
    color: #fff;
    opacity: 0.7;
    padding: 5px 0;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: inline-block;
    font-family: Lato-Regular;
}
@media only screen and (max-width: 991px) {
    .investorLogin .quickInvst p {
        width: 228px;
    }
}
@media only screen and (max-width: 991px) {
    .investorLogin .quickInvst p {
        width: 80%;
    }
}*/

.investorLogin .quickInvst .quickLogin {
    position: absolute;
    bottom: 4.4rem;
    left: 11.5rem;
}
@media only screen and (max-width: 767px) {
    .investorLogin .quickInvst .quickLogin {
        position: relative;
        bottom: 0;
        left: 0;
        min-height: 5rem;
        margin-top: 2rem;
    }
}
.investorLogin .quickInvst .quickLogin .quickloginIcon {
    background: url(../images/quickLoginIcon.png) no-repeat 0 0;
    width: 12.5rem;
    height: 11.1rem;
    display: inline-block;
    position: absolute;
    left: -11.5rem;
    top: -2rem;
}
@media only screen and (max-width: 767px) {
    .investorLogin .quickInvst .quickLogin .quickloginIcon {
        background-size: 8rem;
        width: 8.5rem;
        height: 7.1rem;
        left: -2rem;
    }
}
.investorLogin .quickInvst .quickLogin span {
    color: #382912;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-family: Lato-Bold;
    text-align: left;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 767px) {
    .investorLogin .quickInvst .quickLogin span {
        font-size: 1.4rem;
        line-height: 1.6rem;
        position: absolute;
        left: 6rem;
        top: -1rem;
    }
}
.investorLogin .quickInvst .inputFeild input:not([type]):focus + label,
.investorLogin .quickInvst .inputFeild input[type="email"]:focus + label,
.investorLogin .quickInvst .inputFeild input[type="password"]:focus + label,
.investorLogin .quickInvst .inputFeild input[type="text"]:focus + label {
    padding-left: 0;
}
.investorLogin .quickInvst .inputFeild.valid input:not([type]) + label,
.investorLogin .quickInvst .inputFeild.valid input[type="email"] + label,
.investorLogin .quickInvst .inputFeild.valid input[type="password"] + label,
.investorLogin .quickInvst .inputFeild.valid input[type="text"] + label {
    padding-left: 0;
}
.investorLogin .loginWrap {
    height: 100%;
    width: 100%;
    background: #fff url(../images/login-signup-bg.png) no-repeat center bottom;
    background-size: 100%;
}
.investorLogin .loginWrap .tabs {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}
.investorLogin .loginWrap .tabs li {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}
.investorLogin .loginWrap .tabs li a {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 1.8rem 0;
    font-family: lato-Semibold;
    color: #c5c6c7;
    border-bottom: 0.2rem solid transparent;
    text-transform: uppercase;
    background: #f0f4f7;
    -webkit-box-shadow: inset -4px -4px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset -4px -4px 10px 0 rgba(0, 0, 0, 0.05);
}
.investorLogin .loginWrap .tabs li.active a {
    color: #00a2bd;
    border-bottom: 0.2rem solid #00a2bd;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.investorLogin .loginWrap .tabsCont {
    padding: 0 4rem 4rem;
    min-height: 42.4rem;
}
@media only screen and (max-width: 991px) {
    .investorLogin .loginWrap .tabsCont {
        padding: 0 2rem 2rem;
    }
}
@media only screen and (max-width: 767px) {
    .investorLogin .loginWrap .tabsCont {
        min-height: 30rem;
    }
}
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild {
    max-width: 30rem;
}
@media only screen and (max-width: 480px) {
    .investorLogin .loginWrap .tabsCont .tabInner .inputFeild {
        width: 100%;
    }
}
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild .fieldIcon {
    color: #b5c6d6;
}
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild input:not([type]):focus + label,
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild input[type="email"]:focus + label,
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild input[type="password"]:focus + label,
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild input[type="text"]:focus + label {
    padding-left: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild.valid input:not([type]) + label,
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild.valid input[type="email"] + label,
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild.valid input[type="password"] + label,
.investorLogin .loginWrap .tabsCont .tabInner .inputFeild.valid input[type="text"] + label {
    padding-left: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .registerInfo {
    display: block;
    margin: 0;
    padding: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .registerInfo h3 {
    margin: 0 0 1rem;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: Lato-Regular;
    color: #444;
}
.investorLogin .loginWrap .tabsCont .tabInner .registerInfo h3:first-child {
    font-size: 1.6rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .registerInfo h3 span {
    padding: 0;
    margin: 0;
    display: inline-block;
}
.investorLogin .loginWrap .tabsCont .tabInner .registerInfo h3 span:first-of-type {
    color: #00a2bd;
}
.investorLogin .loginWrap .tabsCont .tabInner .registerInfo h3 span:last-of-type {
    color: #55c658;
    padding-left: 1rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .fieldInfo {
    margin: 0;
    padding: 0.5rem 0 0 0;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: lato-Semibold;
    color: #7b7b7b;
    position: relative;
}
.investorLogin .loginWrap .tabsCont .tabInner .fieldInfo .fieldIcon {
    top: 0.6rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .fieldInfo span {
    font-size: 1.2rem;
    display: block;
}
.investorLogin .loginWrap .tabsCont .tabInner .radioBox .radio-inline {
    display: block;
    margin-bottom: 1.5rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .radioBox .radio-inline:last-of-type {
    margin-bottom: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .radioBox .radio-inline label {
    color: #7b7b7b;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: left;
}
.investorLogin .loginWrap .tabsCont .tabInner .radioBox .radio-inline input[type="radio"]:checked + label {
    color: #444;
}
.investorLogin .loginWrap .tabsCont .tabInner .forgetPasswd {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: lato-Semibold;
    color: #00a2bd;
}
.investorLogin .loginWrap .tabsCont .tabInner .virtualKeypad {
    color: #7b7b7b;
    padding-left: 3rem;
    padding-top: 1rem;
    max-width: none;
}
.investorLogin .loginWrap .tabsCont .tabInner .virtualKeypad .icon-Keyboard {
    top: 1.3rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .btnWrap .orangeBtn {
    margin-top: 0.5rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .btnWrap .orangeBtn.defaultBtn.disabled,
.investorLogin .loginWrap .tabsCont .tabInner .btnWrap .orangeBtn.defaultBtn[disabled] {
    background: 0 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .btnWrap .orangeBtn.disabled:before {
    background: #fde5c1;
}
@media only screen and (max-width: 767px) {
    .investorLogin .loginWrap .tabsCont .tabInner .btnWrap .orangeBtn {
        width: auto;
    }
}
@media only screen and (max-width: 480px) {
    .investorLogin .loginWrap .tabsCont .tabInner .btnWrap .orangeBtn {
        width: 100%;
    }
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 {
    display: none;
    margin-bottom: 2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 .useExisitingDetails {
    margin-top: 2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 .useExisitingDetails p {
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: Lato-Regular;
    color: #444;
    margin: 0;
    padding: 0 0 1.5rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 .useExisitingDetails .radio-inline label {
    font-family: Lato-Bold;
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 .useExisitingDetails .radio-inline span {
    display: block;
    padding-left: 3rem;
    padding-top: 0.5rem;
    color: #7b7b7b;
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 .useExisitingDetails .radio-inline input[type="radio"]:checked + label + span {
    color: #444;
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 .checkFeild label {
    font-size: 1.8rem;
    line-height: 2rem;
    padding-left: 0;
    margin-bottom: 2rem;
}
@media only screen and (max-width: 991px) {
    .investorLogin .loginWrap .tabsCont .tabInner .step2 .checkFeild label {
        font-size: 1.6rem;
    }
}
.investorLogin .loginWrap .tabsCont .tabInner .step2 .radio-inline label {
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 0.5rem;
    padding-left: 3rem;
}
@media only screen and (max-width: 991px) {
    .investorLogin .loginWrap .tabsCont .tabInner .step2 .radio-inline label {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}
.investorLogin .loginWrap .tabsCont .tabInner .step3 {
    display: none;
}
.investorLogin .loginWrap .tabsCont .tabInner .step3 .fieldInfo span {
    font-size: 1.4rem;
    line-height: 2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step3 .inputFeild {
    margin-top: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step3 .inputFeild label {
    padding-left: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step3 .inputFeild input {
    padding-left: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 {
    display: none;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 h2 {
    text-align: left;
    font-family: Lato-Bold;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #444;
    margin: 0;
    padding: 1rem 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 h3 {
    text-align: left;
    font-family: lato-Semibold;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #444;
    margin: 0;
    padding: 0 0 1.5rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .orText {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-family: Lato-Regular;
    color: #666;
    text-align: left;
    margin: 0;
    padding: 2.5rem 0;
    text-transform: uppercase;
    display: block;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .fieldInfo {
    padding-bottom: 2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .fieldInfo .icon-fill-risk {
    display: inline-block;
    padding-right: 5px;
    font-size: 1.4rem;
    color: #b6b6b6;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .fieldInfo p {
    color: #00a2bd;
    font-size: 1.4rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname {
    padding: 1.5rem;
    text-transform: inherit;
    width: 40rem;
    text-align: center;
    color: #444;
    font-family: Lato-Regular;
    font-size: 1.6rem;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 7.2rem;
}
@media only screen and (max-width: 991px) {
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname,
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname,
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname {
        width: auto;
        display: inline-block;
        min-width: 40rem;
    }
}
@media only screen and (max-width: 480px) {
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname,
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname {
        width: 100%;
        min-width: 100%;
    }
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname:hover,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname:hover {
    border-color: #f79608;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname.active,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname.active {
    border-color: #55c658;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .js-btnSetUname,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .js-btnSetUname {
    background: #fff;
    border: 0.1rem solid #f79608;
    margin: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: Lato-Regular;
    text-transform: inherit;
    color: #f79608;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .js-btnSetUname:hover,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .js-btnSetUname:hover {
    border: 0.1rem solid #f79608;
    background: #f79608;
    color: #fff;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname span,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname span {
    text-transform: uppercase;
    font-family: Lato-Bold;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .fieldInfo span,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .fieldInfo span {
    font-size: 1.2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .nameFieldWrap,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .nameFieldWrap {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .nameFieldWrap.active,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .nameFieldWrap.active {
    opacity: 1;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .nameFieldWrap .errorText,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .nameFieldWrap .errorText {
    position: absolute;
    bottom: -1.6rem;
    line-height: 1.6rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .nameFieldWrap .fieldInfo,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .nameFieldWrap .fieldInfo {
    padding-top: 1rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .setMsg,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .setMsg {
    font-size: 1.4rem;
    line-height: 2rem;
    display: none;
    color: #55c658;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname.disabled,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname.disabled {
    opacity: 0.3;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .defaultBtn.disabled,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname .defaultBtn.disabled {
    opacity: 1;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname {
    border: 0.1rem solid #f79608;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname {
    text-align: left;
    line-height: 3.5rem;
    opacity: 0.5;
    border: 0.1rem solid #f0f0f0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname:hover {
    opacity: 1;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname.active {
    opacity: 1;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .suggestedName {
    text-transform: uppercase;
    text-align: left;
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
    color: #444;
    display: block;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .fieldInfo,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inputFeild {
    display: block;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .fieldInfo {
    padding-bottom: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .fieldInfo span {
    text-transform: inherit;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inputFeild {
    padding-top: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inpDefault {
    height: 4rem;
    border: 0.1rem solid #a5a7a9;
    display: inline-block;
    padding-left: 1rem;
    width: 80%;
    -webkit-border-radius: 0.5rem 0 0 0.5rem;
    border-radius: 0.5rem 0 0 0.5rem;
    border-right: 0;
    padding-top: 0.3rem;
}
@media only screen and (max-width: 480px) {
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inpDefault {
        width: 70%;
    }
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inpDefault:focus {
    border: 0.1rem solid #a5a7a9;
    border-right: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .errorText {
    text-transform: inherit;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .error.inputFeild .inpDefault,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .valid.inputFeild .inpDefault {
    border: 0.1rem solid #a5a7a9 !important;
    border-right: 0 !important;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inputWrap input {
    float: left;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inputWrap .defaultBtn {
    float: left;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .defaultBtn {
    margin: 0;
    display: inline-block;
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
    width: 6rem;
    text-align: center;
    padding: 1rem 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .defaultBtn:hover {
    border: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .defaultBtn:before {
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname.active {
    border-color: #f79608;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname.valid {
    border-color: #55c658;
    text-align: center;
    opacity: 1;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .js-btnSelectName {
    height: 4rem;
    line-height: 2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .msg {
    color: #00a2bd;
    display: block;
    padding-bottom: 0.5rem;
    line-height: 2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .note {
    color: #b6b6b6;
    margin: 0;
    padding: 0 0 0.8rem;
    display: block;
    font-family: Lato-Regular;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: capitalize;
    text-align: left;
    width: auto;
}
.investorLogin .loginWrap .tabsCont .tabInner .icon-Mail {
    font-size: 1.2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .icon-Password {
    font-size: 2rem;
    top: 3.5rem;
}
.investorLogin .loginWrap .tabsCont .tabInner .icon-Phone {
    font-size: 2.2rem;
    top: 3.5rem;
}
.investorLogin .loginWrap .tabsCont .tabInner input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #fff;
}
.investorLogin .loginWrap .tabsCont .tabInner .noteotp {
    padding-top: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-family: Lato-Regular;
    color: #7b7b7b;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .step4 .fieldInfo {
    padding-top: 1rem;
    padding-bottom: 0;
    max-width: 30rem;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .step4 .fieldInfo p {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: Lato-Regular;
    color: #444;
    margin: 0;
    padding: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .inputFeild.cnfrmPwd.error input {
    border-bottom: 1px solid #ff5f5f !important;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .inputFeild.cnfrmPwd.error input + label {
    padding-left: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .captchaWrap {
    margin-top: 2rem;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .refresh {
    padding-left: 1rem;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .captchaTxtBox input,
.investorLogin .loginWrap .tabsCont .tabInner.singIn .captchaTxtBox label {
    padding-left: 0;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .step5 {
    display: none;
}
.investorLogin .loginWrap .tabsCont .tabInner.singIn .step5 h3 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: Lato-Regular;
    color: #444;
    margin: 0;
    padding: 0;
}
.investorLogin .captchaTxtBox input,
.investorLogin .captchaTxtBox label {
    padding-left: 0;
}
.stepsT {
    margin: 1rem 0 0;
    padding: 0;
    display: block;
    list-style: none;
    text-align: left;
    width: 100%;
    display: none;
}
.stepsT .steps-segment {
    display: inline-block;
    width: 32%;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    text-align: center;
}
@media only screen and (max-width: 991px) {
    .stepsT .steps-segment {
        width: 30%;
    }
}
@media only screen and (max-width: 480px) {
    .stepsT .steps-segment {
        width: 28%;
    }
}
.stepsT .steps-segment .steps-marker {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0.1rem solid #a5dee8;
    background: #fff;
    width: 3.4rem;
    height: 3.4rem;
    margin-bottom: 1.1rem;
    display: inline-block;
    position: relative;
    z-index: 2;
    text-align: center;
}
.stepsT .steps-segment .steps-marker .stepIcon {
    position: absolute;
    margin: auto;
    left: -1.6rem;
    right: 0;
    top: 0.6rem;
    font-size: 3.4rem;
    color: #94d9e4;
}
.stepsT .steps-segment .steps-marker .stepIcon.icon-AddScheme {
    font-size: 20px;
    top: 11px;
    left: -2px;
}
.stepsT .steps-segment .steps-marker .stepIcon.icon-Select-payment-mode {
    font-size: 1.7rem;
    top: 13px;
    left: -1px;
}
.stepsT .steps-segment .steps-marker span {
    padding-top: 0.6rem;
    display: inline-block;
}
.stepsT .steps-segment .steps-marker .tick {
    margin: 1.1rem 0 0 0;
    padding: 0;
    height: 7px;
    width: 12px;
    border-left: 3px solid #38c93b;
    border-bottom: 3px solid #38c93b;
    -webkit-transform: skew(-10deg) rotate(-45deg);
    -ms-transform: skew(-10deg) rotate(-45deg);
    transform: skew(-10deg) rotate(-45deg);
}
.stepsT .steps-segment .steps-content {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: Lato-Regular;
    color: #b6b6b6;
    margin: 0;
    padding: 0;
}
.stepsT .steps-segment:before {
    content: "";
    position: absolute;
    height: 0.3rem;
    width: 0;
    left: 50%;
    right: 0;
    top: 1.6rem;
    background: #75d473;
    z-index: 1;
}
.stepsT .steps-segment:after {
    content: "";
    position: absolute;
    height: 0.3rem;
    display: block;
    left: 50%;
    right: 0;
    top: 1.6rem;
    width: 100%;
    background: #d9f1f5;
}
.stepsT .steps-segment:last-of-type:before {
    display: none;
}
.stepsT .steps-segment:last-of-type:after {
    display: none;
}
.stepsT .steps-segment.active .steps-marker {
    border: 0.1rem solid #75d473;
    background: #fff;
}
.stepsT .steps-segment.active .steps-marker .stepIcon {
    color: #00a2bd;
}
.stepsT .steps-segment.active .steps-content {
    color: #444;
}
.stepsT .steps-segment.active:before {
    width: 0%;
    -webkit-transition: width 0.5s linear;
    transition: width 0.5s linear;
}
.stepsT .steps-segment.active:after {
    background: #d9f1f5;
}
.stepsT .steps-segment.success .steps-marker {
    border: 0.1rem solid #75d473;
}
.stepsT .steps-segment.success:before {
    width: 100%;
    -webkit-transition: width 1s linear;
    transition: width 1s linear;
}
.disclaimer {
    padding: 3rem 0 5rem;
}
.disclaimer p {
    margin: 0 0 1.5rem;
    padding: 0;
    font-family: Lato-Regular;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #444;
}
.disclaimer p:last-of-type {
    margin-bottom: 0;
}
.keyImg {
    position: absolute;
    right: 0;
    top: 3.7rem;
    z-index: 11;
    display: none;
}
input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
#keyboard {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 12;
    left: 30rem;
    margin-top: -3.5rem;
}
@media only screen and (max-width: 1199px) {
    #keyboard {
        position: relative;
        margin-top: 1rem;
        left: 0;
    }
}
@media only screen and (max-width: 767px) {
    #keyboard {
        display: none;
    }
}
.virtualKB {
    width: 35rem;
    margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
    .virtualKB {
        display: none;
    }
}
.virtualKB .checkFeild label {
    color: #7b7b7b;
}
.virtualKB .checkFeild.active label {
    color: #444;
}
.jkeyboard {
    display: inline-block;
    width: 100%;
    border: 1px solid #468db3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eef9ff;
}
.jkeyboard,
.jkeyboard .jline,
.jkeyboard .jline ul {
    display: block;
    margin: 0;
    padding: 0;
}
.jkeyboard .jline {
    text-align: center;
    margin-left: -4px;
}
.jkeyboard .jline ul li {
    font-family: arial, sans-serif;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #468db3;
    background: #185a82;
    -webkit-box-shadow: 0 0 3px #468db3;
    -webkit-box-shadow: inset 0 0 3px #468db3;
    margin: 2px 0 1px 4px;
    color: #f7faf7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 25px;
    overflow: hidden;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}
.jkeyboard .jline ul li.uppercase {
    text-transform: uppercase;
}
.jkeyboard .jline ul li:active,
.jkeyboard .jline ul li:hover {
    background-color: #185a82;
}
.jkeyboard .jline .return {
    width: 48px;
}
.jkeyboard .jline .space {
    width: 146px;
}
.jkeyboard .jline .numeric_switch {
    width: 39px;
}
.jkeyboard .jline .symbol_switch {
    width: 35px;
}
.jkeyboard .jline .character_switch {
    width: 38px;
}
.jkeyboard .jline .layout_switch {
    width: 43px;
    background: #185a82 url(../images/locale.png) no-repeat center right;
    display: none;
}
.jkeyboard .jline .shift {
    width: 29px;
    background: #185a82 url(../images/shift.png) no-repeat center center;
}
.jkeyboard .jline .backspace {
    width: 35px;
    background: #185a82 url(../images/backspace.png) no-repeat center center;
}
.cookies {
    margin: 15px 0 0 0;
    padding: 1.8rem 2rem;
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    width: 100%;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
}
.cookies p {
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
}
.cookies p a {
    text-decoration: underline;
}
.cookies p .defaultBtn {
    display: inline-block;
    margin: 0 0 0 1rem;
    padding: 0.8rem 1.2rem;
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    border: 1px solid #00a2bd;
    background: #00a2bd;
    text-decoration: none;
}
.ui-keyboard {
    text-align: center;
    border: 1px solid #009ab6;
    padding: 5px 2px;
    background: #f7feff;
    width: 310px;
    position: absolute;
    top: 300px !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.ui-keyboard .ui-keyboard-button {
    width: 26px;
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #1eabc3;
    color: #444;
    background: #f7f7f7;
    margin: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-keyboard .ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) {
    min-width: 45px;
}
.ui-keyboard .ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) span {
    left: 0;
    top: 0;
}
.ui-keyboard .ui-keyboard-button span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}
.ui-keyboard .ui-keyboard-button:not([disabled]):hover {
    background: #d0efef;
    background-image: linear-gradient(-90deg, #f2f2f2 0, #d0efef 100%);
    background-image: -webkit-linear-gradient(-90deg, #f2f2f2 0, #d0efef 100%);
}
.ui-keyboard .ui-keyboard-space {
    width: 150px;
}
.ui-keyboard .ui-keyboard-accept {
    width: 60px;
}
.ui-keyboard button {
    text-transform: inherit !important;
}
@media only screen and (max-width: 767px) {
    #logoutPopup {
        min-width: 30rem;
    }
}
#logoutPopup .md-content {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #00a2bd;
}
#logoutPopup .md-content .close {
    right: 1.5rem;
    top: 1rem;
}
#logoutPopup .md-content p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 20px 0 10px;
    position: relative;
    text-align: center;
    color: #7b7b7b;
}
#logoutPopup .md-content > .btnSec {
    padding-top: 15px;
    text-align: center;
}
#logoutPopup .md-content .orangeBtn.closeIt {
    margin: 0;
    display: inline-block;
    width: auto;
    font-size: 1.6rem;
    text-transform: capitalize;
    font-family: Lato-Regular;
}