/*09-098-2019 for investor post login*/
.investorLogin .captchaBox {
    margin-top: 15px;
    display: block;
    max-width: 30rem;
}

    /*.investorLogin .captchaBox #imgCaptcha {
    float: left;
}*/
    .investorLogin .captchaBox .refresh {
        padding-top: 10px;
    }

.investorLogin .captchaTxtBox {
    padding-left: 0;
    padding-right: 0;
    float: none;
}

    .investorLogin .captchaTxtBox input, .investorLogin .captchaTxtBox label {
        padding-left: 0;
    }

.investorLogin .txt_CaptchaLogin {
    padding-left: 0;
}

.selectPassword {
    display: none;
}

.ui-menu .ui-menu-item:focus, .ui-menu .ui-menu-item:hover {
    margin: 0;
    padding: 10px;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.netWorthAsOn,
.netWorkAsOn2 {
    display: none;
}

.radioBox .radio-inline .internetBanking[type=radio]:checked + label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*.investorLogin {
    background: url(../images/login-bg.jpg) no-repeat 0 0;
    background-size: cover;
}*/

.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname {
    margin-bottom: 20px;
}

}

.btnWrap .orangeBtn.btnCont.disabled:before {
    background: #fde5c1;
}

.errorMessage {
    display: block;
    padding-bottom: 10px;
    position: relative;
    font-size: 1.1rem;
    color: #ff5f5f;
    background: #fff;
    z-index: 1;
    width: 100%;
}


/* temp Left menu start*/
/*.sideNav.blueTheme {
    background: #00a2bd;
}

    .sideNav.blueTheme ul li a {
        background: #00a2bd;
        border-bottom: 1px solid #23adc5;
        color: #fff;
    }

        .sideNav.blueTheme ul li a .brs {
            width: 6px;
            height: 60px;
            background: #f79608;
            display: none;
            position: absolute;
            left: 0;
            top: 0;
        }

        .sideNav.blueTheme ul li a:hover .brs {
            display: block;
        }

        .sideNav.blueTheme ul li a.active {
            color: #fff;
            background: #f79608;
        }

        .sideNav.blueTheme ul li a ul a {
            background: #028fa7;
            color: #83dfef;
            height: 5.7rem;
            border-bottom: 1px solid #249db2;
        }

            .sideNav.blueTheme ul li a ul a:hover {
                background: #02879d;
                color: #fff;
            }
            .sideNav ul li ul a:hover {
   background: #02879d;
                color: #fff;
}*/


/*end*/



.transAsset .outerBox {
    float: right;
}

    .transAsset .outerBox .defaultBox #pieChartInfoText .finalAmt {
        width: 70px;
    }

    .transAsset .outerBox .defaultBox .finalAmtTip {
        left: 70px;
    }

    .transAsset .outerBox .defaultBox #sectorAllocation {
        width: 500px;
    }

.highcharts-credits {
    display: none;
}

.highcharts-data-label span {
    word-wrap: break-word;
    white-space: pre-wrap !important;
    min-width: 120px;
}

.highcharts-tooltip span {
    background-color: white;
    opacity: 1;
}


.transactionDetails .selectDropDown .errorText,
.selectDropDown .errorText {
    bottom: -10px;
}

.redeemValueWrap {
    display: none;
}

/*Color classes for dashboard table recent transaction*/
.transTableWrap table td.inProcess {
    color: #ecbb00;
}

.transTableWrap table td.processed {
    color: #00c07f;
}

.transTableWrap table td.failure {
    color: #ff6563;
}

.transTableWrap table td.rejected {
    color: #a90000;
}

/*End*/

/*negative value for dashboard portfolioValuation*/
.grossSectionMain .grossblock li .topSec h4 span.negVal {
    color: #ff6563;
}

.negVal {
    color: #ff6563;
}
/*End*/

/*graph of dashboard for mobile */
@media only screen and (max-width: 600px) {
    .transAsset .outerBox .defaultBox #sectorAllocation {
        width: 100%;
    }
}
/*End*/

/*Investment details - net worth as on*/
.netWorthInput {
    opacity: 0.5;
}

.netWorthAsOn2 {
    display: none;
}
/*End*/

/*for non KYC on register page*/
.nonKYC {
    font-size: 12px;
    color: #7b7b7b;
    max-width: 300px;
    line-height: 17px;
    padding-bottom: 10p;
}

    .nonKYC a {
        text-decoration: underline;
        font-size: 12px;
        color: #00a2bd;
    }
/*End*/


/*investment details NAV value*/
.getnavValue {
    display: inline-block;
    color: #098041;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: lato-Semibold;
    margin: 0;
    padding: 0;
    float: left;
    font-size: large;
}

/*End*/

/*Redeem start*/
.transactionDetails .js-redeemType {
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-top: 19px;
    font-family: "lato-Semibold";
    font-size: 2rem;
    color: #444;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

    .transactionDetails .js-redeemType option {
        font-size: 14px;
        font-family: 'Lato-Regular';
        height: 20px;
        line-height: 2rem;
        color: #444;
        background: #fff;
    }

        .transactionDetails .js-redeemType option:hover {
            background-color: #f0f6fa;
            color: #0198b7;
        }

.transactionDetails .selectDropDown:after {
    background: #fff;
    height: 6px;
    width: 11px;
}

/*Redeem end*/

/*Dashboardboard Chart*/
.transAsset .outerBox .defaultBox .currVal .sVals {
    text-align: left;
}

.transAsset .outerBox .defaultBox #pieChartInfoText .eligibleText {
    padding-left: 9rem;
}

.chartNavPerc {
    text-align: right;
    width: 100%;
    float: left;
}

.transAsset .outerBox .defaultBox #pieChartInfoText .chartNavPerc .nav {
    left: auto;
    padding-right: 18px;
}

.transAsset .outerBox .defaultBox .currVal,
.transAsset .outerBox .defaultBox .costVal,
.transAsset .outerBox .defaultBox .returnVal {
    padding-left: 0;
    margin-left: 10px;
}

    .transAsset .outerBox .defaultBox .currVal .sVals,
    .transAsset .outerBox .defaultBox .costVal .sVals,
    .transAsset .outerBox .defaultBox .returnVal .sVals {
        min-width: 95px;
    }

/*chart end*/


.inputFeild .inpDefault.textUpperCase {
    text-transform: uppercase;
}

.step5 h3 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: Lato-Regular;
    color: #444;
    margin: 0;
    padding: 0;
}

.investorLogin .loginWrap .tabsCont .tabInner .inputFeild {
    padding-bottom: 1rem;
}

.investorLogin .errorText {
    background: 0 0;
    position: absolute;
    bottom: -4px;
}

.investorLogin .inputFeild.translateup label {
    top: 10px;
    font-size: 1.4rem;
    left: 0;
    color: #000;
    padding-left: 0;
}


#OthrRelDtls {
    display: none;
}

.mpopUps .md-modal#modal-ifscSearch {
    width: 1050px;
    max-width: 1050px;
}

    .mpopUps .md-modal#modal-ifscSearch table td:nth-last-child(2) {
        text-align: left;
    }

@media screen and (max-width: 1100px) {
    .mpopUps .md-modal#modal-ifscSearch {
        width: 1000px;
        max-width: 1000px;
    }
}

@media screen and (max-width: 1024px) {
    .mpopUps .md-modal#modal-ifscSearch {
        width: 90%;
        max-width: 90%;
    }
}


#BlueerrorText {
    display: none;
    color: #00a2bd;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: lato-regular;
}

.investorLogin .note1 {
    padding-left: 0;
    position: relative;
    color: #444;
    font-family: Lato-Regular;
    font-size: 1.4rem;
    width: 90%;
    margin: 1rem 0 2rem;
}

.mpopUps .pickscheme .schemelist li {
    transition: all 0.4s ease;
}

    .mpopUps .pickscheme .schemelist li:hover {
        background: #e6f9fb;
    }

        .mpopUps .pickscheme .schemelist li:hover a {
            color: #00a2bd;
        }

    .mpopUps .pickscheme .schemelist li a {
        display: block;
    }

#SipTab .dateField .mnthYrDatePicker {
    background: url(../images/datePicker.png) no-repeat right 1rem top 1.8rem;
    cursor: pointer;
}

.investmentDetails .inputFeild.sipEndDateBox {
    width: 190px;
    float: left;
}

.perpetualBox {
    width: 125px;
    float: left;
    margin-left: 10px;
}

.investmentDetails .checkFeild.smallCheck.perpetualBox {
    margin-top: 55px;
    /*margin-top: 5px;*/
}

    .investmentDetails .checkFeild.smallCheck.perpetualBox label {
        margin-right: 0;
    }

#SipTab .sipEndDateBox.disabled {
    opacity: 0.7;
}

.investmentDetails .checkFeild.smallCheck.perpetualBox label {
    color: #b6b6b6;
}

.investmentDetails .checkFeild.smallCheck.perpetualBox.active label {
    color: #444;
}

#SipTab .dateField.sipEndDateBox input,
#SipTab .dateField.sipStartDateBox input {
    background: url(../images/datePicker.png) no-repeat right 1rem top 1.8rem;
    cursor: pointer;
}

.investmentDetails .lumpsumTab .getnavValue.smallText,
.investmentDetails .lumpsumTab .cutOffTime .smallText {
    font-size: 1.3rem;
}

#sectorAllocation .highcharts-data-label > span > span {
    font-family: 'Lato-bold';
}

@media only screen and (max-width: 1400px) {
    .grossSectionMain .grossblock li,
    .grossSectionMain .grossblock li:last-child {
        width: 25%;
    }

        .grossSectionMain .grossblock li .topSec h4 span,
        .grossSectionMain .grossblock li .topSec h4 span.rupee {
            font-size: 2.4rem;
        }

            .grossSectionMain .grossblock li .topSec h4 span.rupee {
                width: 1rem;
            }
}

@media only screen and (max-width: 1199px) {
    .grossSectionMain .grossblock li:last-child {
        width: 25%;
    }
}

@media only screen and (max-width: 991px) {
    .grossSectionMain .grossblock li .topSec h4 span,
    .grossSectionMain .grossblock li .topSec h4 span.rupee {
        font-size: 1.9rem;
    }

        .grossSectionMain .grossblock li .topSec h4 span.rupee {
            width: auto;
        }

    .grossSectionMain .grossblock li h3 {
        padding: 1rem 1.2rem 0.5rem 1.2rem;
    }

    .grossSectionMain .grossblock li {
        width: 24%;
    }

        .grossSectionMain .grossblock li:last-child {
            width: 28%;
            border: inherit;
        }

        .grossSectionMain .grossblock li .topSec {
            padding-right: 0;
        }
}

@media only screen and (max-width: 767px) {
    .grossSectionMain .grossblock li,
    .grossSectionMain .grossblock li:last-child {
        width: 50%;
    }

    grossSectionMain .grossblock li .topSec {
        padding-right: 0;
    }

    .mainWrapper #dynamicClassDiv .noteWrapp p {
        padding: 0 1rem 2rem;
    }

    .investmentDetails .selectDropDown label .icon-fill-risk:before {
        top: 2px !important;
    }
}

@media only screen and (max-width: 480px) {
    .grossSectionMain .grossblock li,
    .grossSectionMain .grossblock li:last-child {
        width: 100%;
    }
}
/*Client need changes and css added by vajid*/
.loginWrap .steps {
    padding-bottom: 20px;
}

.singIn .step3 p {
    color: #a29c9c;
    padding-top: 10px;
}

.singIn .steps .btnWrap {
    padding-top: 0;
}

.investorLogin .orangeBtn, .investorLogin .loginWrap .tabsCont .tabInner .btnWrap .orangeBtn {
    margin: 0;
}

.investorLogin .captchaTxtBox.inputFeild label,
.investorLogin .captchaTxtBox .inpDefault {
    padding-left: 0;
}

.investorLogin .newDetailsForm .panTextbox label {
    top: 10px;
}

#keyboard {
    margin-top: -10.5rem;
}

.stepsT {
    margin-bottom: 1.5rem;
}

.investorLogin .loginWrap .tabsCont .tabInner.signUp .step3 .fieldInfo {
    width: 90%;
}

.investorLogin .loginWrap .tabsCont .tabInner.singIn .step3 .fieldInfo {
    width: 90%;
}

.signUp .step3 p {
    color: #a29c9c;
    padding-top: 10px;
}

.transactionFOR .transDetails.schemeDetails .SipAmountDetails {
    padding-top: 0;
}

.transDetails .SipData,
.transDetails .SipInstallmentDate,
.transDetails .SipStartDate,
.transDetails .SipEndDate,
.transDetails .SipTopUpBy {
    padding-top: .5rem;
    font-family: Lato-Regular;
    font-size: 1.4rem;
    color: #444;
}

.redeemTransaction .redeemBox .unitsBox:first-of-type {
    width: 44%;
}

.redeemTransaction .redeemBox .unitsBox:nth-child(2) {
    padding-left: 4rem;
    width: 53%;
}

.redeemTransaction .note.elssFlag {
    margin: 0.5rem 0 1rem;
}

@media only screen and (max-width: 1600px) {
    .transAsset .outerBox .defaultBox #sectorAllocation {
        width: 55%;
    }

    .transAsset .outerBox .defaultBox #pieChartInfoText {
        width: 40%;
        max-width: 290px;
    }
}

@media only screen and (max-width: 1400px) {
    .transAsset .outerBox .defaultBox #sectorAllocation {
        float: left;
    }

    .transAsset .outerBox .defaultBox #pieChartInfoText {
        position: relative;
        float: right;
    }
}

@media only screen and (max-width: 1280px) {
    .transAsset .outerBox .defaultBox #sectorAllocation {
        width: 50%;
    }
}

/*changes by vajid 7-jan-2019*/

@media only screen and (max-width: 767px) {
    .transAsset .outerBox .defaultBox #sectorAllocation {
        width: 100%;
    }

    .transAsset .outerBox .defaultBox #pieChartInfoText {
        width: 100%;
        max-width: 100%;
    }
}

.investorLogin .note {
    padding-left: 2rem;
    margin: 1rem 0 0rem;
    width: 90%;
}

    .investorLogin .note span {
        top: 3px;
    }

.investorLogin .loginWrap .tabsCont {
    padding-bottom: 5rem;
}

    .investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inpDefault:focus,
    .investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname .inputWrap input {
        border: 1px solid #f5a530;
    }

.investorLogin {
    margin-top: -7px;
}

.forgotPasswordWrap {
    padding-top: 0;
}

.forgotPassword {
    background-position-y: -200px;
}

    .ForgotPassword .note {
        padding: 0;
        margin: 0;
    }

    .ForgotPassword .captchaTxtBox,
    .ForgotPassword .captchaTxtBox .inputFeild label .inpDefault,
    .ForgotPassword .captchaTxtBox .inputFeild label {
        padding-left: 0;
    }

    .ForgotPassword .stepsT {
        display: block;
    }

    .forgotPassword .mainBox .step2 p {
        color: #7b7b7b;
    }

    .ForgotPassword .stepsT .steps-segment {
        width: 32.9%;
    }

        .ForgotPassword .stepsT .steps-segment p {
            line-height: 1.6rem;
        }

        .ForgotPassword .stepsT .steps-segment .steps-marker .tick {
            display: none;
        }


@media screen and (max-width: 991px) {
    .inside.inverstorLogn {
        padding-top: 8rem;
    }

    .investorLogin {
        background: url(../images/login-bg.jpg) no-repeat 0 0;
    }
}


.investorLogin .selectPassword .errorText {
    position: relative;
}

{
    opacity: 0.5;
}


.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname.inactive,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname.inactive,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname.disabled,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname.disabled {
    opacity: 0.5;
}

.investorLogin .loginWrap .tabsCont .tabInner .step4 .setUname,
.investorLogin .loginWrap .tabsCont .tabInner .step4 .selectUname {
    opacity: 1;
}

.investorLogin .loginWrap .tabsCont .tabInner .icon-Password {
    top: 3.8rem;
}

.tipso_content {
    color: #444;
    font-size: 1.4rem;
    font-family: Lato-Regular;
}

/* 04/12/2019 added by neha*/
.mainWrapper .noteWrapp p {
    padding: 0 2rem 2rem;
}


/* 09-12-2019 */
/* Space between JointHolder and Nominee */
.joinHolderWrap, .nominessWrap {
    margin-top: 25px;
}

    /* icon alignment in nominee section*/
    .nominessWrap .personDetails .allocPerc {
        margin-top: 0;
    }

    /* icon alignment in nominee section*/
    .joinHolderWrap .personDetails .action .icon-Edit,
    .nominessWrap .personDetails .action .icon-Edit {
        position: relative;
        top: 3px;
    }


/*For beta logo*/
.headerWrapper .lSide {
    padding: 19px 0;
}

.minHeader .lSide {
    padding: 14px 0;
}

/*for blue color for i-icon*/
.icon-fill-risk {
    color: #009ab6 !important;
}

/*for transaction report pop-up scheme name*/
#modalTransactionInfo table td:first-of-type {
    width: 32%;
}

#modalTransactionInfo table td:last-of-type {
    width: 68%;
}

@media screen and (max-width: 767px) {

    #modalTransactionInfo table td:first-of-type {
        width: 140px;
    }

    #modalTransactionInfo table td:last-of-type {
        width: 60%;
    }
}

@media screen and (max-width: 480px) {

    #modalTransactionInfo table td:first-of-type {
        width: 50%;
    }

    #modalTransactionInfo table td:last-of-type {
        width: 50%;
    }
}

/* Button Alignment in UPI Page*/
#VerifyUpi {
    vertical-align: top;
    margin-top: 30px;
    margin-left: 8px;
}


/* 09-12-2019 */
/* Space between JointHolder and Nominee */
.joinHolderWrap, .nominessWrap {
    margin-top: 25px;
}

    /* icon alignment in nominee section*/
    .nominessWrap .personDetails .allocPerc {
        margin-top: 0;
    }

    /* icon alignment in nominee section*/
    .joinHolderWrap .personDetails .action .icon-Edit,
    .nominessWrap .personDetails .action .icon-Edit {
        position: relative;
        top: 3px;
    }


/*nav dividend*/

@media screen and (max-width: 1199px) {
    .navTab .filterWrap,
    .navTab .dropDwnWrap {
        width: 48%;
    }

        .navTab .dropDwnWrap .defaultSeclectBtn {
            width: 48%;
        }

    .navTab .btnSec button.orangeBtn {
        z-index: 0;
    }
}

@media screen and (max-width: 767px) {
    .navTab .filterWrap,
    .navTab .dropDwnWrap {
        width: 100%;
    }

        .navTab .dropDwnWrap .defaultSeclectBtn {
            width: 100%;
        }

    .navTab .filter .btnSubsNav {
        padding: 1rem;
    }

    .navTab .filter .btnHistoricalNav span {
        font-size: 1.3rem;
    }

    .navTab .filterWrape {
        padding-bottom: 1rem;
    }

    .navTab .dropDwnWrap {
        text-align: left;
    }

        .navTab .dropDwnWrap .defaultSeclectBtn {
            width: 100%;
        }

    .navTab .navInp {
        width: 100%;
        margin-right: 0;
    }

    .navTab .dropDwnWrap .defaultSeclectBtn {
        width: 100%;
        margin: 15px 0;
    }

    .navTab .defaultSeclectBtn .selectDropDown {
        width: 100%;
    }

        .navTab .defaultSeclectBtn .selectDropDown label {
            padding-left: 0;
        }

    .navTab .moreAction h3 {
        padding-top: 0.2rem;
    }

    #AdditionalPurchaseDiv .transactionDetails .addNomine .inputFeild .radioBox .radio-inline, #AdditionalPurchaseDiv .transactionDetails .addNomine .inputFeild .radioBox .nomineName {
        width: 100%;
    }

    #AdditionalPurchaseDiv .transactionDetails .addNomine .inputFeild .radioBox .nomineName {
        padding-left: 0;
        margin-top: 1rem;
    }
}


#modal-addJointHolder .orText {
    right: -2px;
}


/* Additional Purchase & Redemption Design Changes */
/*.transactionDetails .addNomine .inputFeild .radioBox, .transactionDetails .addNomine .inputFeild {
    width: 100%;
    float: left;
}

    .transactionDetails .addNomine .inputFeild .radioBox .radio-inline, .transactionDetails .addNomine .inputFeild .radioBox .nomineName {
        width: 50%;
        float: left;
    }

    .transactionDetails .addNomine .inputFeild .radioBox .nomineName {
        margin-top: 0px;
        padding-left: 15px;
    }

        .transactionDetails .addNomine .inputFeild .radioBox .nomineName.subNomine {
            padding-top: 10px;
        }

.transactionDetails .addNomine .inputFeild {
    border-bottom: .1rem solid #e3e3e3;
    margin: 0;
    padding: 15px 0;
}

    .transactionDetails .addNomine .inputFeild:first-child {
        padding-top: 2rem;
    }

    .transactionDetails .addNomine .inputFeild:last-child {
        border-bottom: 0px;
    }*/

/* Transaction Summary Design Changes */
#AdditionalPurchaseDiv .transactionFOR .transDetails.amount,
.quickInvestWrap .transactionFOR .transDetails.amount {
    padding-left: 1rem;
    padding-top: 0.5rem;
    /*padding-bottom: 0.5rem;*/
}

/* Review Page Header Section */
/*#ReviewPage .reviewWrapp {
   background:#fff;
}*/
#ReviewPage .reviewWrapp .leftBox {
    width: 54%;
    float: left;
}

#ReviewPage .reviewWrapp .rightBox {
    width: 46%;
    float: right;
    text-align: right;
}

#ReviewPage .reviewWrapp .leftBox .pInfo .adviHigh {
    font-size: 1.6rem;
}

.investTransactions .filterBlock .inputFeild.datpickerfiled .datepicker {
    position: relative;
}

.investTransactions .filterBlock .inputFeild.datpickerfiled .datepicker {
    background: none;
}

.investTransactions .filterBlock .datpickerfiled .calIcon {
    background: url(../images/datePicker.png) no-repeat 0 0;
    position: absolute;
    top: 39px;
    right: 0;
    height: 20px;
    width: 20px;
    z-index: 99;
}

.investTransactions .filterBlock .datpickerfiled label {
    width: 100%;
}

.datpickerfiled #dateFrom::-webkit-input-placeholder,
.datpickerfiled #dateTo::-webkit-input-placeholder {
    font-size: 1.6rem;
}

.datpickerfiled #dateFrom:-moz-placeholder,
.datpickerfiled #dateTo:-moz-placeholder {
    font-size: 1.6rem;
}

.datpickerfiled #dateFrom:-ms-input-placeholder,
.datpickerfiled #dateTo:-ms-input-placeholder {
    font-size: 1.6rem;
}

/*7-jan-2020 as said ruby vajid */


.investorLogin .loginWrap .tabsCont .tabInner.signUp .refresh {
    padding-left: 1rem;
}

/*for icon on forgot password*/

.newInfoIcon {
    color: #009ab6;
}

/*for growth command dividend option*/

@media only screen and (max-width: 375px) {
    .mpopUps .pickscheme .schemelist {
        height: 28rem;
        overflow-y: auto;
    }
}




@media only screen and (max-width: 767px) {
    .transTableWrap table td .tdLable {
        padding: 0.2rem .4rem;
        display: inline-block;
    }
}



@media only screen and (max-width: 480px) {
    .transAsset .outerBox .defaultBox #sectorAllocation {
        width: 100%;
    }
}

/*Loader for ajaxcalls*/
#loaderNew {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: #fff;
    opacity: 1 !important;
    text-align: center;
}


/* Span Alignmenet */
#ReviewPage .dashboardWrap .reviewBox .reviewWrapp .rightBox span {
    float: right;
    clear: right;
}


.show-hide-tipso {
    display: inline-block;
    padding-left: 5px;
}

.swp p.note,
.redeemTransaction p.note,
.investmentDetails .paymentMode .internetBanking p.note {
    padding-left: 15px;
    font-size: 12px;
    line-height: 16px;
    color: #7b7b7b;
    padding-top: 10px;
    position: relative;
    /*yogita pawar 06 Sep 2021*/
    display: none;
}

.paymodeList.internetBanking.AddPur .selectDropDown {
    width: 100%;
}

.swp p.note .icon-fill-risk,
.redeemTransaction p.note .icon-fill-risk,
.investmentDetails .paymentMode .internetBanking p.note .icon-fill-risk {
    font-size: 12px;
    left: 0;
    padding-left: 0;
}

    .swp p.note .icon-fill-risk:before,
    .redeemTransaction p.note .icon-fill-risk:before,
    .investmentDetails .paymentMode .internetBanking p.note .icon-fill-risk:before {
        font-size: 12px;
    }

.swp p.note span,
.redeemTransaction p.note span,
.investmentDetails .paymentMode .internetBanking p.note span {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

.purchaseAcknowledgment .wrapBox .btnSec {
    width: 100rem;
    margin: 0 auto 1rem;
}

.defaultSeclectBtn .selectDropDown {
    z-index: inherit;
}

.sipInvest .tabsMain ul.Threeitems li {
    width: 33%;
    min-width: 33%;
}

/*CustomeError*/
.loginWrap .tabsMain .tabsCont .btnWrap span #CustomError {
    text-decoration: none;
    font-size: 1.1rem;
    color: #ff5f5f;
}

/*Side Menu*/
.dashboardFluid .userSec .userDetail p,
.userSec .userDetail p {
    padding-right: 32px;
    overflow: inherit !important;
}



    .dashboardFluid .userSec .userDetail p:after,
    .userSec .userDetail p:after {
        width: 30px;
        height: 30px;
        background: #eee;
        border-radius: 50%;
        text-align: center;
        right: -9px !important;
    }

/*Responsive*/
.dashboardFluid .headerWrapper .rSide
/*,.headerWrapper .rSide*/ {
    padding: 3.2rem 0 .7rem !important;
}

@media only screen and (max-width: 767px) {
    .headerWrapper {
        padding: 0 0 0 0;
    }

    .dashboardFluid .headerWrapper .rSide
    /*,.headerWrapper .rSide*/ {
        padding: 3.2rem 0 .7rem !important;
    }

    .dashboardFluid .sideNav.active,
    .sideNav.active {
        top: 92px;
    }
}

@media only screen and (max-width: 991px) {
    .dashboardFluid .sideNav.active,
    .sideNav.active {
        top: 92px;
    }
}

/*Down Arrow*/
.accordianCont .folioList .xirrWrap .percVal.loss,
.topInfo .xirrWrap .percVal.loss,
.topInfo .infoBox .amount span.loss {
    color: #fd4f44;
}

    .accordianCont .folioList .xirrWrap .percVal.loss:before {
        border-top-color: #fd4f44;
        top: 0.5rem;
        border-bottom-color: #ffffff;
    }

/*SOA & CGS*/
.accStatementWrapper {
    margin-bottom: 15rem;
}

    .accStatementWrapper .transTableWrap .checkFeild label {
        width: 400px;
    }

    .accStatementWrapper .inputFeild .inpDefault {
        width: 172.66px;
    }

        .accStatementWrapper .inputFeild .inpDefault.datepicker {
            width: 180px;
        }

@media only screen and (max-width: 767px) {
    .accStatementWrapper .inputFeild .inpDefault {
        width: 275px;
    }
}

/*PortFolio Hover*/
.sideNav.blueTheme ul li a.active {
    color: #fff !important;
    background: #f79608;
}

/*Dashboard Design*/
/*Sid and Durgesh Changes 6Jan22 Start*/
@media only screen and (max-width: 991px) {
    .dashboardFluid .userInfo .userName {
        padding-left: 2rem;
    }

    .dashboardFluid.userfluidBoard .userInfo .userName {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 95%;
        box-sizing: border-box;
    }

    .dashboardFluid.userfluidBoard .userInfo {
        display: flex;
    }
}
/*Sid and Durgesh Changes 6Jan22 End*/

.sideNav.blueTheme ul li a {
    background: none;
    border-bottom: 1px solid #23adc5;
}

.sideNav.blueTheme ul li .userInfo .userName .signOut a {
    color: #00a2bd;
}

.sideNav ul li a {
    background: none;
    color: #00a2bd;
}

/*Payment Icon*/
.investmentDetails .inputFeild .radio-inline #otmWarn .icon-fill-risk:before,
.investmentDetails .inputFeild .radio-inline #internetWarn .icon-fill-risk:before {
    /*  color: red;*/ /*21042023*/
}

/*Mobile Menu Side Menu*/
@media only screen and (max-width: 991px) {
    .mobMenu.headerWrapper.lSide {
        padding: 10px 0;
    }

    .mobMenu.headerWrapper.rSide {
        padding-top: 25px !important;
    }

    .mobMenu .userSec {
        width: 100%;
        top: 74px;
        left: 0;
        max-width: 100%;
        right: auto;
        position: absolute;
        background: #FFF;
        padding: 20px 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    }

        .mobMenu .userSec.userDetail {
            max-width: 90%;
            min-width: 160px;
            width: 85%;
        }

    .mobMenu .userdropdownCont {
        display: block;
        left: 0;
        right: auto;
        width: 100%;
        top: 49px;
    }

        .mobMenu .userdropdownCont.userdropdownmenu ul {
            border-radius: 0;
            border: 0;
        }
}

/*Table Responsive in add purchase*/
.exisitingScheme {
    margin: 20px 0 10px;
}

    .exisitingScheme table {
        width: 100%;
    }

        .exisitingScheme table th,
        .exisitingScheme table td {
            border: 1px solid #e3e3e3;
            font-family: 'Lato-Bold';
            font-size: 1.4rem;
            line-height: 1.8rem;
            color: #6e6e6e;
        }

        .exisitingScheme table th {
            background: #d9f4f9;
            font-weight: bold;
            padding: 15px 10px;
            color: #6e6e6e;
        }

        .exisitingScheme table td {
            padding: 1.5rem 1rem;
            vertical-align: top;
            position: relative;
        }

            .exisitingScheme table td .Lable {
                border: 0.1rem solid #7b7b7b;
                padding: 0.1rem 0.3rem 0rem 0.2rem;
                text-align: center;
                font-size: 1rem;
                line-height: 1rem;
                color: #7b7b7b;
                font-family: "lato-Semibold";
                margin-right: 0.5rem;
                -webkit-border-radius: 0.3rem;
                border-radius: 0.3rem;
            }

            .exisitingScheme table td p {
                font-family: 'Lato-Bold';
                font-size: 1.4rem;
                line-height: 1.8rem;
                display: inline-block;
                padding-right: 10px;
            }

            .exisitingScheme table td .txtSlctScheme {
                font-size: 1.2rem;
            }

        .exisitingScheme table tr:nth-child(odd) {
            background: #fff;
        }

        .exisitingScheme table tr:nth-child(even) {
            background: #f9f9f9;
        }

        .exisitingScheme table td:last-of-type {
            text-align: center;
            vertical-align: middle;
        }

@media only screen and (max-width: 767px) {
    .exisitingScheme {
        margin: 10px 0 0;
    }

        .exisitingScheme table th {
            padding: 8px 5px;
            color: #6e6e6e;
        }

        .exisitingScheme table td {
            padding: 1rem 0.5rem;
        }

            .exisitingScheme table td .txtSlctScheme {
                font-size: 1.2rem;
            }
}

.existHead {
    border-bottom: 1px solid #a5a7a9;
    width: 90%;
    padding-bottom: 12px;
    position: relative;
}

/*brs color & height*/
.sideNav.blueTheme ul li a .brs {
    height: 44px;
}

.sideNav ul .subMenu .active:after {
    content: "";
}

/*Header Padding*/
@media only screen and (max-width: 767px) {
    .inside {
        padding-top: 9rem !important;
    }
}

/*Dashed Boder*/
@media only screen and (max-width: 1400px) {
    .grossSectionMain .grossblock li {
        border-bottom: 1px #c7c7c7;
    }
}

/*i icon alignment*/
.switchTransaction .selectDropDown label .newtooltip {
    top: 3px !important;
}


/*Emandate orange Button alignment*/
@media only screen and (max-width: 767px) {
    .mpopUps .md-content .orangeBtn {
        margin: 1rem 1rem 1rem;
    }
}

/*UAT Testing Fixed issues*/
.investTransactions .tabsMain > ul > li a {
    display: block;
}

    .investTransactions .tabsMain > ul > li a:focus {
        outline: none;
    }


/*Dashboard Pie Chart*/
.highcharts-tooltip,
.highcharts-tooltip-box {
    text-transform: capitalize;
}

#sectorAllocation .highcharts-data-label > span {
    text-transform: capitalize;
}

@media screen and (max-width: 767px) {
    .transAsset .outerBox {
        margin-bottom: 20px;
    }
}

.transactionDetails .stpType .selectDropDown .errorText {
    bottom: -5px;
    line-height: 12px;
}

.investmentDetails .checkFeild.smallCheck {
    margin-bottom: 5px;
}

.switchTransaction .approxExitLoad h3,
.switchTransaction .approxExitLoad p {
    padding-left: 0;
}

#investorFooter {
    position: inherit;
}

/*Other Issues*/
.reviewInvestment .reviewBox .terms {
    margin-bottom: 15px;
}

.reviewInvestment .reviewBox .btnSec {
    margin-top: 2rem;
}

@media only screen and (max-width: 1199px) {
    .swp .redeemBox .unitsBox:nth-child(2) {
        padding-left: 7rem;
    }

    .swp .datepicker,
    .swp .mnthYrDatePicker {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .mpopUps .md-content .orangeBtn {
        margin-left: 0;
    }

    .investTransactions .filterBlock ul {
        width: 100%;
    }

    .swp .datepicker,
    .swp .mnthYrDatePicker {
        font-size: inherit;
    }
}


@media only screen and (max-width: 480px) {
    .dashboardWrap .transTableWrap table td {
        padding-left: 14rem;
    }
}

/*For checkbox hover boder color*/
.checkFeild label input[disabled] ~ .controlIndicator,
.checkFeild label input[disabled]:hover ~ .controlIndicator {
    border: 1px solid rgba(0,0,0,0.2);
}

/*ReviewDetails*/
.investmentDetails .rightBtn.btnReview.disabled {
    opacity: 0.5;
}

.disabledAction {
    pointer-events: none;
    opacity: 0.8;
}

/*Filter issue*/
@media only screen and (max-width: 1400px) {
    .grossSectionMain .grossblock li {
        border-bottom: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .grossSectionMain .grossblock li:nth-child(even):after {
        content: "";
        border-right: 1px solid #e9e9e9;
    }

    .grossSectionMain .grossblock li:last-child {
        width: 40%;
    }
}


@media only screen and (max-width: 767px) {
    .grossSectionMain .grossblock li {
        border-bottom: 1px dashed #c7c7c7;
    }
}

/*Sorting Icon*/
table.sorting th {
    cursor: pointer;
    position: relative;
    padding-right: 15px;
}

    table.sorting th:hover:after {
        opacity: 1;
    }

    table.sorting th.tablesorter-headerAsc:after,
    table.sorting th.tablesorter-headerDesc:after {
        content: '';
        opacity: 0.5;
        position: absolute;
        top: 20px;
        right: 5px;
        width: 10px;
        height: 16px;
        transition: all 0.4s ease;
    }

    table.sorting th.tablesorter-headerAsc:after {
        background: url('../images/sortIcon_up.png') no-repeat center right;
    }

    table.sorting th.tablesorter-headerDesc:after {
        background: url('../images/sortIcon_down.png') no-repeat center right;
    }

    table.sorting th.folio:after,
    table.sorting th.refNo:after {
        display: none;
    }

/*PauseReview*/
#ReviewSIPPage .reviewWrapp .leftBox .pInfo .adviHigh {
    font-size: 1.6rem;
}

.pausenoteCopy {
    padding: 15px 0px 0px 0px;
    font-size: 1.6rem;
    color: #7b7b7b;
}

/*right hand side*/
.minHeader.headerWrapper .rSide.oldInvestor {
    padding: 14px 0 !important;
}

.minHeader .defaultBtn {
    color: #000;
    border: 1px solid grey;
    border-radius: 20px;
    text-transform: capitalize;
}

.minHeader .icon-angle-right.mb5 {
    margin-left: 5px;
}

@media only screen and (max-width: 767px) {
    .minHeader.headerWrapper .rSide.oldInvestor {
        margin: 0;
    }
}

/*Calender Control Accountstatement*/
.accStatementWrapper .customDateRange #Fromdate,
.accStatementWrapper .customDateRange #Todate {
    background: url(../images/datePicker.png) no-repeat right 1rem top 1.8rem;
    cursor: pointer;
}

.investmentDetails .selectDropDown label .icon-fill-risk:before,
.investmentDetails .inputFeild .icon-fill-risk:before {
    top: 0rem;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .fontreduceText .valid.inputFeild .inpDefault {
        font-size: 18px;
    }

    .investmentDetails .inputFeild.sipEndDateBox {
        width: 90%;
    }
}

.arnDisabled {
    pointer-events: none;
    opacity: 0.7;
}

/*Existing Scheme*/
.investmentDetails .inputFeild.addSchemeParent,
.schemeToSwitch .inputFeild.addSchemeParent {
    width: 100% !important;
}

.investmentDetails .inputFeild, .investmentDetails .selectDropDown {
    margin-right: 0;
    width: 90%;
}

.addSchemeParent {
    position: relative;
}

    .addSchemeParent .addExistingScheme {
        position: absolute;
        text-decoration: none;
        color: #00a2bd;
        font-family: Lato-Regular;
        font-size: 1.4rem;
        outline: 0;
        right: 0;
        top: 40px;
        z-index: 99;
        cursor: pointer;
    }

.investmentdetails .inputfeild .inpdefault {
    width: 100%;
    text-align: left;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    padding-top: 6px;
    font-size: 2rem;
    font-family: lato-regular;
    margin-bottom: 3px;
    color: #444;
    border-bottom: 1px solid #a5a7a9;
    height: 50px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.squreBorder {
    border: .1rem solid #e3e3e3;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.contentTabs {
    padding: .5rem 2rem 2rem;
}

.transactionDetails .stDetails .sipInstDate1 h4 {
    margin-top: .5rem;
    text-transform: capitalize;
    font-size: 2rem;
    font-family: lato-Semibold;
    color: #444;
}

.transactionDetails .stDetails .sipInstDate1 label {
    font-size: 1.4rem;
}

.transactionDetails .stDetails .sipInstDate1 {
    padding-top: 1.3rem;
}

#schemeMessage {
    padding-left: 10px;
    padding-top: 10px;
}

    #schemeMessage p {
        font-size: 1.4rem;
    }

.hide-calendar.ui-datepicker.ui-widget-content {
    width: 25rem !important;
    padding: 1rem 20px !important;
    font-family: Lato-Regular !important;
    background: #f9f9f9 !important
}

    .hide-calendar.ui-datepicker.ui-widget-content .ui-datepicker-header {
        background: 0 0
    }

.hide-calendar .ui-datepicker-calendar {
    display: none
}

.hide-calendar .ui-priority-secondary {
    display: none
}

.hide-calendar.ui-datepicker.ui-widget-content .ui-datepicker-title select {
    background: 0 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 1.6rem !important;
    font-family: lato-semiBold !important;
    font-weight: 400;
    border: 0;
    border-bottom: 1px solid #d8d9da;
    margin: 0;
    padding: .5rem 0;
    color: #444;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/cal_drop_icon.png) no-repeat top 12px right 7px !important
}

.hide-calendar.ui-datepicker select.ui-datepicker-month {
    margin-right: 1rem !important
}

.hide-calendar.ui-datepicker select.ui-datepicker-month, .hide-calendar.ui-datepicker select.ui-datepicker-year {
    width: 35%
}

.hide-calendar .ui-datepicker-buttonpane {
    margin: 0
}

.hide-calendar .ui-datepicker-buttonpane {
    background: 0 0 !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border-top: 0
}

    .hide-calendar .ui-datepicker-buttonpane button {
        background: #f79608 !important;
        color: #fff !important;
        border: 0 !important;
        -webkit-border-radius: .3rem !important;
        border-radius: .3rem !important;
        padding: .4rem 1.5rem !important;
        height: 30px;
        line-height: 16px;
        top: 14px;
        left: -20px
    }

.hide-calendar.ui-datepicker .ui-datepicker-next, .hide-calendar.ui-datepicker .ui-datepicker-prev {
    display: none
}

.hide-calendar.ui-datepicker .ui-datepicker-title {
    margin: 0;
    text-align: left;
    margin-right: 2.5rem
}

.loaderN {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.loaderActive {
    color: transparent;
}

    .loaderActive .loaderN {
        opacity: 1;
    }

.loader-4 span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
    margin: 17px 2px 0 2px;
    opacity: 0;
}

    .loader-4 span:nth-child(1) {
        animation: opacitychange 1s ease-in-out infinite;
    }

    .loader-4 span:nth-child(2) {
        animation: opacitychange 1s ease-in-out .33s infinite;
    }

    .loader-4 span:nth-child(3) {
        animation: opacitychange 1s ease-in-out .66s infinite;
    }

@keyframes opacitychange {
    0%,100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}

.orangeBtn.disabledAction:before {
    background: #808080;
}


/*03122020*/
.sipInvest .transactionMain .transactions .transTableWrap table td .primaryBtn {
    margin-right: 0;
    padding: 1rem 0.8rem;
}

#stpOptionList, #swpOptionList {
    text-transform: uppercase;
}
/*03122020*/


/*29112021*/

.smallText a {
    display: block;
    padding: 5px 0;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.navinfo {
    margin: 0;
    padding: 0 0 0 20px;
}

    .navinfo li {
        list-style-type: lower-alpha;
        margin-bottom: 5px;
    }

/*below line is added by gopal on 15-feb-2021 for nct red colour in popup*/
.mpopUps #modal-addNumber .md-content .updateNumberWrap p,
.mpopUps #modal-addEmailID .md-content .updateNumberWrap p,
.mpopUps #modal-addNumber .md-content p.infoBox,
.mpopUps #modal-changeNumber .md-content p.infoBox,
.mpopUps #modal-changeNumber .md-content p.resendOTP,
.mpopUps #modal-changeEmailID .md-content p.resendOTP,
.mpopUps #modal-changeEmailID .md-content p.infoBox {
    color: #444;
}

.mpopUps #modal-addNumber .md-content .selectDropDown:after {
    right: 10px;
    top: 30px;
    left: auto;
}



.nomineedatastyle {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: initial;
}

/*end of the nct css part*/

/*below css is added by gopal on 21-apr-2021 for nfo bannere */
.startSIPNFO {
    margin: 1.5rem 0 3rem;
    display: block;
    background: url(../images/NFO_SIP_Banner.jpg?20210809) no-repeat top right;
    padding: 2rem 2rem 2rem 4rem;
    position: relative;
    background-size: 100%;
}

@media only screen and (max-width: 991px) {
    .startSIPNFO {
        padding-left: 1.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .startSIPNFO:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.1);
    }
}

.startSIPNFO p {
    font-family: Lato-Bold;
    font-size: 2.8rem;
    line-height: 3.4rem;
    text-align: left;
    color: #fff;
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .startSIPNFO p {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media only screen and (max-width: 480px) {
    .startSIPNFO p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

.startSIPNFO a.primaryBtn {
    background: #fff;
    color: #f79608;
    font-size: 1.2rem;
    display: inline-block;
    padding: 1rem 1.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

    .startSIPNFO a.primaryBtn:before {
        background: #fff;
        color: #f79608;
        font-size: 1.2rem;
    }

    .startSIPNFO a.primaryBtn:hover {
        color: #fff;
    }

        .startSIPNFO a.primaryBtn:hover:after {
            background: #00a2bd;
            color: #fff;
        }
/*end of nfo banner code*/

.mpopUps .md-content #nomDOB3 {
    background: url(../images/datePicker.png) no-repeat right 0 top 1.8rem;
}

#usrDOB {
    background: url(../images/datePicker.png) no-repeat right 0 top 1.8rem;
}
/*commented by amarnath dash 09062021*/

#NFOFundClick {
    cursor: pointer;
}

/*added by gopal for offline otm*/
.navAlert .js-responsive-table table th.amntFreqCol {
    min-width: 200px;
}

@media screen and (max-width: 991px) {
    .navAlert .js-responsive-table table th.amntFreqCol {
        min-width: auto;
    }
}

.navAlert .js-responsive-table table th.statusCol,
.navAlert .js-responsive-table table td.statusCol {
    min-width: 100px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .eMandate .navAlert .transTableWrap table td h4 {
        display: none;
    }

    .navAlert .js-responsive-table table td.statusCol {
        text-align: right;
    }
}

/*end of otm code*/

/*start vajid 05102021 accountstatement*/

.sideNav ul .subMenu li a.active:after {
    display: none;
}

/*end  vajid 05102021 accountstatement*/

/*siddharth with Shital_18012022_end*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.fromList {
    color: #444;
    font-size: 14px;
}

.highcharts-no-tooltip.highcharts-drillup-button .highcharts-button-box {
    height: 25px;
}

.mpopUps.passwordExpire {
    display: none;
}

#modal-termsCondition {
    height: 400px !important;
    color: #000 !important;
    margin-top: 0 !important;
    top: 9%;
    overflow: scroll;
}

    #modal-termsCondition h2 {
        font-size: 3rem;
        color: #444;
        font-family: Lato-Regular;
        padding: 3rem 0 2rem;
        position: relative;
        margin: 0;
    }

.md-content {
    color: #444;
}

.formsList ul li {
    color: black;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    #modal-termsCondition {
        max-width: 90%;
        width: 90%;
    }
}

#modal-termsCondition {
    top: 15%;
}

.transactionsWrap .transactionDetails .checkFeild.smallCheck label {
    width: 100%;
}


/*sainath & mahesh 170322*/
.investmentDetails .checkFeild.smallCheck.perpetualBox {
    margin-top: 5px;
}

@media only screen and (max-width: 1199px) {
    .portfolioBox.dashboardWrap .accordianCont .folioList .folioInfoWrap {
        padding: 2.4rem 2rem 1.5rem 1rem;
    }
}

.planAdvisor.tabsMain .addSchemeParent .addExistingScheme {
    top: 9px;
}

/*mahesh 240322 change password investor*/
.changePasswordWrap .changePassword {
    display: block !important;
}

/*Added by Siddharth for New Development Emaild MobileNumber css on 27042022 Start*/
.newnub2 {
    width: 40%;
}

.newNumberBox .selectDropDown.searchEnable {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
}

.newNumberBox {
    width: 100%;
    display: flex;
}

.newNumb {
    width: 60%;
}



.newNumberBox {
    display: flex;
    justify-content: space-between;
}

    .newNumberBox .newNumb2 {
        width: 40%;
    }

    .newNumberBox .newNumb23 {
        width: 49%;
    }

    .newNumberBox .newNumb2 .inputFeild.updateno {
        width: 100%;
    }

    .newNumberBox .newNumb2 .selectDropDown.searchEnable {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }

#AdditionalPurchaseDiv .mpopUps .md-content .newNumberBox .newNumb2 .inputFeild .inpDefault {
    width: 100%;
}

.mpopUps .md-content .newNumberBox .newNumb23 .inputFeild .inpDefault {
    width: 100%;
}

.mpopUps .md-content .newNumberBox .newNumb23 .inputFeild {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .mpopUps .md-content .inputFeild.updateno {
        margin: 0 5px;
    }

    .mpopUps .md-content .selectD {
        display: flex;
    }
}




@media (max-width: 767px) {
    .mpopUps .md-content .newNumberBox {
        flex-wrap: wrap;
        padding: 0 !important;
    }

    .mpopUps .md-content .newNumb {
        width: 100%;
        margin-bottom: 10px;
    }

    .selectDropDown.searchEnable {
        width: 100%;
    }

    .mpopUps .md-content .selectD {
        display: flex;
    }

    .mpopUps .md-content .inputFeild.updateno {
        max-width: 100% !important;
        width: 100%;
    }

    .mpopUps .md-content .newNumberBox .newNumb2 {
        width: 100%;
        margin-bottom: 5px;
    }

    .mpopUps #modal-addEmailID .md-content .newNumberBox .newNumb2 .inputFeild.updateno {
        width: 100%;
        max-width: 100%;
    }

    .newNumberBox .newNumb23 {
        width: 100%;
        margin-bottom: 5px;
    }

    .mpopUps .md-content .newNumberBox .newNumb23 .inputFeild {
        width: 100% !important;
    }
}



.mpopUps .md-content .newNumberBox2 {
    margin-top: 2rem;
    background: #fdfdfd;
    padding: 1.5rem;
    border: 1px solid #e3e3e3;
}

    .mpopUps .md-content .newNumberBox2 label {
        font-size: 1.4rem;
        padding-right: 5px;
        color: #444;
    }

.mpopUps #modal-changeEmailID .md-content .newNumberBox2 p.resendOTP {
    padding: 10px 0 0 5px;
}

.mpopUps #modal-addNominee .inputFeild.erroralign .errorText {
    bottom: -20px;
}
/*Added by Siddharth for New Development Emaild MobileNumber css on 27042022 End*/
/*Added by Siddharth for EKYC Start */
p.kycerror {
    color: red;
    margin-top: 10px;
}

a.kycerrorcss {
    margin-left: 4px;
    display: inline-block;
}

/*Added by Siddharth for EKYC END */

/*Sainath command Siddharth OTM css 01082022 Start*/

.investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline,
.transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
    padding: 2rem 1rem;
    border: 1px solid #D6D6D6;
    margin-bottom: 1rem;
    background: #fff;
}



    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline:first-child,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline:first-child {
        padding-left: 1rem;
    }



    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline label,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline label {
        width: 30%;
        color: #444;
        margin-bottom: 0;
    }



    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details {
        width: 70%;
    }

        .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details h5,
        .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details h5 {
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: #444;
            font-size: 1.4rem;
        }



        .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details p,
        .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details p {
            font-size: 1.4rem;
            color: #838383;
        }

    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline input[type=radio] + label:before,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline input[type=radio] + label:before {
        border: 1px solid #069FC1;
    }



    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline input[type=radio] + label:after,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline input[type=radio] + label:after {
        background: none;
        width: auto;
        height: auto;
        text-align: center;
        line-height: 2rem;
        top: 0px;
        left: 4px;
        border: 0;
        content: "";
        font-family: icomoon;
        color: #fff;
        font-size: 1rem;
    }



    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline input:checked[type=radio] + label:before,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline input:checked[type=radio] + label:before {
        background: #069FC1;
    }



    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline.selectedMode,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline.selectedMode {
        background: #D9F4F6;
        border: 1px solid #069FC1;
    }




@media (max-width: 767px) {
    .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline,
    .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }



        .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline label,
        .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline label {
            width: 100%;
        }



        .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details h5,
        .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details h5 {
            line-height: 2rem;
        }



        .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details p,
        .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details p {
            line-height: 2rem;
        }



        .investmentDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details,
        .transactionDetails .paymentMode.new-radiostyle .inputFeild .radioBox.newset .radio-inline .radio-inline-details {
            width: 100%;
        }
}

/*Sainath command siddharth OTM css 01082022 END*/





/*preeti and sainath 17052022*/
@media only screen and (max-width: 991px) {
    .investTransactions .transTableWrap #InProcess .accordionIcon.accordOpen:before,
    .investTransactions .transTableWrap .dataTBL .accordionIcon.accordOpen:before {
        display: none;
    }

    .investTransactions .transTableWrap #InProcess .accordionIcon.accordOpen,
    .investTransactions .transTableWrap .dataTBL .accordionIcon.accordOpen {
        background-color: #f79608;
    }
}
/*preeti and sainath 25052022*/
@media only screen and (width: 1024px) {
    .dashboardWrap .investTransactions .transTableWrap {
        width: 100%;
    }
}
/*Sinath and Siddharth NEw Development of Switch,Reedem,SWP 2FA 26052022 Start*/
.switchDIV {
    margin: 0 2rem;
}

    .switchDIV .OTPSection .btnSec {
        margin-top: 2rem;
        text-align: left;
    }

        .switchDIV .OTPSection .btnSec .errorText1 {
            text-align: left;
            color: #7b7b7b;
            margin-top: 20px;
            display: inherit;
        }

    .switchDIV .OTPSection input#otp1 {
        width: 330px;
    }

    .switchDIV .OTPSection .inputFeild {
        padding-top: 1rem;
    }

        .switchDIV .OTPSection .inputFeild p {
            color: #7b7b7b;
        }

        .switchDIV .OTPSection .inputFeild label {
            top: 1.9rem;
        }



    .switchDIV .OTPSectionRedeem .btnSec {
        margin-top: 2rem;
        text-align: left;
    }

        .switchDIV .OTPSectionRedeem .btnSec .errorText {
            text-align: left;
            color: #7b7b7b;
            margin-top: 20px;
            display: inherit;
        }

    .switchDIV .OTPSectionRedeem input#otpredeem {
        width: 330px;
    }

    .switchDIV .OTPSectionRedeem .inputFeild {
        padding-top: 1rem;
    }

        .switchDIV .OTPSectionRedeem .inputFeild p {
            color: #7b7b7b;
        }

        .switchDIV .OTPSectionRedeem .inputFeild label {
            top: 1.9rem;
        }






    .switchDIV .OTPSectionSWP .btnSec {
        margin-top: 2rem;
        text-align: left;
    }

        .switchDIV .OTPSectionSWP .btnSec .errorText {
            text-align: left;
            color: #7b7b7b;
            margin-top: 20px;
            display: inherit;
        }

    .switchDIV .OTPSectionSWP input#otpSWP {
        width: 330px;
    }

    .switchDIV .OTPSectionSWP .inputFeild {
        padding-top: 1rem;
    }

        .switchDIV .OTPSectionSWP .inputFeild p {
            color: #7b7b7b;
        }

        .switchDIV .OTPSectionSWP .inputFeild label {
            top: 1.9rem;
        }

#GETotpReedem.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #GETotpReedem.beforeBtn::before {
        background: #7b7b7b !important;
    }

#verifyOTPredeem.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #verifyOTPredeem.beforeBtn::before {
        background: #7b7b7b !important;
    }

#Reedemloader.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #Reedemloader.beforeBtn::before {
        background: #7b7b7b !important;
    }




#GETotpSwitch.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #GETotpSwitch.beforeBtn::before {
        background: #7b7b7b !important;
    }

#verifyOTPSwitch.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #verifyOTPSwitch.beforeBtn::before {
        background: #7b7b7b !important;
    }

#switchloader.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #switchloader.beforeBtn::before {
        background: #7b7b7b !important;
    }

.switchDIV .OTPSectionSwitch .btnSec {
    text-align: left;
}

.switchDIV .OTPSectionStp .btnSec {
    text-align: left;
}


.switchDIV .OTPSectionSwp .btnSec {
    text-align: left;
}

#GETotpStp.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #GETotpStp.beforeBtn::before {
        background: #7b7b7b !important;
    }

#verifyOTPStp.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #verifyOTPStp.beforeBtn::before {
        background: #7b7b7b !important;
    }

#stploader.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #stploader.beforeBtn::before {
        background: #7b7b7b !important;
    }




#GETotpSwp.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #GETotpSwp.beforeBtn::before {
        background: #7b7b7b !important;
    }

#verifyOTPSwp.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #verifyOTPSwp.beforeBtn::before {
        background: #7b7b7b !important;
    }

#swploader.beforeBtn {
    position: relative;
    opacity: .8;
    cursor: default;
    pointer-events: none;
}

    #swploader.beforeBtn::before {
        background: #7b7b7b !important;
    }

.OTPSectionEnter #otpMessage {
    display: inline-block;
}

.OTPSectionEnter #resendOtpRedeem {
    display: inline-block;
}

.OTPSectionEnterSwp #otpMessage {
    display: inline-block;
}

.OTPSectionEnterSwp #resendOtpSwp {
    display: inline-block;
}

.OTPSectionEnterSwitch #otpMessage {
    display: inline-block;
}

.OTPSectionEnterSwitch #resendOtpSwitch {
    display: inline-block;
}

.OTPSectionEnterStp #otpMessage {
    display: inline-block;
}

.OTPSectionEnterStp #resendOtpStp {
    display: inline-block;
}

.OTPSectionRedeem .errorText1 {
    padding-left: 15px;
    display: inline-block;
}

.OTPSectionSwp .errorText1 {
    padding-left: 15px;
    display: inline-block;
}


.OTPSectionSwitch .errorText1 {
    padding-left: 15px;
    display: inline-block;
}


.OTPSectionStp .errorText1 {
    padding-left: 15px;
    display: inline-block;
}

.OTPSectionRedeem .btnSec {
    display: flex;
    align-items: center;
}

.OTPSectionRedeem #GETotpReedem {
    width: 110px;
}

.OTPSectionSwp .btnSec {
    display: flex;
    align-items: center;
}

.OTPSectionSwp #GETotpSwp {
    width: 110px;
}

.OTPSectionSwitch .btnSec {
    display: flex;
    align-items: center;
}

.OTPSectionSwitch #GETotpSwitch {
    width: 110px;
}

.OTPSectionStp .btnSec {
    display: flex;
    align-items: center;
}

.OTPSectionStp #GETotpStp {
    width: 110px;
}

/*Srujan for New purchase tipso type 08092022 START*/
.tipso_bubble {
    z-index: 9999 !important;
}
/*Srujan for New purchase tipso type 08092022 END*/

@media (max-width: 767px) {
    .OTPSectionRedeem .btnSec {
        flex-wrap: wrap;
    }

    .OTPSectionRedeem .errorText1 {
        padding-left: 0;
    }

    .OTPSectionSwp .btnSec {
        flex-wrap: wrap;
    }

    .OTPSectionSwp .errorText1 {
        padding-left: 0;
    }

    .OTPSectionSwitch .btnSec {
        flex-wrap: wrap;
    }

    .OTPSectionSwitch .errorText1 {
        padding-left: 0;
    }

    .OTPSectionStp .btnSec {
        flex-wrap: wrap;
    }

    .OTPSectionStp .errorText1 {
        padding-left: 0;
    }
    /*Sainath & Preeti for Declaration for investor portal*/
    .mpopUps #modal-4.md-modal {
        transform: translateY(-50%);
        width: 90%;
        max-width: 90%;
    }

    .mpopUps #modal-4 .data {
        height: auto;
    }
    /*Sinath and Siddharth NEw Development of Switch,Reedem,SWP 2FA 26052022 End*/

    /*srujan-To hide accordionIcon where data not found 07062022 start*/

    .dashOverview .transTableWrap table tr.notfound .accordionIcon {
        display: none;
    }
    /*srujan-To hide accordionIcon where data not found 07062022 end*/
}


/*Sainath and Siddharth 2FA Screen 15092022 Start*/
.reviewInvestment .reviewBox.otppge .header .pInfo {
    padding: 1rem 0
}

.reviewInvestment .reviewBox.otppge .fInfo {
    padding: 2rem
}

    .reviewInvestment .reviewBox.otppge .fInfo .otp-area {
        display: inline-block
    }

        .reviewInvestment .reviewBox.otppge .fInfo .otp-area .otp-title {
            font-size: 18px;
            line-height: 22px;
            color: #444
        }


/*removed .reviewInvestment class to access common on other pages */
.reviewBox.otppge .fInfo .otp-area .otpinput {
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 1.6rem;
    background: #d9f4f9;
    border: 1.5px solid rgba(205, 211, 215, .5);
    font-size: 2.2rem;
    line-height: 4.8rem;
    text-align: center;
    -webkit-border-radius: .7rem;
    border-radius: .7rem
}

    .reviewBox.otppge .fInfo .otp-area .otpinput#digit-6 {
        margin-right: 0
    }

@media only screen and (max-width:767px) {
    .reviewBox.otppge .fInfo .otp-area .otpinput {
        margin-right: .5rem;
        width: 3.8rem;
        height: 3.8rem
    }
}


.reviewInvestment .reviewBox.otppge .fInfo .otp-area .timer-sec {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

    .reviewInvestment .reviewBox.otppge .fInfo .otp-area .timer-sec #time {
        color: #a5a7a9
    }

    .reviewInvestment .reviewBox.otppge .fInfo .otp-area .timer-sec #resend {
        border-bottom: 1px solid #00a2bd
    }

        .reviewInvestment .reviewBox.otppge .fInfo .otp-area .timer-sec #resend:hover {
            border-bottom: 1px solid #f5a530
        }

.reviewInvestment .reviewBox.otppge .fInfo .note {
    padding: 0;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #a5a7a9
}

.reviewInvestment .reviewBox.otppge .fInfo .btnSec {
    margin-top: 0
}

.reviewInvestment .reviewBox.reviewnew .factor-text {
    color: #444;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 2rem
}

.reviewInvestment .reviewBox.reviewnew .radioBox {
    margin-bottom: 2rem
}

#RedeemHide span.errorText1 {
    display: inline-block;
    padding: 0 2rem;
    padding-top: 1rem;
    font-size: 1.4rem;
}


#SwitchHide span.errorText1 {
    display: inline-block;
    padding: 0 2rem;
    padding-top: 1rem;
    font-size: 1.4rem;
}


#STPHide span.errorText1 {
    display: inline-block;
    padding: 0 2rem;
    padding-top: 1rem;
    font-size: 1.4rem;
}


#SWPHide span.errorText1 {
    display: inline-block;
    padding: 0 2rem;
    padding-top: 1rem;
    font-size: 1.4rem;
}
/*Sainath and Siddharth 2FA Screen 15092022 END*/

/*Sainath and Siddharth esign 2FA Screen 29092022 start*/
.commHeading2 {
    background: #e0fafd;
    padding: 1.5rem 1rem;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    margin: 2rem auto;
    width: 90%
}

.investmentDetails .commHeading2 p {
    margin: 0;
    padding: .5rem 0 0;
    font-size: 10px;
    line-height: 12px;
    font-family: Lato-Regular;
    color: #00a2bd;
    padding-top: 0
}

    .investmentDetails .commHeading2 p span {
        color: #000;
        font-size: 10px;
        display: block
    }

@media only screen and (max-width:767px) {
    .commHeading2 {
        padding: 1rem
    }
}

.commHeading2 .icon-fill-risk {
    color: #00a2bd;
    margin-right: .8rem
}

    .commHeading2 .icon-fill-risk:before {
        font-size: 1.4rem;
        top: -.2rem
    }

@media only screen and (max-width:480px) {
    .commHeading2 .icon-fill-risk:before {
        padding-left: 0
    }
}

.commHeading2 h2 {
    margin: 0;
    padding: 0;
    font-size: 2.4rem;
    font-family: Lato-Regular
}

@media only screen and (max-width:767px) {
    .commHeading2 h2 {
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}



.mpopUps #otp-emailpop .md-content {
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    -webkit-transition: all .7s;
    transition: all .7s;
    max-width: 65rem;
    width: 65rem;
    padding: 3rem 1.8rem
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-emailpop .md-content {
        padding: 3.7rem 1.6rem 4rem
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-emailpop .md-content {
        width: 90%
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-emailpop .md-content {
        width: 90%
    }
}

.mpopUps #otp-emailpop .md-content .modalInnerBox {
    height: auto
}

.mpopUps #otp-emailpop .md-content .close {
    right: 1.2rem;
    top: .5rem
}

.mpopUps #otp-emailpop .md-content h2.title-sub {
    color: #fff;
    font-family: Lato-Semibold;
    font-size: 24px;
    line-height: 29px;
    padding: 1.4rem 1.6rem;
    background: #00a2bd;
    margin-bottom: 4rem;
    text-align: left
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-emailpop .md-content h2.title-sub {
        font-size: 2rem
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-emailpop .md-content h2.title-sub {
        font-size: 1.8rem;
        line-height: 21px
    }
}

.mpopUps #otp-emailpop .md-content .infoPanel {
    display: block
}

.mpopUps #otp-emailpop .md-content .inputfieldCont {
    display: block;
    margin-top: 2rem
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-emailpop .md-content .inputfieldCont {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-emailpop .md-content .inputfieldCont {
        margin-right: 0;
        margin-top: 1.5rem
    }
}

.mpopUps #otp-emailpop .md-content .inputfieldCont .inputFeild {
    width: 100%;
    margin-bottom: 3rem;
    max-width: 100%;
    float: none;
    font-size: 1.6rem;
    font-family: Lato-Semibold
}

@media only screen and (max-width:1199px) {
    .mpopUps #otp-emailpop .md-content .inputfieldCont .inputFeild {
        margin-bottom: 1rem
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-emailpop .md-content .inputfieldCont .inputFeild {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-emailpop .md-content .inputfieldCont .inputFeild {
        margin-bottom: 2rem
    }
}

.mpopUps #otp-emailpop .md-content .btnSec {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 0
}

@media only screen and (max-width:1199px) {
    .mpopUps #otp-emailpop .md-content .btnSec {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.mpopUps #otp-emailpop .md-content .btnSec .orangeBtn {
    margin: 0
}

.mpopUps #otp-emailpop .md-content .infoPanel {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .mpopUps #otp-emailpop .md-content .infoPanel .fInfo {
        padding: 0
    }

    .mpopUps #otp-emailpop .md-content .infoPanel .btnSec {
        text-align: center
    }

.mpopUps #otp-emailpop .md-content .otpWrap {
    width: 8rem;
    height: 8rem;
    background: #d9f4f9;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 8rem;
    margin: 0 auto;
    margin-bottom: 1rem
}

    .mpopUps #otp-emailpop .md-content .otpWrap img.otp-image {
        width: 4rem;
        height: 3rem
    }

.mpopUps #otp-emailpop .md-content p.otp-para {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    max-width: 49.2rem;
    margin: 0 auto;
    margin-bottom: 1.8rem;
    color: #161616;
    font-family: Lato-Semibold
}

    .mpopUps #otp-emailpop .md-content p.otp-para sup {
        color: red
    }

.mpopUps #otp-emailpop .md-content .otppge .fInfo {
    padding: 0;
    text-align: center
}

    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area {
        display: block
    }

        .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .otp-title {
            font-size: 18px;
            line-height: 22px;
            color: #444
        }

        .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area h5.otp-small {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 1.6rem;
            color: #161616;
            font-family: Lato-Semibold
        }

        .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .otpinput {
            width: 4.7rem;
            height: 4.7rem;
            color: #000;
            margin-right: 1.5rem;
            background: #fff;
            border: 1.5px solid #72d370;
            font-size: 2.2rem;
            line-height: 4.8rem;
            text-align: center;
            -webkit-border-radius: .7rem;
            border-radius: .7rem
        }

@media only screen and (max-width:767px) {
    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .otpinput {
        width: 3.3rem;
        height: 3.3rem;
        line-height: 3.3rem;
        margin-right: 1rem
    }
}

.mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .otpinput#digit-6 {
    margin-right: 0
}

.mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec {
    width: 16rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem;
    margin-bottom: 3rem
}

    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec #timer {
        color: #c75654
    }

    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec .spce {
        margin-left: .2rem
    }

    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec span {
        color: #c75654
    }

    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec .red {
        color: red
    }

    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec #resend {
        color: #00a2bd
    }

.mpopUps #otp-emailpop .md-content .otppge .fInfo .note {
    padding: 0;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #a5a7a9
}

.mpopUps #otp-emailpop .md-content .otppge .fInfo .btnSec {
    margin-top: 0
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-emailpop .md-content .reviewInvestment .reviewBox.otppge .fInfo .otp-area .otpinput {
        margin-right: .5rem;
        width: 3.8rem;
        height: 3.8rem
    }
}

.inputFeild.verified-icon {
    position: relative
}



    .inputFeild.verified-icon:after {
        content: "";
        position: absolute;
        background-image: url(../../Inv_Post_assets/images/verified-icon.svg);
        background-repeat: no-repeat;
        right: 0;
        top: 50%;
        transform: translateY(0);
        display: block;
        height: 25px;
        width: 25px;
        background-size: 25px 25px;
    }

.mpopUps #otp-mobilepop .md-content {
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    -webkit-transition: all .7s;
    transition: all .7s;
    max-width: 65rem;
    width: 65rem;
    padding: 3rem 1.8rem
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-mobilepop .md-content {
        padding: 3.7rem 1.6rem 4rem
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-mobilepop .md-content {
        width: 90%
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-mobilepop .md-content {
        width: 90%
    }
}

.mpopUps #otp-mobilepop .md-content .modalInnerBox {
    height: auto
}

.mpopUps #otp-mobilepop .md-content .close {
    right: 1.2rem;
    top: .5rem
}

.mpopUps #otp-mobilepop .md-content h2.title-sub {
    color: #fff;
    font-family: Lato-Semibold;
    font-size: 24px;
    line-height: 29px;
    padding: 1.4rem 1.6rem;
    background: #00a2bd;
    margin-bottom: 4rem;
    text-align: left
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-mobilepop .md-content h2.title-sub {
        font-size: 2rem
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-mobilepop .md-content h2.title-sub {
        font-size: 1.8rem;
        line-height: 21px
    }
}

.mpopUps #otp-mobilepop .md-content .infoPanel {
    display: block
}

.mpopUps #otp-mobilepop .md-content .inputfieldCont {
    display: block;
    margin-top: 2rem
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-mobilepop .md-content .inputfieldCont {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-mobilepop .md-content .inputfieldCont {
        margin-right: 0;
        margin-top: 1.5rem
    }
}

.mpopUps #otp-mobilepop .md-content .inputfieldCont .inputFeild {
    width: 100%;
    margin-bottom: 3rem;
    max-width: 100%;
    float: none;
    font-size: 1.6rem;
    font-family: Lato-Semibold
}

@media only screen and (max-width:1199px) {
    .mpopUps #otp-mobilepop .md-content .inputfieldCont .inputFeild {
        margin-bottom: 1rem
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mpopUps #otp-mobilepop .md-content .inputfieldCont .inputFeild {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-mobilepop .md-content .inputfieldCont .inputFeild {
        margin-bottom: 2rem
    }
}

.mpopUps #otp-mobilepop .md-content .btnSec {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 0
}

@media only screen and (max-width:1199px) {
    .mpopUps #otp-mobilepop .md-content .btnSec {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.mpopUps #otp-mobilepop .md-content .btnSec .orangeBtn {
    margin: 0
}

.mpopUps #otp-mobilepop .md-content .infoPanel {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .mpopUps #otp-mobilepop .md-content .infoPanel .fInfo {
        padding: 0
    }

    .mpopUps #otp-mobilepop .md-content .infoPanel .btnSec {
        text-align: center
    }

.mpopUps #otp-mobilepop .md-content .otpWrap {
    width: 8rem;
    height: 8rem;
    background: #d9f4f9;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 8rem;
    margin: 0 auto;
    margin-bottom: 1rem
}

    .mpopUps #otp-mobilepop .md-content .otpWrap img.otp-image {
        width: 4rem;
        height: 3rem
    }

.mpopUps #otp-mobilepop .md-content p.otp-para {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    max-width: 49.2rem;
    margin: 0 auto;
    margin-bottom: 1.8rem;
    color: #161616;
    font-family: Lato-Semibold
}

    .mpopUps #otp-mobilepop .md-content p.otp-para sup {
        color: red
    }

.mpopUps #otp-mobilepop .md-content .otppge .fInfo {
    padding: 0;
    text-align: center
}

    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area {
        display: block
    }

        .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .otp-title {
            font-size: 18px;
            line-height: 22px;
            color: #444
        }

        .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area h5.otp-small {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 1.6rem;
            color: #161616;
            font-family: Lato-Semibold
        }

        .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .otpinput {
            width: 4.7rem;
            height: 4.7rem;
            color: #000;
            margin-right: 1.5rem;
            background: #fff;
            border: 1.5px solid #72d370;
            font-size: 2.2rem;
            line-height: 4.8rem;
            text-align: center;
            -webkit-border-radius: .7rem;
            border-radius: .7rem
        }

@media only screen and (max-width:767px) {
    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .otpinput {
        width: 3.3rem;
        height: 3.3rem;
        line-height: 3.3rem;
        margin-right: 1rem
    }
}

.mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .otpinput#digit-6 {
    margin-right: 0
}

.mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec {
    width: 16rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem;
    margin-bottom: 3rem
}

    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec #timer {
        color: #c75654
    }

    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec .spce {
        margin-left: .2rem
    }

    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec span {
        color: #c75654
    }

    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec .red {
        color: red
    }

    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec #resend {
        color: #00a2bd
    }

.mpopUps #otp-mobilepop .md-content .otppge .fInfo .note {
    padding: 0;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #a5a7a9
}

.mpopUps #otp-mobilepop .md-content .otppge .fInfo .btnSec {
    margin-top: 0
}

@media only screen and (max-width:767px) {
    .mpopUps #otp-mobilepop .md-content .reviewInvestment .reviewBox.otppge .fInfo .otp-area .otpinput {
        margin-right: .5rem;
        width: 3.8rem;
        height: 3.8rem
    }
}

.mpopUps #otp-mobilepop .md-content {
    top: inherit;
    transform: translateY(-50%);
}

.mpopUps #otp-mobilepop {
    top: 50%;
    transform: translateY(-50%);
    z-index: 2001;
}

@media only screen and (max-width: 767px) {
    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .otpinput {
        margin-right: 0.7rem;
    }
}

.mpopUps #otp-emailpop .md-content {
    top: inherit;
    transform: translateY(-50%);
}

.mpopUps #otp-emailpop {
    top: 50%;
    transform: translateY(-50%);
    z-index: 2001;
}

@media only screen and (max-width: 767px) {
    .mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .otpinput {
        margin-right: 0.7rem;
    }
}

.mpopUps #otp-mobilepop .md-content .btnSec .orangeBtn {
    margin: 0 auto;
}

.mpopUps #otp-emailpop .md-content .btnSec .orangeBtn {
    margin: 0 auto;
}

.mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec {
    justify-content: center;
}

    .mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec .red {
        margin: 0 .3rem;
    }

.mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec {
    justify-content: center;
}


.mpopUps #otp-mobilepop .md-content .otppge .fInfo .otp-area .timer-sec span {
    margin: 0 0.1rem;
}

.mpopUps #otp-emailpop .md-content .otppge .fInfo .otp-area .timer-sec span {
    margin: 0 0.1rem;
}



/*Sainath and Siddharth esign 2FA Screen 29092022 end*/

/*Sainath command siddharth Esign review Page 26072022 start*/
.blueBgBox.newdesign {
    border-radius: 4px;
    background-color: #e0fafd;
    padding: 1.5rem;
    width: 98%;
    /*float: left;*/
    margin: 0 auto 1% 1%;
}

    .blueBgBox.newdesign .pointsUPI {
        padding-left: 3rem;
    }

    .blueBgBox.newdesign p.upiQ.set {
        position: relative;
        color: #1caac7;
    }

    .blueBgBox.newdesign .pointsUPI span {
        position: absolute;
        left: -31px;
        color: #1caac7;
        border-radius: 50%;
        border: 1px solid #1caac7;
        z-index: 9;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        font-size: 1.2rem;
        padding: 0;
        cursor: pointer;
    }

    .blueBgBox.newdesign p.upiQ {
        font-family: "Lato-Bold";
        color: #000;
    }

/*Siddharth Debit Card start*/
#DebitCardDisclaimer h5 {
    font-weight: bold;
}

/*Siddharth Debit Card end*/


/*Start : Added by Mansi on 29-03-2023 for highcharts issue*/
#sectorAllocation .highcharts-breadcrumbs-group .highcharts-no-tooltip.highcharts-button.highcharts-breadcrumbs-button.highcharts-button-normal .highcharts-button-box {
    fill: #f79608;
}

#sectorAllocation .highcharts-breadcrumbs-group .highcharts-no-tooltip.highcharts-button.highcharts-breadcrumbs-button.highcharts-button-normal text {
    fill: #fff !important;
}
/*End : Added by Mansi on 29-03-2023 for highcharts issue*/

/*Start : Added by Siddharth on 22-02-2023 2FAADD 16032023 Dhanashri Sid 17032023*/
#GETotpAdd.beforeBtn::before,
#GETotpNew.beforeBtn::before,
#GETotpQuick.beforeBtn::before,
#verifyOTPAdd.beforeBtn::before,
#verifyOTPNew.beforeBtn::before,
#verifyNewAdd.beforeBtn::before,
#verifyQuickAdd.beforeBtn::before,
#verifyEmanAdd.beforeBtn::before,
#GETotpEman.beforeBtn::before {
    background: #7b7b7b !important;
}

#RedeemHide span.errorText1,
#AddHide span.errorText1,
#NewHide span.errorText1,
#QuickHide span.errorText1,
#QuickHide span.errorText1 {
    display: inline-block;
    padding: 0 2rem;
    padding-top: 1rem;
    font-size: 1.4rem;
}

.AddDIV {
    margin: 0 2rem;
}

.setMargin {
    margin: 0 2rem;
}




/*End : Added by Siddharth on 22-02-2023 2FAADD*/

/*Start : Added by Siddharth and Sainath for 2FA on 15-03-2023 2FAADD 23*/
.reviewInvestment .dashboardWrap {
    padding: 0;
}

.reviewInvestment .reviewBox {
}

    .reviewInvestment .reviewBox .btnSec {
        margin-top: 3rem;
    }

    .reviewInvestment .reviewBox .header {
        width: 100%;
        background: #00a2bd;
        padding: 1rem 2rem;
    }

        .reviewInvestment .reviewBox .header .profIcn {
            display: inline-block;
            border: 1px solid #8cd5e1;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            height: 38px;
            width: 38px;
            vertical-align: top;
        }

            .reviewInvestment .reviewBox .header .profIcn .icon-Nominee {
                color: #fff;
                font-size: 2.8rem;
                position: relative;
                top: 7px;
                left: 4px;
            }

        .reviewInvestment .reviewBox .header .pInfo {
            display: inline-block;
            padding-left: 1.2rem;
            position: relative;
            padding-top: 1rem;
        }

            .reviewInvestment .reviewBox .header .pInfo span {
                font-size: 1.4rem;
                color: #fff;
            }

            .reviewInvestment .reviewBox .header .pInfo h2 {
                font-size: 2.6rem;
                color: #fff;
                font-family: lato-Semibold;
                padding: 0;
            }

    .reviewInvestment .reviewBox .fInfo {
        width: 100%;
        border-color: #e0fafd;
        border-style: solid;
        border-width: 0 1px 1px 1px;
    }

        .reviewInvestment .reviewBox .fInfo h2 {
            font-size: 1.6rem;
            background: #e0fafd;
            padding: 1.8rem 2rem;
            color: #444;
            text-transform: uppercase;
            margin: 0;
            font-family: Lato-Bold;
        }

    .reviewInvestment .reviewBox .tInfo {
        padding: 2rem 0;
        margin: 0 2rem;
    }

        .reviewInvestment .reviewBox .tInfo h4 {
            font-size: 2rem;
            color: #444;
            font-family: lato-Semibold;
        }

            .reviewInvestment .reviewBox .tInfo h4.folioNum {
                margin-bottom: 1.5rem;
            }

        .reviewInvestment .reviewBox .tInfo .fundLable {
            border: 0.1rem solid #7b7b7b;
            padding: 0.1rem 0.3rem 0 0.2rem;
            text-align: center;
            font-size: 1.2rem;
            line-height: 1.2rem;
            color: #7b7b7b;
            font-family: lato-Semibold;
            margin-left: 0.5rem;
            -webkit-border-radius: 0.3rem;
            border-radius: 0.3rem;
        }

        .reviewInvestment .reviewBox .tInfo p {
            font-size: 1.6rem;
            color: #7b7b7b;
        }

            .reviewInvestment .reviewBox .tInfo p .fSmall {
                font-size: 1.2rem;
                color: #7b7b7b;
            }

            .reviewInvestment .reviewBox .tInfo p .addcomma {
                padding: 0 0.5rem 0 0.2rem;
            }

        .reviewInvestment .reviewBox .tInfo .bnkInfo,
        .reviewInvestment .reviewBox .tInfo .prInfo {
            width: 100%;
            padding-top: 1rem;
        }

            .reviewInvestment .reviewBox .tInfo .bnkInfo .blck,
            .reviewInvestment .reviewBox .tInfo .prInfo .blck {
                width: 33.33%;
                float: left;
                padding-bottom: 0.5rem;
            }

                .reviewInvestment .reviewBox .tInfo .bnkInfo .blck p,
                .reviewInvestment .reviewBox .tInfo .prInfo .blck p {
                    font-size: 1.4rem;
                    color: #7b7b7b;
                    padding: 1rem 2rem 0 1rem;
                }

                    .reviewInvestment .reviewBox .tInfo .bnkInfo .blck p strong,
                    .reviewInvestment .reviewBox .tInfo .prInfo .blck p strong {
                        font-family: Lato-Bold;
                        color: #444;
                    }

                .reviewInvestment .reviewBox .tInfo .bnkInfo .blck .rupee,
                .reviewInvestment .reviewBox .tInfo .prInfo .blck .rupee {
                    font-weight: 400;
                }

                .reviewInvestment .reviewBox .tInfo .bnkInfo .blck .newtooltip,
                .reviewInvestment .reviewBox .tInfo .prInfo .blck .newtooltip {
                    padding-left: 0.3rem;
                    padding-right: 0.2rem;
                }

                .reviewInvestment .reviewBox .tInfo .bnkInfo .blck.addressType span,
                .reviewInvestment .reviewBox .tInfo .bnkInfo .blck.addressType strong,
                .reviewInvestment .reviewBox .tInfo .prInfo .blck.addressType span,
                .reviewInvestment .reviewBox .tInfo .prInfo .blck.addressType strong {
                    vertical-align: top;
                    display: inline-block;
                }

                .reviewInvestment .reviewBox .tInfo .bnkInfo .blck.addressType strong,
                .reviewInvestment .reviewBox .tInfo .prInfo .blck.addressType strong {
                    width: 65%;
                    padding-left: 0.2rem;
                }

        .reviewInvestment .reviewBox .tInfo .bankName {
            padding-bottom: 0.7rem;
        }

            .reviewInvestment .reviewBox .tInfo .bankName .icon-Bank {
                vertical-align: top;
                font-size: 1.4rem;
                color: #222;
            }

                .reviewInvestment .reviewBox .tInfo .bankName .icon-Bank:before {
                    vertical-align: top;
                }

            .reviewInvestment .reviewBox .tInfo .bankName h3 {
                display: inline-block;
                padding: 0 0.8rem;
                font-family: lato-Semibold;
                color: #444;
                width: 90%;
                font-size: 1.6rem;
                margin: 0;
            }

        .reviewInvestment .reviewBox .tInfo .folioUser {
            padding-bottom: 1.2rem;
        }

            .reviewInvestment .reviewBox .tInfo .folioUser .icon-Nominee {
                font-size: 1.6rem;
                position: relative;
            }

                .reviewInvestment .reviewBox .tInfo .folioUser .icon-Nominee span {
                    width: 12px;
                    height: 12px;
                    background: #00a2bd;
                    font-size: 0.9rem;
                    color: #fff;
                    font-family: lato-Semibold;
                    display: inline-block;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    text-align: center;
                    padding-top: 2px;
                    position: absolute;
                    top: -3px;
                    left: 9px;
                }

            .reviewInvestment .reviewBox .tInfo .folioUser h3 {
                display: inline-block;
                font-size: 2rem;
                padding: 0 0.8rem;
                font-family: lato-Semibold;
                width: 90%;
                margin: 0;
            }

    .reviewInvestment .reviewBox .bordr {
        border-bottom: 1px solid #f3f2f2;
    }

    .reviewInvestment .reviewBox .terms {
        padding: 0;
    }

    .reviewInvestment .reviewBox .pmode {
        padding: 0 0 2rem;
    }

        .reviewInvestment .reviewBox .pmode h4 {
            padding: 2rem 0 1rem;
        }

        .reviewInvestment .reviewBox .pmode p {
            font-family: Lato-Bold;
            color: #444;
            font-size: 1.4rem;
        }

.reviewInvestment .mpopUps h2.mainHdg {
    font-size: 2.6rem;
    font-family: lato-Semibold;
    color: #444;
    padding: 1rem 0;
}

.reviewInvestment .serviceWrap,
.investorLogin .serviceWrap {
    padding: 3rem 0 5rem;
    height: 40rem;
}

    .reviewInvestment .serviceWrap h2,
    .investorLogin .serviceWrap h2 {
        font-size: 2rem;
        font-family: lato-Semibold;
        color: #444;
        padding: 0;
        margin: 1.5rem 0 0.5rem 0;
    }

    .reviewInvestment .serviceWrap p,
    .investorLogin .serviceWrap p {
        font-size: 1.4rem;
        line-height: 2rem;
        font-family: Lato-Regular;
        color: #444;
        margin-bottom: 1rem;
        text-align: left;
        padding-right: 1.5rem;
    }

        .reviewInvestment .serviceWrap p a,
        .investorLogin .serviceWrap p a {
            font-size: 1.4rem;
        }

        .reviewInvestment .serviceWrap p.tac,
        .investorLogin .serviceWrap p.tac {
            text-align: center;
        }

    .reviewInvestment .serviceWrap .formsList ul,
    .investorLogin .serviceWrap .formsList ul {
        padding: 0 2rem 0 1rem;
        margin-bottom: 0;
    }

        .reviewInvestment .serviceWrap .formsList ul li,
        .investorLogin .serviceWrap .formsList ul li {
            position: relative;
            padding-bottom: 0.5rem;
            width: 100%;
            font-size: 1.4rem;
            line-height: 1.8rem;
            padding: 0.8rem 1rem 0 2.3rem;
            display: list-item;
            text-align: left;
            margin-top: 0;
            color: #444;
            list-style-type: none;
            background-position: 0 0.6rem;
        }

            .reviewInvestment .serviceWrap .formsList ul li:before,
            .investorLogin .serviceWrap .formsList ul li:before {
                content: "";
                width: 0.6rem;
                height: 0.6rem;
                background: #444;
                position: absolute;
                content: "";
                top: 1.3rem;
                left: 0.5rem;
            }

            .reviewInvestment .serviceWrap .formsList ul li ul li,
            .investorLogin .serviceWrap .formsList ul li ul li {
                list-style-type: disc;
                padding-left: 0;
            }

                .reviewInvestment .serviceWrap .formsList ul li ul li:before,
                .investorLogin .serviceWrap .formsList ul li ul li:before {
                    display: none;
                }

                .reviewInvestment .serviceWrap .formsList ul li ul li ul li,
                .investorLogin .serviceWrap .formsList ul li ul li ul li {
                    list-style-type: circle;
                    padding-left: 0;
                }

                    .reviewInvestment .serviceWrap .formsList ul li ul li ul li:before,
                    .investorLogin .serviceWrap .formsList ul li ul li ul li:before {
                        display: none;
                    }



.factQuick h2 {
    font-size: 1.6rem;
    background: #e0fafd;
    padding: 1.8rem 2rem;
    color: #444;
    text-transform: uppercase;
    margin: 0;
    font-family: Lato-Bold;
    margin-bottom: 1rem;
}


.reviewInvestment .reviewBox .btnSec {
    text-align: left;
}

#verifyEmanAdd {
       padding-left: 2rem;
}
/*preeti form footer ticker 14032023*/
/*Added by yogita  ARN EUIN combination css 11042023*/
.invDetails p.executionCopy {
    margin-top: 12rem;
    color: #666;
    text-align: justify;
    font-size: 1.4rem;
    line-height: 2rem;
}

.invDetails .onlyEUN {
    width: 100%;
}

    .invDetails .onlyEUN .checkFeild.chekBox {
        position: relative;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .invDetails .onlyEUN .checkFeild.chekBox label {
            top: 0.5rem;
        }

    .invDetails .onlyEUN .chosen-container-single .chosen-search {
        top: 0px;
        display: block;
        clip: rect(0, 0, 0, 0);
        background: #fff;
        position: relative;
        padding: 0;
    }

        .invDetails .onlyEUN .chosen-container-single .chosen-search .chosen-search-input {
            font-size: 1.6rem;
            padding-left: 10px;
            background: none;
            border: 1px solid #ababab;
            color: #606060;
        }

    .invDetails .onlyEUN .chosen-container-single .chosen-single {
        padding: 1.8rem 5.2rem 0.8rem 0;
    }

        .invDetails .onlyEUN .chosen-container-single .chosen-single span {
            font-size: 1.5rem;
            /*Add this to if required to target portrait design of mobile*/
            /*Add this to if required to target portrait design of mobile*/
            /*Add this to if required to target lanscape design of mobile*/
            /*standard breakpoints to target bootstrap framework*/
            /*767px*/
        }

@media only screen and (max-width: 767px) {
    .invDetails .onlyEUN .chosen-container-single .chosen-single span {
        font-size: 1.4rem;
    }
}

.onlyEUN .euin-Clear {
    position: absolute;
    right: 29px;
    top: 32px;
    border-right: solid 1px #ccc;
    padding-right: 1rem;
    z-index: 99999;
    width: 2.5rem;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    color: #444;
    font-size: 1.2rem;
    line-height: 2rem;
}

.invDetails .selectDropDown.onlyEUN {
    width: 100%;
}

.invDetails .selectDropDown:after {
    top: 3.9rem;
}

.invDetails .onlyEUN .chosen-container-single .chosen-single span {
     font-size: 1.5rem;
}

.invDetails .chosen-container .chosen-drop {
    background: #fff;
}

.invDetails .inputFeild.commonInp .chosen-container-single .chosen-results {
    box-shadow: 0px 0px 3px #9a9a9a;
    background: #fff;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 5px;
}

.mainError {
    display: none;
    position: relative;
    background: #c33;
    padding: 7px 20px 7px 50px;
    margin: 10px 0;
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    outline: 0;
    width: 100%;
}

.transactionDetails .selectDropDown.onlyEUN .chosen-container-single .chosen-single span {
    font-size: 1.6rem;
}

.transactionDetails .selectDropDown.onlyEUN {
    width: 100%;
}

    .transactionDetails .selectDropDown.onlyEUN .chosen-container-single .chosen-single {
        padding: 1.8rem 5.2rem .8rem 0;
    }

#EUIN2 {
    font-size: 13px;
}
/*End code  yogita  ARN EUIN combination css 11042023*/



/*new css changes for fatca popup again on 28042023*/
.fatCaPop .md-content tr:last-child {
    border-bottom: 1px solid #00a2bd;
}

.fatCaPop .md-content tr:first-child {
    border-bottom: 1px solid #ddd;
}
/*Added by sainath and yogita for option overlapping on New purchase transaction-18052023*/
.dividentOptionInfoText {
    margin-top: 2rem;
    padding-left: 10px;
    padding-right: 10px;
}
/*End code-18052023*/
/*Added by yogita and sainath Ekyc-Investor portal page-22062023*/
.lumSumBox_ekyc {
    border-top: 4px solid #54e86c;
    background: #EAF3FC;
    text-align: center;
    height: 100vh;
}

    .lumSumBox_ekyc img {
        margin-top: 3rem;
        width: 7rem;
    }

    .lumSumBox_ekyc p {
        margin-top: 5rem;
        font-size: 2.2rem;
    }

@media only screen and (max-width: 767px) {
    .lumSumBox_ekyc {
        padding: 0 2.5rem;
    }

        .lumSumBox_ekyc img {
            margin-top: 2rem;
            width: 3rem;
        }

        .lumSumBox_ekyc p {
            margin-top: 3rem;
            font-size: 2rem;
        }
}
/*end by yogita Ekyc-Investor portal page-22062023*/
/*Added by yogita and vineet for OTP issue-14072023*/
#ShowMandate .otm.d-flex {
    display: flex;
}

@media only screen and (max-width: 767px) {
    #ShowMandate .otm.d-flex {
        display: flex;
        flex-direction: column;
    }
}
/*End css-14072023*/

/*Start : Added by Mansi on 04-08-2023 for Disclaimer for Create New Folio section*/
#new_folio_disclaimer .folio_disclaimer {
    display: flex;
    position: relative;
    padding-left: 0;
    margin: 0;
}

#new_folio_disclaimer .newtooltip {
    padding-left: 0rem;
}

#new_folio_disclaimer {
    width: 100%;
}

    #new_folio_disclaimer p {
        padding-left: 8px;
    }
        /*End : Added by Mansi on 04-08-2023 for Disclaimer for Create New Folio section*/

        /*Start : Added by Mansi on 07-08-2023 for Disclaimer for Create New Folio section*/
        #new_folio_disclaimer p span {
            font-size: 13px;
            line-height: 14px;
        }
/*End : Added by Mansi on 07-08-2023 for Disclaimer for Create New Folio section*/
/*Added by yogita -REMINDER : Correction of Pop-up message - Unable to cancel the SIP_-14082023*/
#modalpauseSip {
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    #modalpauseSip {
        transform: translateY(-50%);
        overflow-y: auto;
        min-height: 600px;
    }
}
/*end code-REMINDER : Correction of Pop-up message - Unable to cancel the SIP_*/

/*Start : Added by Mansi on 18-08-2023 for Correction of disclaimer*/
.errorText1.textClr {
    color: #000;
}
/*End : Added by Mansi on 18-08-2023 for Correction of disclaimer*/

/*Start : Added by Mansi on 23-08-2023 for [ATP - Suspicious] RE: eNACH link didn't work at Live?*/
.eMan {
    display: block;
}
/*End : Added by Mansi on 23-08-2023 for [ATP - Suspicious] RE: eNACH link didn't work at Live?*/
.allOtherDetails .inputFeild.dateField.valid label {
    top: .9rem;
}

#lblenach {
    text-transform: inherit;
}

/*Start : Added by archana and sainath on 29-11-2023 for Emandate cancel*/

.mpopUps.eNACH-cancelPop .md-modal {
    width: 1079px;
    max-width: 1079px;
    padding: 0;
    margin: 0 auto;
    height: -webkit-max-content;
    height: max-content;
    top: 0;
    transition: all .2s ease
}

    .mpopUps.eNACH-cancelPop .md-modal.md-show {
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

@media only screen and (max-width:767px) {
    .mpopUps.eNACH-cancelPop .md-modal {
        width: 96%;
        max-width: 96%;
        overflow-x: auto
    }
}

.mpopUps.eNACH-cancelPop .md-modal .close {
    position: absolute;
    z-index: 9999;
    right: 12px;
    top: 1rem;
    opacity: 1
}

    .mpopUps.eNACH-cancelPop .md-modal .close:hover {
        color: #00a2bd
    }

.mpopUps.eNACH-cancelPop .md-modal .transTableWrap {
    margin: 0
}

.mpopUps.eNACH-cancelPop .md-modal .md-content {
    padding: 2.5rem 1.4rem
}

@media only screen and (max-width:767px) {
    .mpopUps.eNACH-cancelPop .md-modal .md-content {
        width: 1079px;
        max-width: 1079px
    }
}

.mpopUps.eNACH-cancelPop .md-modal .md-content .bluLine {
    font-size: 22px;
    color: #161616;
    margin-bottom: 1.8rem;
    font-family: Lato-Bold;
    position: relative;
    padding-left: 2.1rem
}

    .mpopUps.eNACH-cancelPop .md-modal .md-content .bluLine:before {
        width: 4.2rem;
        height: 3.5px;
        background: #00f;
        bottom: -1rem;
        left: 2.1rem;
        content: "";
        position: absolute;
        background: #00a2bd
    }

.mpopUps.eNACH-cancelPop .md-modal .md-content .infoCancelPop {
    font-size: 16px;
    color: #161616;
    margin-bottom: 1.8rem;
    font-family: Lato-Bold;
    padding-left: 2.1rem
}

.mpopUps.eNACH-cancelPop .md-modal .md-content .noteCancelSip {
    padding: 2.8rem;
    display: inline-block;
    font-size: 1.4rem;
    background: #ecf9fc;
    color: #000;
    margin-top: 3rem;
    display: -ms-flexbox;
    display: flex
}

    .mpopUps.eNACH-cancelPop .md-modal .md-content .noteCancelSip img {
        padding-right: 1.2rem
    }

.mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table {
    color: #161616;
    font-family: Lato-Regular;
    width: 100%
}

    .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table thead {
        background: #d9f4f9
    }

        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table thead tr th {
            padding: 1.5rem .6rem;
            font-size: 1.3rem;
            color: #161616;
            font-family: Lato-Regular;
            font-weight: 500;
            white-space: nowrap
        }

            .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table thead tr th:first-child,
            .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table thead tr th:last-child {
                padding: 1.5rem 2.1rem
            }

    .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td {
        padding: 1.5rem .6rem;
        font-size: 1.3rem;
        color: #161616;
        font-family: Lato-Regular;
        font-weight: 500
    }

        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td:first-child {
            padding: 1.5rem 2.1rem
        }

        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td:last-child,
        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td:nth-child(7) {
            text-align: center
        }

            .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td:last-child a,
            .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td:nth-child(7) a {
                font-size: 1.3rem;
                color: #161616;
                text-decoration: underline
            }

                .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td:last-child a:hover,
                .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td:nth-child(7) a:hover {
                    color: #00a2bd
                }

        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td .amt,
        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td .rupee {
            font-size: 1.3rem
        }

        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td p .tdLable {
            border: .1rem solid #7b7b7b;
            padding: .1rem .3rem 0 .2rem;
            text-align: center;
            font-size: 1rem;
            line-height: 1.2rem;
            color: #161616;
            margin-right: .5rem;
            border-radius: .3rem
        }

            .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td p .tdLable:nth-child(2) {
                margin-left: .5rem
            }

        .mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td p .fs {
            text-transform: uppercase;
            font-size: 1.3rem
        }

.mpopUps.sipCancelation .md-modal,
.mpopUps.sipCancelation2 .md-modal,
.mpopUps.sipCancelation3 .md-modal,
.mpopUps.sipCancelation4 .md-modal {
    width: 874px;
    max-width: 874px;
    padding: 0;
    margin: 0 auto;
    height: -webkit-max-content;
    height: max-content;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:767px) {

    .mpopUps.sipCancelation .md-modal,
    .mpopUps.sipCancelation2 .md-modal,
    .mpopUps.sipCancelation3 .md-modal,
    .mpopUps.sipCancelation4 .md-modal {
        width: 96%;
        max-width: 96%
    }
}

.mpopUps.sipCancelation .md-modal .md-content,
.mpopUps.sipCancelation2 .md-modal .md-content,
.mpopUps.sipCancelation3 .md-modal .md-content,
.mpopUps.sipCancelation4 .md-modal .md-content {
    padding: 2.4rem 4rem
}

    .mpopUps.sipCancelation .md-modal .md-content .bluLine,
    .mpopUps.sipCancelation2 .md-modal .md-content .bluLine,
    .mpopUps.sipCancelation3 .md-modal .md-content .bluLine,
    .mpopUps.sipCancelation4 .md-modal .md-content .bluLine {
        font-size: 22px;
        color: #161616;
        margin-bottom: 1.8rem;
        font-family: Lato-Bold;
        position: relative;
        text-transform: uppercase
    }

        .mpopUps.sipCancelation .md-modal .md-content .bluLine:before,
        .mpopUps.sipCancelation2 .md-modal .md-content .bluLine:before,
        .mpopUps.sipCancelation3 .md-modal .md-content .bluLine:before,
        .mpopUps.sipCancelation4 .md-modal .md-content .bluLine:before {
            width: 4.2rem;
            height: 3.5px;
            background: #00f;
            bottom: -1rem;
            left: 0;
            content: "";
            position: absolute;
            background: #00a2bd
        }

    .mpopUps.sipCancelation .md-modal .md-content p,
    .mpopUps.sipCancelation2 .md-modal .md-content p,
    .mpopUps.sipCancelation3 .md-modal .md-content p,
    .mpopUps.sipCancelation4 .md-modal .md-content p {
        font-size: 1.8rem;
        color: #161616;
        margin-top: 2.9rem;
        margin-bottom: 3.2rem;
        text-align: left
    }

@media only screen and (max-width:767px) {

    .mpopUps.sipCancelation .md-modal .md-content p,
    .mpopUps.sipCancelation2 .md-modal .md-content p {
        font-size: 1.6rem
    }
}

.mpopUps.sipCancelation .md-modal .md-content .btnSec,
.mpopUps.sipCancelation2 .md-modal .md-content .btnSec,
.mpopUps.sipCancelation3 .md-modal .md-content .btnSec,
.mpopUps.sipCancelation4 .md-modal .md-content .btnSec {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:767px) {

    .mpopUps.sipCancelation .md-modal .md-content .btnSec,
    .mpopUps.sipCancelation2 .md-modal .md-content .btnSec {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mpopUps.sipCancelation .md-modal .md-content .btnSec .md-trig,
.mpopUps.sipCancelation .md-modal .md-content .btnSec .md-trig2,
.mpopUps.sipCancelation .md-modal .md-content .btnSec .md-trig3,
.mpopUps.sipCancelation2 .md-modal .md-content .btnSec .md-trig,
.mpopUps.sipCancelation2 .md-modal .md-content .btnSec .md-trig2,
.mpopUps.sipCancelation2 .md-modal .md-content .btnSec .md-trig3,
.mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig,
.mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig2,
.mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig3,
.mpopUps.sipCancelation4 .md-modal .md-content .btnSec .md-trig,
.mpopUps.sipCancelation4 .md-modal .md-content .btnSec .md-trig2,
.mpopUps.sipCancelation4 .md-modal .md-content .btnSec .md-trig3 {
    margin: 0;
    font-size: 1.4rem;
    padding: 1rem 2rem
}

@media only screen and (max-width:767px) {

    .mpopUps.sipCancelation .md-modal .md-content .btnSec .md-trig,
    .mpopUps.sipCancelation .md-modal .md-content .btnSec .md-trig2,
    .mpopUps.sipCancelation .md-modal .md-content .btnSec .md-trig3,
    .mpopUps.sipCancelation2 .md-modal .md-content .btnSec .md-trig,
    .mpopUps.sipCancelation2 .md-modal .md-content .btnSec .md-trig2,
    .mpopUps.sipCancelation2 .md-modal .md-content .btnSec .md-trig3,
    .mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig,
    .mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig2,
    .mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig3,
    .mpopUps.sipCancelation4 .md-modal .md-content .btnSec .md-trig,
    .mpopUps.sipCancelation4 .md-modal .md-content .btnSec .md-trig2,
    .mpopUps.sipCancelation4 .md-modal .md-content .btnSec .md-trig3 {
        width: 100%;
        margin-bottom: 1rem;
        margin-right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.mpopUps.sipCancelation .md-modal .md-content .btnSec .md-trig,
.mpopUps.sipCancelation2 .md-modal .md-content .btnSec .md-trig,
.mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig,
.mpopUps.sipCancelation4 .md-modal .md-content .btnSec .md-trig {
    margin-right: 1rem
}

.mpopUps .newOverlay {
    transition: all .5s ease;
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1002;
    opacity: 0;
    background: rgba(0,0,0,.8);
    transition: all .5s;
}

.noscrl .mpopUps .newOverlay {
    opacity: 1;
    visibility: visible;
}

/*.mpopUps.sipCancelation2.sipCancelation3 h1.bluLine {
    text-transform: inherit;
}

.mpopUps.sipCancelation2.sipCancelation3 p {
    font-weight: 600
}*/

.dashboardWrap .inactive-emandate-title {
    background: #d9f4f9;
    font-weight: 700;
    display: inline-block;
    font-size: 2rem;
    padding: 1rem 2rem;
    margin-top: 1rem;
}

/*//load more*/
#showLessBtn,
#collapseAllBtn {
    display: none;
}

.eMandate .btnWrap.enachinv {
    justify-content: center;
    display: flex;
    margin-bottom: 2rem;
}

    .eMandate .btnWrap.enachinv .primaryBtn {
        margin: 0;
    }
/*ended  by archana and sainath on 29-11-2023 for Emandate cancel*/
.checkFeild.smallCheck.perpetualBox.pddng {
    margin: 0;
    padding: 0;
}

.lumSumBox_ekyc .camslink {
    font-size: 2.0rem;
}
/*added by sagar and archana for enach popup responsive on 19122023*/
@media only screen and (max-width:992px) {
    #modalcancelEnach.mpopUps.eNACH-cancelPop .md-modal .md-content .bluLine {
        font-size: 1.6rem;
    }

    #modalcancelEnach .md-content .infoCancelPop {
        font-size: 1.2rem;
    }

    #modalcancelEnach .md-content table tr th {
        font-size: 1.2rem;
    }

    #modalcancelEnach .md-content table tr td {
        font-size: 1.2rem;
    }

    #modalcancelEnach .md-content .noteCancelSip {
        font-size: 1rem;
        padding: 1.5rem 1rem;
        margin-top: 1rem;
    }

    #modalcancelEnach.mpopUps.eNACH-cancelPop .md-modal .md-content .teNACH-cancelPop table tbody tr td p .fs {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:768px) {
    .mpopUps.sipCancelation3 .md-modal {
        width: 96%;
        max-width: 96%;
    }

        .mpopUps.sipCancelation3 .md-modal .md-content .btnSec {
            flex-wrap: wrap;
        }

            .mpopUps.sipCancelation3 .md-modal .md-content .btnSec .md-trig4 {
                width: 100%;
            }

            .mpopUps.sipCancelation3 .md-modal .md-content .btnSec #enachyes {
                margin-right: 0;
                width: 100%;
                margin-bottom: 1rem;
            }
}
/*added by sagar and archana for enach popup responsive on 19122023*/

.mpopUps .md-content .mainError.show {
    display: block;
}

.mpopUps .md-content .mainError {
    display: none;
    position: relative;
    background: #c33;
    padding: 7px 20px 7px 20px;
    margin: 10px 0;
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    outline: 0;
    width: 100%;
}
/*ended by sagar and archana for enach popup responsive on 19122023*/

.eKYC-popUp .popup {
    padding: 87px 31px;
    max-width: 90.7rem;
    width: 100%;
    border-radius: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .eKYC-popUp .popup {
        max-width: 95%;
        padding: 50px 15px
    }
}

.eKYC-popUp .popup .modalInnerBox {
    height: auto
}

    .eKYC-popUp .popup .modalInnerBox .ekyc-pop-title {
        font-size: 26px;
        line-height: 31px;
        text-align: center;
        color: #161616;
        text-transform: none;
        padding: 0
    }

@media only screen and (max-width: 767px) {
    .popup .modalInnerBox .ekyc-pop-title {
        font-size: 20px;
        line-height: 2.4rem
    }
}

.eKYC-popUp .popup .modalInnerBox p.ekyc-pop-para {
    color: #606060;
    margin: 0;
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .eKYC-popUp .popup .modalInnerBox p.ekyc-pop-para {
        font-size: 16px;
        line-height: 2rem;
        text-align: left
    }
}

.eKYC-popUp .animated-progress {
    width: 100%;
    height: 1.7rem;
    margin: 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #e3e3e3;
    border-radius: 30px;
    margin-top: 4.2rem
}

    .eKYC-popUp .animated-progress span {
        height: 100%;
        display: block;
        width: 0;
        color: #fffbfb;
        line-height: 30px;
        position: absolute;
        text-align: end;
        padding-right: 5px
    }

.eKYC-popUp .progress-blue span {
    background-color: #439ed7;
}

.eKYC-popUp .popup .modalInnerBox .ekyc-pop-title {
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    color: #161616;
    text-transform: none;
    padding: 0;
}

.eKYC-popUp .popup .modalInnerBox p.ekyc-pop-para {
    color: #606060;
    margin: 0;
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: left;
    padding: 0;
}

.mpopUps .md-content .mainError span {
    padding-right: 0.5rem;
    font-size: 1.8rem;
    vertical-align: bottom;
}
/*ended by sagar and archana for enach popup responsive on 19122023*/
/*Added by yogita and sainath for Multiple Issue while registering ENach and Update needed at ENach Section: Need to address-15012024*/
.folioFirst .navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.3rem;
}

    .folioFirst .navigation .eNach {
        font-family: Lato-Regular;
        color: #00a2bd;
        font-size: 1.2rem;
        border: 1px solid #00a2bd;
        padding: 2px 5px;
        position: relative;
        width: 74px;
        padding-left: 22px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .folioFirst .navigation .eNach:before {
            content: "\e95b";
            font-family: icomoon !important;
            position: absolute;
            color: #00a2bd;
            left: 5px;
            top: 0;
            font-size: 16px;
            font-weight: 700;
        }

    .folioFirst .navigation nav {
        margin-left: 1rem;
    }

        .folioFirst .navigation nav a {
            font-family: Lato-Regular;
            color: #00a2bd;
            font-size: 1.4rem;
            border-right: 1px solid #00a2bd;
            padding-right: 9px;
            margin-right: 9px;
            cursor: initial;
        }

            .folioFirst .navigation nav a:last-child {
                border-right: none;
            }

            .folioFirst .navigation nav a span.navText {
                font-family: Lato-Bold;
            }

#dynamicHtml {
    margin-top: 1rem;
}

.folioname.folioicon {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.selectDropDown.debttybehide::after {
    display: none;
}

.chosen-drop.debttypehide2 {
    display: none;
}

.selectDropDown.freqtypehide::after {
    display: none;
}

.chosen-drop.freqtypehide2 {
    display: none;
}
/*end css  by yogita and sainath for Multiple Issue while registering ENach and Update needed at ENach Section: Need to address-15012024*/
/*Preeti and sainath for datepicker issue enach section 24012024*/
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0;
    border-radius: 0
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none;
        border-bottom: 1px solid #e1e8ef
    }

        .chosen-container .chosen-results li:after {
            border: none
        }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
            background: #fff
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #f0f6fa;
            color: #0198b7
        }

.ui-datepicker .ui-datepicker-title .chosen-container {
    display: inline-block;
    margin: 0 5px;
}

.ui-datepicker .chosen-container-single .chosen-single:after {
    content: "\f106";
    font-family: icomoon;
    font-size: 1.5rem;
    color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(-182deg);
    -ms-transform: rotate(-182deg);
    transform: rotate(-182deg);
    cursor: pointer;
}

.ui-datepicker-title {
    color: #fff;
    display: flex;
}

    .ui-datepicker-title .chosen-container-single .chosen-single {
        padding: 0 !important;
    }

        .ui-datepicker-title .chosen-container-single .chosen-single span {
            color: #fff;
            font-size: 1.4rem;
        }
/*End:Preeti and sainath for datepicker issue enach section 24012024*/
/*end css  by yogita and sainath for Multiple Issue while registering ENach and Update needed at ENach Section: Need to address-15012024*/
/*Added by sainath and yogita-*/
.checkFeild.smallCheck.perpetualBox {
    width: 145px;
    margin-left: 0;
    padding-left: 0;
}

.eMandate .btnWrap.enachinv {
    text-align: center;
}

.mpopUps.sipCancelation3 .defaultBtn {
    transition: all .0s ease-in-out;
}

/*Added by sainath and archana emandate issues-*/
.defaultBtn.enach_no {
    transition: none;
}

.eMandate .btnWrap.enachinv {
    text-align: center;
}
/*Added by sainath and archana for emandate issues-*/

/*Added by sainath and archana for fatca joinholderpopup dropdown issues on 05022024*/

#modal-addJointHolder {
    z-index: 1998;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    max-width: 100%;
    width: auto;
    height: auto !important;
    margin-top: 1rem !important;
}

    #modal-addJointHolder .md-content {
        width: 50%;
        height: auto;
    }

    #modal-addJointHolder .modalInnerBox {
        height: auto;
    }

@media only screen and (max-width: 767px) {

    #modal-addJointHolder .md-content {
        width: 94%;
        height: auto;
    }
}

/*ended by sainath and archana for fatca popup issues*/
/*//added by archana and sainath for 12022024 */
.tInfo.terms .checkFeild label.nfoautoswitch {
    display: inline-block;
    font-size: 1.6rem;
}

.tInfo.terms .checkFeild label.normalswitch {
    display: inline-block;
    font-size: 1.6rem;
}
/*//ended by archana and sainath for 12022024 */
.schemeOptions.autoswitchnfo .radioBox .radio-inline,
.switch_auto .radioBox .radio-inline {
    display: block;
    margin-bottom: 1rem;
}

    .schemeOptions.autoswitchnfo .radioBox .radio-inline label,
    .switch_auto .radioBox .radio-inline label {
        font-family: Lato-Regular;
    }

.autoswitcherrorText {
    color: #ff5f5f;
    margin-top: .5rem;
}
.mpopUps.sipCancelation .md-modal .md-content p, .mpopUps.sipCancelation2 .md-modal .md-content p,
.mpopUps.sipCancelation3 .md-modal .md-content p, .mpopUps.sipCancelation4 .md-modal .md-content p {
    margin-top: 0;
    margin-bottom: 1rem;
}