.button-medium:hover {
    background: #fbb751;
}



.fundButtonWrapper {
    margin-right: 17px;
}


.selectboxit-text {
    text-indent: 0px !important;
    width: 85%;
}

.sip-range {
    width: 120px;
}

.right.sip-range {
    text-align: right;
}



.transact-body .header-post-login {
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
}

.header-post-login {
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    background: #e0e5e9;
}

.hamburger-post-login {
    padding-top: 18px;
    padding-top: 1.125rem;
    cursor: pointer;
    z-index: 21;
}

.menu {
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .menu.active {
        width: 280px;
        width: 17.5rem;
        height: 160px;
        height: 10rem;
        background: #2e3740;
        border: 0;
        top: 0;
        -webkit-transition: width 0.3s, height 0.3s, background 0.3s ease-in-out;
        transition: width 0.3s, height 0.3s, background 0.3s ease-in-out;
    }

        .menu.active span, .menu.active span:before, .menu.active span:after {
            background: #1f9ab3;
        }

body:after, .blurContainer:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

body.active:after, .active.blurContainer:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    top: 99px;
    top: 6.1875rem;
    z-index: 20;
}

.menuBox, .menu-box-small-screen, .right-menu {
    background: #3b4650;
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-right: 10px;
    padding-right: 0.625rem;
    position: absolute;
    z-index: 21;
    font-size: 12px;
    font-size: 0.75rem;
    top: 66px;
    top: 4.125rem;
    display: none;
    color: #ff9900;
    left: 0px;
    left: 0;
}

    .menuBox:before, .menu-box-small-screen:before, .right-menu:before {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #3b4650;
        top: -6px;
        left: 4%;
    }

.menu-box-small-screen {
    padding: 0;
    height: 100%;
    z-index: 25;
    top: 0;
    left: -100%;
    display: block;
}

.menu-li, .small-menu-list li {
    padding: 10px;
    padding: 0.625rem;
    width: 100%;
    cursor: pointer;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
}

.small-menu-list {
    height: auto;
    margin-top: 2px;
    margin-top: 0.125rem;
}

.close-menu {
    color: #1f9ab3;
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    padding: 10px;
    padding: 0.625rem;
    text-align: right;
}

.parent-li {
    background: #47515a;
}

.menu-ul-active, .menu-li-active {
    color: #fff;
}

.left-menu-list {
    min-width: 220px;
    min-width: 13.75rem;
}

.menu-list, .right-menu-list {
    text-align: left;
    padding: 15px;
    padding: 0.9375rem;
    border-bottom: 1px solid #606971;
    min-width: 150px;
    min-width: 9.375rem;
    cursor: pointer;
    letter-spacing: 1.5px;
    font-family: open_sansbold;
}

    .menu-list:last-of-type, .right-menu-list:last-of-type {
        border: none;
    }

.menu-list-active {
    color: #fff;
}

.main-menu-arrow-up {
    float: right;
    top: -8px;
    top: -0.5rem;
    left: 7px;
    left: 0.4375rem;
}

.logo-container {
    float: right;
}

.logo-post-login {
    float: right;
    padding: 0;
    padding-top: 20px;
    padding-top: 1.25rem;
    width: 200px;
    width: 12.5rem;
}

.page-name {
    float: left;
    height: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    padding-top: 25px;
    padding-top: 1.5625rem;
    margin-left: 15px;
    margin-left: 0.9375rem;
    font-family: open_sansbold;
    letter-spacing: 0;
}

.tag-line {
    display: block;
    color: #666666;
}

.tagline-bold {
    font-weight: bold;
}

.userAccount {
    height: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    margin-right: 20px;
    margin-right: 1.25rem;
    margin-left: 30px;
    margin-left: 1.875rem;
    padding-top: 20px;
    padding-top: 1.25rem;
    letter-spacing: 0;
    text-align: right;
    cursor: pointer;
}

    .userAccount .textdb {
        color: #9fa09f;
    }

        .userAccount .textdb span {
            color: #fff;
            font-weight: bold;
            line-height: 15px;
            line-height: 0.9375rem;
        }

.right-menu-container {
    width: 100%;
    position: absolute;
}

.right-menu {
    right: 55px;
    right: 3.4375rem;
    top: 65px;
    top: 4.0625rem;
    left: auto;
}

.right-menu-arrow-up {
    top: -6px;
    top: -0.375rem;
    right: 50%;
}

.logout-power-off {
    font-size: 20px;
    font-size: 1.25rem;
    color: #ff9900;
    margin-top: 10px;
    margin-top: 0.625rem;
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-left: 15px;
    padding-left: 0.9375rem;
    border-left: 1px solid #aaa;
}

    .logout-power-off .fa-power-off {
        vertical-align: top;
    }

.username {
    font-size: 16px;
    font-size: 1rem;
    color: #000;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    font-family: open_sansbold;
    font-weight: bold;
    display: inline !important;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 2px;
    border: none;
    outline: none;
}

.userImg-db {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    border-radius: 30px;
    border-radius: 1.875rem;
    border: 0.125rem solid #454545;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.logout {
    width: 120px;
    width: 7.5rem;
    padding: 15px;
    padding: 0.9375rem;
    height: auto;
    position: absolute;
    background: #000;
    opacity: 0.8;
    display: none;
    z-index: 1;
    color: #fff;
}

.bt-menu-trigger {
    position: relative;
    top: 0;
    left: -4px;
    display: block;
    width: 12px;
    height: 16px;
    cursor: pointer;
}

    .bt-menu-trigger span {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        margin-top: -2px;
        background-color: #fff;
        font-size: 0px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .bt-menu-trigger.open span {
        background-color: transparent;
        top: 33px;
        left: 3px;
    }

    .bt-menu-trigger span:before, .bt-menu-trigger span:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        content: '';
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }

    .bt-menu-trigger span:before {
        -webkit-transform: translateY(-250%);
        transform: translateY(-250%);
    }

    .bt-menu-trigger span:after {
        -webkit-transform: translateY(250%);
        transform: translateY(250%);
    }

    .bt-menu-trigger.open span:before {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
    }

    .bt-menu-trigger.open span:after {
        /* -webkit-transform: translateY(0) rotate(-45deg); */
        transform: translateY(0) rotate(-45deg);
    }

.sub-profile {
    padding-left: 20px;
    font-family: open_sansregular;
}

.spinner {
    margin: 0 auto 10px;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

html, body, .blurContainer, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -moz-height: 100%;
}

.login1 {
    font-family: open_sansregular;
    min-height: 100%;
    /*margin: 0 auto;*/
    margin: 0 auto 15px;
    padding: 0;
    overflow: hidden;
    background-size: cover;
    position: relative;
}

.login {
    height: 100%;
    position: relative;
}

.get-Started {
    height: 33.3%;
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
    padding-top: 70px;
    padding-top: 4.375rem;
    /*background: url(../images/bgimage.png) no-repeat;*/
    /*background: url(../images/TransactionPortal1.jpg) no-repeat;*/
    /*background: url(../images/TransactionPortal-2-01-new.jpg) no-repeat;*/
    /*background: url(../images/Transaction-Portalclr1.jpg) no-repeat;*/
    /*background: url(../images/t1.jpg) no-repeat;*/
    background-size: cover;
    /*background-size: 100%;*/
    position: relative;
    background-position: center center;
    height: 100%;
    vertical-align: middle;
    display: table;
    width: 100%;
}

.get-Started-if-ie7 {
    display: none;
}

.Intro-nfo-container-ie7.Intro-nfo-background-ie7 {
    display: none;
}

.Intro-nfo-container-ie7.mutual-fund-wrapper-ie7 {
    display: none;
}

.cf:before, .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.row {
    max-width: 100%;
}

.hide {
    display: none;
}

.container {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    background-size: cover;
    zoom: 1;
    -moz-margin: 0;
}

    .js-logo, .container.popup .logoWrapper .js-logo {
        background-repeat: no-repeat;
        width: 110%;
        background-position-y: 23px;
        background-position-y: 1.4375rem;
        background-position: 0 1.4375rem;
        position: relative;
        background-size: contain;
        cursor: pointer;
        overflow: hidden;
    }

.clear-padding {
    padding-left: 0;
    padding-right: 0;
}

.content-lower {
    padding-left: 30px;
    padding-left: 1.875rem;
    padding-right: 30px;
    padding-right: 1.875rem;
    height: 85%;
}

.logo-popup {
    border-top: 5px solid #fff;
    background-repeat: no-repeat;
    margin-top: -5px;
    padding-top: 1rem;
    background-position: 0 1.4375rem;
    position: relative;
    left: 60px;
    left: 3.75rem;
}

.logoWrapper {
    background: transparent;
}

.overflow-hidden {
    width: 100%;
    float: left;
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.js-right-Login {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: bold;
    text-align: right;
    position: relative;
    z-index: 1;
    color: #fff;
}

.login-closed, .footer-closed {
    right: 15px;
    right: 0.9375rem;
    color: #000;
}

.fa {
    cursor: pointer;
}

.dealing-first {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: open_sansbold;
    line-height: 8px;
    line-height: 0.5rem;
}

.dealing-third {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    width: 28%;
    margin: 0 auto;
    font-family: open_sanssemibold;
    padding: 8px;
    padding: 0.5rem;
    padding-top: 12px;
    padding-top: 0.75rem;
}

.dealing-second {
    font-size: 46px;
    font-size: 2.875rem;
    line-height: 50px;
    line-height: 3.125rem;
    /*  font-family: open_sanslight; */
    width: 54%; /* June 19th */
    margin: 0px auto;
    text-align: left;
    font-family: 'HelveticaNeueLTStd-Bd' !important;
    font-weight: bold;
    margin-top: 0px !important;
}

@font-face {
    font-family: 'HelveticaNeueLTStd-Bd';
    src: url('../fonts/front-fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('../fonts/front-fonts/HelveticaNeueLTStd-Bd.otf') format('opentype'), url('../fonts/front-fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/front-fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../fonts/front-fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
    font-weight: normal;
    font-style: normal;
}



.get-started-container {
    text-align: center;
    margin: 0 auto;
    color: #fff;
    padding-top: 15px;
    padding-top: 0.9375rem;
}

.started-container {
    max-width: 840px;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.dashboard-dealing {
    margin: 0 auto;
    position: relative;
    height: auto;
    color: #000;
    text-align: center;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.smart-tom {
    margin-top: 2px;
    padding: 6px;
    padding: 0.375rem;
    font-family: open_sanslight;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: 5px;
    margin-top: 0.3125rem;
    text-align: left;
    background: #666;
    letter-spacing: 0px;
    border-radius: 5px 0px 0px 5px;
    color: #fff;
}

    .smart-tom .smart-tomm {
        letter-spacing: 0px;
        font-family: open_sansbold;
        padding-left: 6px;
        padding-left: 0.375rem;
    }

.js-get-started-font, .get-started-fontonclick {
    border-radius: 30px;
    border-radius: 1.875rem;
    /* border-radius: 10.25rem; */
    display: inline-block !important;
    background: #39474c;
    color: white;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    padding-top: 0.4375rem;
    width: 40px;
    width: 2.5rem;
    height: 100%;
    cursor: pointer;
    font-size: 23px;
    font-size: 1.4375rem;
    cursor: pointer;
}

.get-started-fontonclick {
    background: #1f9ab3;
    padding-top: 7px;
    padding-top: 0.4375rem;
}

.sliding-upContainer {
    padding-top: 48px;
    padding-top: 3rem;
    background: #fff;
    height: 100%;
}

.login-wrapper-container {
    cursor: pointer;
    padding: 6px;
    padding: 0.375rem;
    margin-top: 5px;
    margin-top: 0.3125rem;
    color: #fff;
    letter-spacing: 1.3px;
    font-family: open_sansbold;
    font-size: 11px;
    font-size: 0.6875rem;
    background: #f79608;
    text-align: center;
    border-radius: 0px 5px 5px 0px;
    letter-spacing: 1px;
}

    .login-wrapper-container .fa {
        font-size: 11px;
        font-size: 0.6875rem;
        letter-spacing: 6px;
    }

.iconedit-container {
    height: 50px;
    height: 3.125rem;
}

body.db, .db.blurContainer {
    font-family: open_sansregular;
    letter-spacing: 0.0625rem;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    overflow-y: auto;
    position: relative;
}

.textdb {
    padding-left: 10px;
    padding-left: 0.625rem;
    line-height: 1.6;
}

.hide {
    display: none;
}

.span-space {
    padding-left: 2px;
}

.dataFont {
    font-size: 22px;
    font-size: 1.375rem;
    color: #333;
    display: block;
}

    .dataFont span {
        font-family: open_sansbold;
    }

    .dataFont .fa {
        font-family: FontAwesome;
        font-weight: bold;
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: 3px;
    }

    .dataFont .ps {
        font-family: open_sansextrabold;
        font-size: 14px;
        font-size: 0.875rem;
    }

.rightPercent {
    background-repeat: no-repeat;
    color: #333;
}

.lightgraytext {
    color: #cdcdcd;
}

.font14, .annualReturn {
    font-size: 14px;
    font-size: 0.875rem;
}

.greentext, .ps {
    color: #04f090;
    margin-left: 10px;
    margin-left: 0.625rem;
    font-size: 16px;
    font-size: 1rem;
}

.ps {
    color: #333;
    margin: 0;
    padding-top: 0;
    font-size: 12px;
    font-size: 0.75rem;
}

.row {
    max-width: 100%;
}

.grid-db {
    margin: 0 auto;
    max-width: 100%;
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    background: #E0E5E9;
    border-bottom: 3px solid #5b5f64;
}

.topStatContainer {
    width: 100%;
    margin: 0 auto;
    height: 180px;
    height: 11.25rem;
}

.right {
    float: right;
}

.folioarrowLeft {
    float: left;
    top: 1rem;
}

    .arrowLeft:after, .folioarrowLeft:after {
        right: 100%;
        top: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(59, 70, 80, 0);
        border-right-color: #3b4650;
        border-width: 6px;
        margin-top: -6px;
    }

.arrowDown {
    width: 0;
    height: 0;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.3125rem solid #5b5f64;
    position: relative;
    top: 9px;
    top: 0.5625rem;
    left: 52px;
    left: 3.25rem;
}

.maintabsContainer .tab-filter {
    margin-right: 1px;
    min-width: 130px;
    min-width: 8.125rem;
    height: 30px;
    height: 1.875rem;
}

.tab {
    width: 33%;
    margin-left: 1px;
    opacity: 0.8;
    background: #454545;
    cursor: pointer;
    padding: 10px;
    padding: 0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
}

.logo-db {
    padding: 0;
    background-size: contain;
    margin-top: -5px;
    padding-top: 22px;
    padding-top: 1.375rem;
    position: relative;
}

.myPortfolio {
    padding: 29px;
    padding: 1.8125rem;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-size: 0.75rem;
}

.dialknob {
    border: 0.3125rem solid #f26c4f;
    -webkit-background-clip: border;
    border-radius: 50px;
    border-radius: 3.125rem;
    width: 62px;
    width: 3.875rem;
    height: 62px;
    height: 3.875rem;
}

.doughtnut {
    width: 124px;
    height: 62px;
    margin-left: 20px;
}

.orange, .green {
    width: 124px;
    width: 7.75rem;
    height: 62px;
    height: 3.875rem;
}

.getstartedpage {
    position: relative;
}

.menubar {
    height: 60px;
    height: 3.75rem;
}

    .menubar .blueText, .menubar .menubar {
        margin-left: 40px;
        margin-left: 2.5rem;
    }

.dash-text {
    float: left;
    color: #fff;
}

    .dash-text :before {
        content: '\2630';
        font-size: 23px;
        font-size: 1.4375rem;
        padding-right: 35px;
        padding-right: 2.1875rem;
        color: #1f9ab3;
    }

.content {
    width: 100%;
    padding: 25px;
    padding: 1.5625rem;
    position: relative;
}

.folioContainer {
    list-style-type: none;
}

.editFolio {
    height: 35px;
    /*height: 2.1875rem;*/
    height: auto;
    width: 92.7%;
}

    .editFolio .newFundButton {
        position: relative;
        top: -4px;
    }

.addfolio {
    width: 110px;
    width: 6.875rem;
    height: 100%;
    border-bottom: 0.3125rem solid #d1d2d2;
    background: #5b5f64;
}

.addfoliotext {
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-left: 6px;
    padding-left: 0.375rem;
}

.fourStatContainer {
    /*width: 270px;*/
    /*width:AUTO;
  width: 16.875rem;*/
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: #1f9ab3;
    padding: 10px;
    padding: 0.625rem;
    padding-right: 0;
    padding-left: 0;
}

.borderGraph {
    height: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-right: 0;
    background: #006171;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #006171 0%, #006171 59%, #007184 60%, #007184 84%, #0091aa 84%, #0091aa 94%, #009ab3 94%, #009ab3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #006171), color-stop(59%, #006171), color-stop(60%, #007184), color-stop(84%, #007184), color-stop(84%, #0091aa), color-stop(94%, #0091aa), color-stop(94%, #009ab3), color-stop(100%, #009ab3));
    background: -webkit-linear-gradient(left, #006171 0%, #006171 59%, #007184 60%, #007184 84%, #0091aa 84%, #0091aa 94%, #009ab3 94%, #009ab3 100%);
    background: -o-linear-gradient(left, #006171 0%, #006171 59%, #007184 60%, #007184 84%, #0091aa 84%, #0091aa 94%, #009ab3 94%, #009ab3 100%);
    background: -ms-linear-gradient(left, #006171 0%, #006171 59%, #007184 60%, #007184 84%, #0091aa 84%, #0091aa 94%, #009ab3 94%, #009ab3 100%);
    background: linear-gradient(to right, #006171 0%, #006171 59%, #007184 60%, #007184 84%, #0091aa 84%, #0091aa 94%, #009ab3 94%, #009ab3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006171', endColorstr='#009ab3',GradientType=1 );
}

.stat {
    /*width: 25%;*/
    width: AUTO;
    padding-left: 10px;
    padding-left: 0.625rem;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 1px;
    color: #fff;
}

    .stat span {
        font-family: open_sansbold;
        color: #fff;
    }

.foliosTab {
    width: 110px;
    width: 6.875rem;
    /*height: 100%;*/
    height: 37px;
    background: #1f9ab3;
    color: white;
    margin-right: 3px;
    margin-right: 0.1875rem;
    font-size: 8px;
    font-size: 0.5rem;
    line-height: 27px;
    line-height: 1.6875rem;
    text-align: center;
    padding-top: 6px;
    padding-top: 0.375rem;
    cursor: pointer;
}

    .foliosTab .textdb {
        padding-left: 0;
        font-size: 12px;
        font-size: 0.75rem;
        font-family: open_sansbold;
        letter-spacing: 1.2px;
    }

    .foliosTab:active {
        margin-bottom: 20px;
    }

.folioTab_Active {
    background-color: #fbfbfb;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 0;
    /*margin-top: -6px;
    margin-top: -0.375rem;*/
    height: 120%;
}

    .folioTab_Active .stat {
        color: black;
    }

        .folioTab_Active .stat span {
            color: black;
        }

.chartGrid {
    width: 100%;
    background: #fbfbfb;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #fff;
}

    .chartGrid:first-child {
        padding-top: 6px;
        padding-top: 0.375rem;
    }

.graph-data:first-child {
    display: block;
}

.folio {
    background: #fbfbfb;
    padding: 20px;
    padding: 1.25rem;
    display: none;
    border-bottom: 1px solid #e9eef2;
}

.folioHeading, .folioHeadingActive {
    height: 50px;
    height: 3.125rem;
    width: 100%;
    transition: background 1s ease;
    background: #b8c8d7;
    padding: 15px;
    padding: 0.9375rem;
    color: #101619;
    font-weight: light;
    cursor: pointer;
    text-transform: uppercase;
}

.bullet {
    width: 10px;
    width: 0.625rem;
    height: 10px;
    height: 0.625rem;
    border-radius: 5px;
    border-radius: 0.3125rem;
    background: #fff;
    margin-top: 5px;
    margin-top: 0.3125rem;
}

.folioHeadingActive {
    background: #d6d9dc;
}

    .folioHeadingActive .folioText {
        color: #000;
        font-family: open_sansbold;
    }

    .folioHeadingActive .folioState {
        width: 25px;
        height: 25px;
        margin-top: 3px;
        margin-top: 0.1875rem;
        background-repeat: no-repeat;
    }

        .folioHeadingActive .folioState .folioNum {
            background: #7f8082;
        }

    .folioHeadingActive .bullet {
        background: #7f8082;
    }

.growthArrow {
    width: 35px;
    height: 25px;
    background: url(../images/doublearrow.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-right: 0.625rem;
}

.folioState {
    width: 25px;
    height: 25px;
    margin-top: 3px;
    margin-top: 0.1875rem;
}

.growthPercentage {
    color: #888;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: open_sansbold;
    margin-right: 10px;
    margin-right: 0.625rem;
}

.folioContent {
    padding-top: 6px;
    padding-top: 0.375rem;
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    border: 0.3125rem solid #e9eef2;
    box-shadow: 0.125rem 0.25rem 0.125rem #c5c5c5;
}

.dots, .menu {
    cursor: pointer;
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    background: url("../images/_traymenu.png") no-repeat !important;
}

.dots-active {
    background: #3b4650;
}

.folio-menu-icon {
    padding-left: 9.24px;
    padding-left: 0.5775rem;
}

.theme-menu-block, .folioMenu {
    position: absolute;
    font-size: 11px;
    font-size: 0.6875rem;
    background: #3b4650;
    font-weight: bold;
    -webkit-box-shadow: 2px 3px 5px 0px #cccccc;
    -moz-box-shadow: 2px 3px 5px 0px #cccccc;
    box-shadow: 2px 3px 5px 0px #cccccc;
    z-index: 1;
}

.folioMenu {
    width: 195px;
    width: 12.1875rem;
    padding: 15px;
    padding: 0.9375rem;
    padding-top: 10px;
    padding-top: 0.625rem;
    position: static;
}

.theme-menu-list, .folioMenulist {
    width: 100%;
    border-bottom: 1px solid #606971;
    color: #ff9900;
    text-align: left;
    cursor: pointer;
}

    .theme-menu-list:last-of-type, .folioMenulist:last-of-type {
        border: none;
    }

.folioMenulist {
    width: 100%;
    height: 20%;
    height: 35px;
    height: 2.1875rem;
    padding: 11px;
    padding: 0.6875rem;
    padding-left: 8px;
    padding-left: 0.3rem;
}

.arrowUp, .main-menu-arrow-up, .right-menu-arrow-up, .folioarrowUp {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #3a3a3a;
    position: absolute;
}

.folioarrowUp {
    float: right;
    right: 26px;
    right: 1.625rem;
    top: -8px;
    top: -0.5rem;
}

.folio-menu-container {
    position: absolute;
    z-index: 1;
    display: none;
    right: -11.5625rem;
    top: 0px;
    top: 0;
    width: 185px;
    width: 11.5625rem;
    z-index: 10;
}

.folio-menu-container-in-transact {
    right: 0;
    top: 39px;
    top: 2.4375rem;
}

.folioText {
    margin-left: 10px;
    margin-left: 0.625rem;
    float: left;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #101619;
}

.dividendContainer {
    padding-right: 20px;
    padding-right: 1.25rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    width: 97%;
    margin: 0 auto;
    height: 55px;
    height: 3.4375rem;
}

    .dividendContainer .font14, .dividendContainer .annualReturn {
        color: #646668;
    }

    .dividendContainer .fa {
        display: block;
    }

.rt-side-dashboard .transact-tabs-container {
    display: none;
}

.dividendBox, .lightDiv, .darkDiv, .showgraph, .tranStatContainer .textdb, .timeline, .percentDiv, .equity, .debt, .liquid, .hideGraph {
    width: 20%;
    height: 55px;
    float: left;
    padding: 10px;
    padding: 0.625rem;
    text-align: center;
    font-size: 10px;
    font-size: 0.625rem;
    color: #666;
    font-family: open_sansbold;
    letter-spacing: 1px;
    line-height: 15px;
    line-height: 0.9375rem;
}

.lightDiv {
    background: #e6eaed;
    width: 25%;
}

.darkDiv {
    background: #caced1;
    width: 25%;
}

.navContainer {
    width: 500% !important;
    height: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    right: 400%;
}

    .navContainer li {
        font-size: 18px;
        width: 20%;
    }

.ui-datepicker-title {
    text-shadow: none;
    color: #333;
}

.latestnav {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-left: 0.625rem;
}

    .latestnav .fa-angle-left, .latestnav .fa-angle-right {
        height: 100%;
        color: #666;
        padding-top: 7px;
        padding-top: 0.4375rem;
        font-size: 25px;
        font-size: 1.5625rem;
    }

    .latestnav .nav {
        text-align: center;
    }

.nav {
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

.showgraph {
    background: #1f9ab3;
    color: #fff;
    width: 20.1%;
    height: 100%;
    cursor: pointer;
    margin-top: 0px;
    margin-top: 0;
}

    .showgraph .fa {
        color: #fff;
        float: left;
        margin-top: 14px;
        margin-top: 0.875rem;
        font-size: 10px;
        font-size: 0.625rem;
    }

    .showgraph .textdb {
        padding-left: 0;
        float: left;
        padding: 10px;
        padding: 0.625rem;
    }

.show-graph-text {
    margin-left: 40px;
    margin-left: 2.5rem;
    margin-left: calc(50% - 6.4375em);
}

.transGraph {
    bottom: 20px;
    bottom: 1.25rem;
}

.transtext, .unpin_text {
    font-size: 20px;
    font-size: 0.85rem; /*1.25*/
    color: #000; /*#88898a;*/
    width: 78%;
    display: inline-block;
    margin-top: 10px;
    margin-top: 0.625rem;
    background: #fff;
    padding-left: 0px;
    padding-left: 0;
    padding-right: 0px;
    padding-right: 0;
}

.unpin_text {
    width: 20%;
    cursor: pointer;
    text-align: right;
    font-size: 16px;
    color: #ff9900;
    font-family: open_sanssemibold;
}

.newsText, .readmore {
    padding-left: 10px;
}

.chart, .last-graph-data, .last-grph-data {
    background: url(../images/graph-dot.png);
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    margin-top: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

    .chart:hover, .last-graph-data:hover, .last-grph-data:hover, .transGraphContainer:hover {
        background-color: #fbfbfb;
    }

.canvasContainer .trial {
    display: none;
}

.transactions {
    width: 100%;
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
}

.transGraphContainer {
    height: 86px;
    height: 5.375rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    cursor: pointer;
    padding-right: 15px;
    padding-right: 0.9375rem;
    padding-left: 15px;
    padding-left: 0.9375rem;
    background: url(../images/graph-dot.png);
}

.tranStatContainer {
    width: 100%;
    height: 90px;
    height: 5.625rem;
    bottom: 40px;
    bottom: 2.5rem;
}

    .tranStatContainer .textdb {
        width: 100%;
        height: auto;
        color: #333;
        font-family: open_sansbold;
        font-size: 10px;
        letter-spacing: 0;
        text-align: center;
        padding: 2px;
        padding: 0.125rem;
    }

.tranStatDiv, .netYield, .annualReturn, .divReinv {
    width: 25%;
    height: 90px;
    height: 5.625rem;
    float: left;
    color: #fff;
    padding: 20px;
    padding: 1.25rem;
}

    .tranStatDiv .textdb, .tranStatDiv .netYield, .tranStatDiv .annualReturn, .tranStatDiv .divReinv {
        padding: 0px;
        padding: 0;
    }

.netYield {
    background: #f0f4f7;
}

.annualReturn {
    background: #d6d9dc;
    cursor: pointer;
}

    .annualReturn .annRettext.textdb.left {
        width: 50%;
        padding: 0;
    }

    .annualReturn .font14, .annualReturn .annualReturn {
        font-size: 14px;
        font-size: 0.875rem;
        color: #fff;
        padding: 0;
    }

.timeline {
    width: 100%;
    display: none;
}

.jan {
    margin-right: 30%;
}

.divReinv {
    background: #ced4d9;
    cursor: pointer;
}

    .divReinv .font14, .divReinv .annualReturn {
        font-size: 14px;
        font-size: 0.875rem;
        color: #fff;
        padding: 0;
    }

.js-sip-dots {
    background: #b5babe;
}

.percentContainer {
    height: 40px;
    height: 2.5rem;
    width: 100%;
    bottom: 0;
}

.percentDiv, .equity, .debt, .liquid {
    width: 17%;
    margin: 0 auto;
    float: left;
    height: 100%;
    text-align: left;
    font-size: 12px;
    font-size: 0.75rem;
    padding-left: 0;
}

.graph-line li:hover {
    z-index: 1;
    cursor: pointer;
}

.Hide_Trans {
    font-family: open_sansbold;
    padding-top: 10px;
    padding-top: 0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
    color: #1f9ab3;
    letter-spacing: 1.2px;
    cursor: pointer;
}

    .Hide_Trans .fa {
        line-height: 18px;
        line-height: 1.125rem;
        margin-left: 5px;
    }

.last-graph-data {
    position: absolute;
    top: 0;
}

.statement-action-icons {
    margin-right: 10px;
    margin-right: 0.625rem;
    font-size: 14px;
    font-size: 0.875rem;
}

.no-sip .netYield, .no-sip .divReinv, .no-sip .annualReturn {
    width: 33.33%;
}

.no-sip .js-sip-dots {
    display: none;
}

.no-divident .netYield, .no-divident .js-sip-dots, .no-divident .annualReturn {
    width: 33.33%;
}

.no-divident .divReinv {
    display: none;
}

.no-sipdivident .netYield, .no-sipdivident .annualReturn {
    width: 50%;
}

.no-sipdivident .js-sip-dots, .no-sipdivident .divReinv {
    display: none;
}

.rightContentBox {
    width: 100%;
    background: #fff;
    padding: 10px;
    padding: 0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    border: 4px solid #d9dcde;
}

    .rightContentBox.blueBox {
        cursor: pointer;
    }

    .rightContentBox .font14, .rightContentBox .annualReturn {
        color: #333333;
    }

    .rightContentBox .hamburger {
        padding: 0;
        font-size: 20px;
        font-size: 1.25rem;
    }

        .rightContentBox .hamburger :after {
            width: 50%;
        }

.Orang_border {
    border-color: #ffd597;
}

.newsText {
    color: #999999;
    font-weight: bold;
    margin-top: 9px;
    margin-top: 0.5625rem;
}

.paddingTop0 {
    padding-top: 0;
}

.blueBox {
    border-color: #ffc670;
    color: #ff9900;
    padding-left: 20px;
    padding-left: 1.25rem;
    min-height: 66px;
    min-height: 4.125rem;
    margin-right: 7px;
}

    .blueBox .fa {
        font-size: 14px;
        font-size: 0.875rem;
        padding-top: 12px;
        padding-top: 0.75rem;
    }

.grayText {
    font-size: 14px;
    font-size: 0.875rem;
    color: #717e8b;
    line-height: 22px;
    line-height: 1.375rem;
    letter-spacing: 1.3px;
    padding: 10px;
    padding: 0.625rem;
    padding-top: 0;
    padding-bottom: 1px;
    font-family: open_sansbold;
}

    .grayText .greentext, .grayText .ps {
        font-size: 14px;
        font-size: 0.875rem;
    }

.fund-name {
    width: 100%;
    line-height: 2;
    color: #333;
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    padding-right: 7px;
    padding-right: 0.4375rem;
    letter-spacing: 1.4px;
    font-family: open_sansregular;
}

.energy {
    font-size: 20px;
    font-size: 1.25rem;
    color: #333333;
    font-family: open_sanslight;
    letter-spacing: 0;
    margin-top: 12px;
    margin-top: 0.75rem;
    line-height: 25px;
    line-height: 1.5625rem;
}

.readmore {
    color: #00a2bd;
    text-transform: uppercase;
    margin-top: 10px;
    margin-top: 0.625rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-family: open_sansbold;
}

    .readmore span {
        display: none;
    }

.folioNum {
    width: 105px;
    width: 6.5625rem;
    height: 20px;
    height: 1.25rem;
    background: #888;
    text-align: center;
    margin-left: 10px;
    margin-left: 0.625rem;
    border-radius: 5px;
    border-radius: 0.3125rem;
    -webkit-box-shadow: 3px 3px 4px -5px white;
    -moz-box-shadow: 3px 3px 4px -5px white;
    box-shadow: 3px 3px 4px -5px white;
    box-shadow: 2px 2px 1px -2px #738290;
    color: #fff;
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 2px;
    padding: 0.125rem;
}

    .folioNum .textdb {
        padding-left: 0;
        font-family: open_sanssemibold;
    }

.header-menu {
    background: url("../images/_mainmenu.png") no-repeat !important;
}

.timeline {
    float: none;
}

.Latest_News_Border {
    border: 1px solid #d9dcde;
}

.folio-wrapper {
    margin-top: 20px;
    margin-top: 1.25rem;
    padding: 20px;
    padding: 1.25rem;
    background: #f2f2f2;
}

.addfolio-container {
    padding: 25px;
    padding: 1.5625rem;
}

.margin-left-5 {
    margin-left: 3px;
    margin-left: 0.1875rem;
    margin-right: 3px;
    margin-right: 0.1875rem;
}

@media (max-width: 48.75em) {
    html {
        font-size: 85%;
    }

    .statBox {
        width: 100%;
    }
}

@media (max-width: 40em) {
    html {
        font-size: 65%;
    }

    .folioContainer {
        margin-bottom: 10px;
        margin-bottom: 0.625rem;
    }

    .right.question-mark.button-medium.pos-relative.newFundButton {
        display: none;
    }

    .newFundButton.button-medium {
        width: 100%;
    }

    .fundButtonWrapper {
        width: 92.7%;
        float: left;
    }

    .button-medium.folio-add {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (min-width: 640px) and (max-width: 684px) {
    .editFolio.columns.clear-padding-lt-rt.small-12.medium-7 {
        width: 65%;
    }

        .editFolio.columns.clear-padding-lt-rt.small-12.medium-7 .foliosTab {
            width: 29%;
        }

        .editFolio.columns.clear-padding-lt-rt.small-12.medium-7 .fourStatContainer {
            width: 70%;
        }

    .fundButtonWrapper {
        width: 35%;
        float: right;
        margin-right: 48px !important;
        text-align: center;
    }

        .fundButtonWrapper .right.question-mark.button-medium.pos-relative.newFundButton {
            display: none;
        }
}



@media (max-width: 36em) {
    html {
        font-size: 70%;
    }

    .folioContainer {
        margin-bottom: 10px;
        margin-bottom: 0.625rem;
    }
}

@media (max-width: 32.5em) {
    html {
        font-size: 55%;
    }
}

@media (max-width: 24.375em) {
    html {
        font-size: 60%;
    }

    .get-Started {
        /* height: 33.3%;
    padding-bottom: 40px;
    padding-bottom: 2.5rem;*/
        /* padding-top: 70px;
    padding-top: 4.375rem;*/
        /*background: url(../images/bgimage.png) no-repeat;*/
        /*background: url(../images/TransactionPortal1.jpg) no-repeat;*/
        background: url(../images/mob-mode1.png) no-repeat; /* June 19th */
        background-size: 100%;
        position: relative;
        background-position: center 50%;
        /* height: 100%;*/
        /*display: table;*/
        width: 100%;
        height: auto!important;
        padding-top: 107px; /* June 19th */
    }

    .get-started-container, .started-container {
        width: 150px!important;
        margin-left: 30% !important;
        /*   padding-top: 128px!important; */ /* June 19th */
    }

    .get-started-padding {
        width: 80%!important;
        padding: 3px!important;
    }

    .Intro-nfo-background {
        /*background: url(../images/leftimg.png) no-repeat;*/
        /*background: url(../images/leftimage.jpg) no-repeat;*/
        background: url(../images/l1.jpg) no-repeat;
        /*background: url(../images/leftimg.jpg) no-repeat;*/
        background-position: center center;
        background-size: 100%!important;
        backface-visibility: hidden;
    }

    .mutual-fund-wrapper {
        /*background: url(../images/right.png) no-repeat;*/
        /*background: url(../images/right.png) no-repeat;*/
        /*background: url(../images/right2.jpg) no-repeat;*/
        background: url(../images/r1.jpg) no-repeat;
        background-size: 100%!important;
        background-position: center center;
    }

    .bottom-text {
        color: #2e3740;
        display: block;
        font-family: open_sanssemibold;
        font-size: 12px;
        margin-bottom: 30px!important;
        padding: 0 20px;
    }

    .footer-Content-Wrapper, .footer-Container-text, .footer-Container-icon {
        float: left !important;
        font-size: 80%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media (max-width: 20.75em) {
    html {
        font-size: 55%;
    }
}

@media (max-width: 16.25em) {
    html {
        font-size: 60%;
    }

    .statBox {
        width: 100%;
    }
}

.add-folio-row {
    background: #E0E5E9;
}

.kyc-verified-investment {
    position: relative;
    top: 40%;
    font-size: 20px;
    font-family: open_sanssemibold;
}

.dummy-btn-ie7 {
    display: none;
}

.newFundButton {
    float: right;
    margin-bottom: 4px;
    cursor: pointer;
    padding: 7px !important;
}

    .newFundButton .button-inner-text {
        margin-right: 10px;
    }

body, .blurContainer {
    overflow: visible;
}

.transact-row-container {
    background: #e6eaed;
    height: 100%;
}

.form-long-container {
    position: relative;
}

.transact-container, .sip-transact-container {
    width: 100%;
    padding: 25px;
    padding: 1.5625rem;
    padding-top: 60px;
    padding-top: 3.75rem;
    padding-bottom: 0;
}

.after-click {
    display: none;
}

.center-text {
    line-height: 30px;
    text-align: center;
}

.before-click {
    text-align: center;
}

.new-invest-text {
    font-size: 16px;
    font-size: 1rem;
    vertical-align: middle;
}

.transact-tabs-container {
    cursor: pointer;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.transact-tab, .transact-tab-active, .invest, .switch, .redeem, .stp {
    width: 24%;
    height: 100%;
    background: #ff9900;
    color: #fff;
    padding: 8px;
    padding: 0.5rem;
    text-align: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 2.2;
    font-family: open_sanssemibold;
}

.transact-tab-active {
    color: #fff;
    background: #5b5f64;
}

.switch {
    margin-left: 2px;
    margin-left: 0.125rem;
    margin-right: 2px;
    margin-right: 0.125rem;
}

.transact-invest-container, .transact-switch-container {
    width: 100%;
    margin-top: 25px;
    margin-top: 1.5625rem;
    background: #e6eaed;
}

.small-page-container {
    border: 1px solid #aaa;
    padding: 20px;
    padding: 1.25rem;
    background: #fff;
}

.transact-tabs-container.ui-tabs {
    background: none;
    width: 100%;
}

    .transact-tabs-container.ui-tabs a {
        line-height: inherit;
    }

.transact-tab-holder {
    margin-right: -7px;
    margin-right: -0.4375rem;
}

    .transact-tab-holder a.transact-tab, .transact-tab-holder a.transact-tab-active, .transact-tab-holder a.invest, .transact-tab-holder a.switch, .transact-tab-holder a.stp, .transact-tab-holder a.redeem {
        color: #fff;
        font-family: open_sanssemibold;
        font-size: 12px;
        font-size: 0.75rem;
        letter-spacing: 1.2px;
        line-height: 1.8;
    }

.transact-page, .transact-page-inactive, .invest-page-three, .finish-fti-three, .popup, .transact-page-active, .declaration-page, .euin-left-blank, .terms-conditions-container, .invest-page-three .confirm-purchase-container, .finish-fti-three .confirm-purchase-container, .popup .confirm-purchase-container, .exit-load, .switch-login-popup-container, .redeem-login-popup-container, .first-investment-popup, .nri-popup, .nri-address-popup, .confirm-purchase-container, .back-sure-popup, .note-popup, .success-popup, .reconfirm-action, .generating-popup, .sip-invest-page-four, .sip-invest-page-five, .switch-page, .stp-page, .first-time-invest-page, .fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form, .new-reg-page, .add-folio-page {
    padding: 20px;
    padding: 1.25rem;
    height: 620px;
    height: 38.75rem;
    padding-top: 40px;
    padding-top: 2.5rem;
    margin-bottom: 3px;
    margin-bottom: 0.1875rem;
    position: relative;
}

    .transact-page-inactive.form-filled .half-circle, .transact-page-inactive.form-filled .form-filled.invest-page-three, .transact-page-inactive.form-filled .form-filled.finish-fti-three, .transact-page-inactive.form-filled .form-filled.popup {
        background: #00c277;
    }

    .fti-form-six.large-8 {
        width: 66%;
    }

.half-circle-inactive, .half-circle1, .half-circle2, .half-circle3, .half-circle-active, .half-circle-done {
    width: 60px;
    width: 3.75rem;
    height: 30px;
    height: 1.875rem;
    border-radius: 0 0 3.75rem 3.75rem;
    background: #5b5f64;
    position: absolute;
    text-align: center;
    top: 0;
    left: calc(50% - 1.875rem);
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    line-height: 1.875rem;
}

.half-circle-container {
    width: 100%;
    height: 50px !important;
    position: relative;
    z-index: 1;
    top: 0;
}

.half-circle1 {
    left: 0;
}

.half-circle2 {
    background: #989b9e;
}

.half-circle3 {
    background: #989b9e;
    left: auto;
    right: 0;
}

.half-circle-active {
    background: #5b5f64;
}

.transact-select-box, input.transact-input-box, input.sip-tab-container, input.sip-from-date, input.sip-to-date, input.sip-debit, input.empty-text, input.verify-login, input.address-input, input.bank-address, input#sip-tab1.sip-from-date, input#sip-tab1.sip-to-date, input.sip-to-date#switch-tab1, input.sip-to-date#switch-tab2, input.sip-to-date#redeem-tab1, input.sip-to-date#redeem-tab2, input.sip-from-date#switch-tab1, input#switch-tab1.sip-to-date, input.sip-from-date#switch-tab2, input#switch-tab2.sip-to-date, input.sip-from-date#redeem-tab1, input#redeem-tab1.sip-to-date, input.sip-from-date#redeem-tab2, input#redeem-tab2.sip-to-date, .first-invest-select-box {
    margin-top: 20px;
    margin-top: 1.25rem;
    height: 35px;
    height: 2.1875rem;
    width: 100%;
    padding: 8px;
    padding: 0.5rem;
    outline: none;
    font-size: 14px;
    font-size: 0.875rem;
    cursor: pointer;
}

.selectboxit.transact-select-box, input.selectboxit.transact-input-box, input.selectboxit.sip-tab-container, input.selectboxit.sip-from-date, input.selectboxit.sip-to-date, input.selectboxit.sip-debit, input.selectboxit.empty-text, input.selectboxit.verify-login, input.selectboxit.address-input, input.selectboxit.bank-address, input.selectboxit#sip-tab1.sip-from-date, input.selectboxit#sip-tab1.sip-to-date, input.selectboxit.sip-to-date#switch-tab1, input.selectboxit.sip-to-date#switch-tab2, input.selectboxit.sip-to-date#redeem-tab1, input.selectboxit.sip-to-date#redeem-tab2, input.selectboxit.sip-from-date#switch-tab1, input.selectboxit#switch-tab1.sip-to-date, input.selectboxit.sip-from-date#switch-tab2, input.selectboxit#switch-tab2.sip-to-date, input.selectboxit.sip-from-date#redeem-tab1, input.selectboxit#redeem-tab1.sip-to-date, input.selectboxit.sip-from-date#redeem-tab2, input.selectboxit#redeem-tab2.sip-to-date, .selectboxit.first-invest-select-box {
    border-bottom: 1px solid #cacaca;
}

    .selectboxit.transact-select-box:focus, input.selectboxit.transact-input-box:focus, input.selectboxit.sip-tab-container:focus, input.selectboxit.sip-from-date:focus, input.selectboxit.sip-to-date:focus, input.selectboxit.sip-debit:focus, input.selectboxit.empty-text:focus, input.selectboxit.verify-login:focus, input.selectboxit.address-input:focus, input.selectboxit.bank-address:focus, input.selectboxit#sip-tab1.sip-from-date:focus, input.selectboxit#sip-tab1.sip-to-date:focus, input.selectboxit.sip-to-date#switch-tab1:focus, input.selectboxit.sip-to-date#switch-tab2:focus, input.selectboxit.sip-to-date#redeem-tab1:focus, input.selectboxit.sip-to-date#redeem-tab2:focus, input.selectboxit.sip-from-date#switch-tab1:focus, input.selectboxit#switch-tab1.sip-to-date:focus, input.selectboxit.sip-from-date#switch-tab2:focus, input.selectboxit#switch-tab2.sip-to-date:focus, input.selectboxit.sip-from-date#redeem-tab1:focus, input.selectboxit#redeem-tab1.sip-to-date:focus, input.selectboxit.sip-from-date#redeem-tab2:focus, input.selectboxit#redeem-tab2.sip-to-date:focus, .selectboxit.first-invest-select-box:focus {
        background: none;
    }

.folio-input {
    font-size: 12px;
    font-size: 0.75rem;
}

.transact-nav-container {
    width: 100%;
    height: 50px;
    height: 3.125rem;
    margin-top: 20px;
    margin-top: 1.25rem;
}

.firstClick {
    pointer-events: none;
}

.page .transact-nav, .page .latestnav, .fti-form .transact-nav, .fti-form .fti-form-one, .fti-form .fti-form-two, .fti-form .fti-form-three, .fti-form .fti-form-four, .fti-form .fti-form-five, .fti-form .fti-form-six, .fti-form .bank-fti-form, .fti-form .finish-fti-form, .fti-form .latestnav, .fti-form .fti-form-one, .fti-form .fti-form-two, .fti-form .fti-form-three, .fti-form .fti-form-four, .fti-form .fti-form-five, .fti-form .fti-form-six, .fti-form .bank-fti-form, .fti-form .finish-fti-form, .finish-fti-one .transact-nav, .finish-fti-one .latestnav {
    width: 90px;
    width: 5.625rem;
    background: #f1f1f1;
    height: 100%;
    padding: 10px;
    padding: 0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
}

    .page .transact-nav .lightDiv, .page .transact-nav .darkDiv, .page .latestnav .lightDiv, .page .latestnav .darkDiv, .fti-form .transact-nav .lightDiv, .fti-form .transact-nav .fti-form-one, .fti-form .transact-nav .fti-form-two, .fti-form .transact-nav .fti-form-three, .fti-form .transact-nav .fti-form-four, .fti-form .transact-nav .fti-form-five, .fti-form .transact-nav .fti-form-six, .fti-form .transact-nav .bank-fti-form, .fti-form .transact-nav .finish-fti-form, .fti-form .transact-nav .darkDiv, .fti-form .transact-nav .fti-form-one, .fti-form .transact-nav .fti-form-two, .fti-form .transact-nav .fti-form-three, .fti-form .transact-nav .fti-form-four, .fti-form .transact-nav .fti-form-five, .fti-form .transact-nav .fti-form-six, .fti-form .transact-nav .bank-fti-form, .fti-form .transact-nav .finish-fti-form, .fti-form .latestnav .lightDiv, .fti-form .latestnav .fti-form-one, .fti-form .latestnav .fti-form-two, .fti-form .latestnav .fti-form-three, .fti-form .latestnav .fti-form-four, .fti-form .latestnav .fti-form-five, .fti-form .latestnav .fti-form-six, .fti-form .latestnav .bank-fti-form, .fti-form .latestnav .finish-fti-form, .fti-form .latestnav .darkDiv, .fti-form .latestnav .fti-form-one, .fti-form .latestnav .fti-form-two, .fti-form .latestnav .fti-form-three, .fti-form .latestnav .fti-form-four, .fti-form .latestnav .fti-form-five, .fti-form .latestnav .fti-form-six, .fti-form .latestnav .bank-fti-form, .fti-form .latestnav .finish-fti-form, .finish-fti-one .transact-nav .lightDiv, .finish-fti-one .transact-nav .darkDiv, .finish-fti-one .latestnav .lightDiv, .finish-fti-one .latestnav .darkDiv {
        padding-left: 40px;
        padding-left: 2.5rem;
    }

    .page .transact-nav .fa-angle-left, .page .transact-nav .fa-angle-right, .page .latestnav .fa-angle-left, .page .latestnav .fa-angle-right, .fti-form .transact-nav .fa-angle-left, .fti-form .transact-nav .fti-form-one, .fti-form .transact-nav .fti-form-two, .fti-form .transact-nav .fti-form-three, .fti-form .transact-nav .fti-form-four, .fti-form .transact-nav .fti-form-five, .fti-form .transact-nav .fti-form-six, .fti-form .transact-nav .bank-fti-form, .fti-form .transact-nav .finish-fti-form, .fti-form .transact-nav .fa-angle-right, .fti-form .transact-nav .fti-form-one, .fti-form .transact-nav .fti-form-two, .fti-form .transact-nav .fti-form-three, .fti-form .transact-nav .fti-form-four, .fti-form .transact-nav .fti-form-five, .fti-form .transact-nav .fti-form-six, .fti-form .transact-nav .bank-fti-form, .fti-form .transact-nav .finish-fti-form, .fti-form .latestnav .fa-angle-left, .fti-form .latestnav .fti-form-one, .fti-form .latestnav .fti-form-two, .fti-form .latestnav .fti-form-three, .fti-form .latestnav .fti-form-four, .fti-form .latestnav .fti-form-five, .fti-form .latestnav .fti-form-six, .fti-form .latestnav .bank-fti-form, .fti-form .latestnav .finish-fti-form, .fti-form .latestnav .fa-angle-right, .fti-form .latestnav .fti-form-one, .fti-form .latestnav .fti-form-two, .fti-form .latestnav .fti-form-three, .fti-form .latestnav .fti-form-four, .fti-form .latestnav .fti-form-five, .fti-form .latestnav .fti-form-six, .fti-form .latestnav .bank-fti-form, .fti-form .latestnav .finish-fti-form, .finish-fti-one .transact-nav .fa-angle-left, .finish-fti-one .transact-nav .fa-angle-right, .finish-fti-one .latestnav .fa-angle-left, .finish-fti-one .latestnav .fa-angle-right {
        font-size: 20px;
        font-size: 1.25rem;
        padding-top: 5px;
        padding-top: 0.3125rem;
        width: 10%;
        display: none;
    }

.fa-angle-left {
    font-size: 20px;
    font-size: 1.25rem;
    padding-top: 5px;
    padding-top: 0.3125rem;
    width: 10%;
    display: none;
}


.page .transact-nav .nav, .page .latestnav .nav, .fti-form .transact-nav .nav, .fti-form .transact-nav .fti-form-one, .fti-form .transact-nav .fti-form-two, .fti-form .transact-nav .fti-form-three, .fti-form .transact-nav .fti-form-four, .fti-form .transact-nav .fti-form-five, .fti-form .transact-nav .fti-form-six, .fti-form .transact-nav .bank-fti-form, .fti-form .transact-nav .finish-fti-form, .fti-form .latestnav .nav, .fti-form .latestnav .fti-form-one, .fti-form .latestnav .fti-form-two, .fti-form .latestnav .fti-form-three, .fti-form .latestnav .fti-form-four, .fti-form .latestnav .fti-form-five, .fti-form .latestnav .fti-form-six, .fti-form .latestnav .bank-fti-form, .fti-form .latestnav .finish-fti-form, .finish-fti-one .transact-nav .nav, .finish-fti-one .latestnav .nav {
    width: auto;
    text-align: center;
    font-size: 10px;
    font-size: 0.625rem;
    height: auto;
    text-align: center;
    padding-left: 0;
}

.page .transact-nav .nav-inr, .page .latestnav .nav-inr, .fti-form .transact-nav .nav-inr, .fti-form .transact-nav .fti-form-one, .fti-form .transact-nav .fti-form-two, .fti-form .transact-nav .fti-form-three, .fti-form .transact-nav .fti-form-four, .fti-form .transact-nav .fti-form-five, .fti-form .transact-nav .fti-form-six, .fti-form .transact-nav .bank-fti-form, .fti-form .transact-nav .finish-fti-form, .fti-form .latestnav .nav-inr, .fti-form .latestnav .fti-form-one, .fti-form .latestnav .fti-form-two, .fti-form .latestnav .fti-form-three, .fti-form .latestnav .fti-form-four, .fti-form .latestnav .fti-form-five, .fti-form .latestnav .fti-form-six, .fti-form .latestnav .bank-fti-form, .fti-form .latestnav .finish-fti-form, .finish-fti-one .transact-nav .nav-inr, .finish-fti-one .latestnav .nav-inr {
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
}

.folioContent .ul-container {
    text-align: left;
}

.ul-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-family: open_sanssemibold;
}

.transact-list {
    width: 55px;
    height: 100%;
    margin-left: 5px;
    margin-left: 0.3125rem;
    padding: 15px;
    padding: 0.9375rem;
    background: #f1f1f1;
    text-align: center;
    cursor: pointer;
}



.proceed-box, .new-sip, .green-button, .invest-page-two .euin-declaration-confirm, .invest-page-two .terms-i-agree, .invest-page-three .i-confirm, .finish-fti-three .i-confirm, .popup .i-confirm, .verify-button, .sip-invest-page-five .i-confirm, .nri-ok {
    width: 100%;
    height: 36px;
    height: 2.25rem;
    background: #d4d6d8;
    margin-top: 25px;
    margin-top: 1.5625rem;
    color: #fff;
    padding: 10px;
    padding: 0.625rem;
    text-align: center;
    font-size: 10px;
    font-size: 0.625rem;
    cursor: pointer;
    text-transform: uppercase;
}

.or {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 10px;
    margin-top: 0.625rem;
}

.page-one-proceed {
    bottom: 145px;
    bottom: 9.0625rem;
}

.height680 {
    height: 680px;
    height: 53rem;
}

.height6802 {
    height: 680px;
    height: 45rem;
}

.invest-page-three .jvFloat, .finish-fti-three .jvFloat {
    margin-right: 10px;
}

.invest-page-two .form-details .sw-note, .invest-page-two .form-details .bank-form-details {
    font-size: 12px;
}

.sw-note-one {
    font-size: 11px;
    letter-spacing: -0.3px;
}

.fa-envelope.helpline-call {
    margin: 2px 10px 0 0;
}

.new-sip {
    margin-top: 10px;
    margin-top: 0.625rem;
    max-width: 50%;
    margin: 0 auto;
    background: #d4d6d8;
    color: #bdbdbd;
}

.sip-userid-tab-li {
    width: 100%;
}

.new-sip-text {
    margin-left: 5px;
    margin-left: 0.3125rem;
}

.proceed-box.verify, .verify.new-sip, .verify.green-button, .invest-page-two .verify.euin-declaration-confirm, .invest-page-two .verify.terms-i-agree, .invest-page-three .verify.i-confirm, .finish-fti-three .verify.i-confirm, .popup .verify.i-confirm, .verify.verify-button, .sip-invest-page-five .verify.i-confirm, .verify.nri-ok {
    background: #d4d6d8;
    box-shadow: none;
    color: #bdbdbd;
}


.proceed-box-new.verify {
    /* background: #d4d6d8;*/
    box-shadow: none;
    /*color: #bdbdbd;*/
    background: none repeat scroll 0% 0% #5B5F64;
    color: #FFF;
}



.transact-page-inactive, .invest-page-three, .finish-fti-three, .popup {
    pointer-events: none;
    tab-index: -1;
    border: 0.0625rem solid #c3cbd0;
    background: #e9eaeb;
    color: #999;
}

    .transact-page-inactive .half-circle, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        background: #989b9e;
    }

    .transact-page-inactive .half-circle-done, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        background: #00c277;
        font-size: 20px;
        font-size: 1.25rem;
    }

    .transact-page-inactive .transact-select-box, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive input.transact-input-box, .transact-page-inactive input.sip-tab-container, .transact-page-inactive input.sip-from-date, .transact-page-inactive input.sip-to-date, .transact-page-inactive input.sip-debit, .transact-page-inactive input.empty-text, .transact-page-inactive input.verify-login, .transact-page-inactive input.address-input, .transact-page-inactive input.bank-address, .transact-page-inactive input#sip-tab1.sip-from-date, .transact-page-inactive input#sip-tab1.sip-to-date, .transact-page-inactive input.sip-to-date#switch-tab1, .transact-page-inactive input.sip-to-date#switch-tab2, .transact-page-inactive input.sip-to-date#redeem-tab1, .transact-page-inactive input.sip-to-date#redeem-tab2, .transact-page-inactive input.sip-from-date#switch-tab1, .transact-page-inactive input#switch-tab1.sip-to-date, .transact-page-inactive input.sip-from-date#switch-tab2, .transact-page-inactive input#switch-tab2.sip-to-date, .transact-page-inactive input.sip-from-date#redeem-tab1, .transact-page-inactive input#redeem-tab1.sip-to-date, .transact-page-inactive input.sip-from-date#redeem-tab2, .transact-page-inactive input#redeem-tab2.sip-to-date, .transact-page-inactive .first-invest-select-box, .transact-page-inactive .transact-input-box, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .sip-tab-container, .transact-page-inactive .sip-from-date, .transact-page-inactive .sip-to-date, .transact-page-inactive .sip-debit, .transact-page-inactive .empty-text, .transact-page-inactive .verify-login, .transact-page-inactive .address-input, .transact-page-inactive .bank-address, .transact-page-inactive #sip-tab1.sip-from-date, .transact-page-inactive #sip-tab1.sip-to-date, .transact-page-inactive .sip-to-date#switch-tab1, .transact-page-inactive .sip-to-date#switch-tab2, .transact-page-inactive .sip-to-date#redeem-tab1, .transact-page-inactive .sip-to-date#redeem-tab2, .transact-page-inactive .sip-from-date#switch-tab1, .transact-page-inactive #switch-tab1.sip-to-date, .transact-page-inactive .sip-from-date#switch-tab2, .transact-page-inactive #switch-tab2.sip-to-date, .transact-page-inactive .sip-from-date#redeem-tab1, .transact-page-inactive #redeem-tab1.sip-to-date, .transact-page-inactive .sip-from-date#redeem-tab2, .transact-page-inactive #redeem-tab2.sip-to-date, .transact-page-inactive .address-input, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .bank-address {
        background: none;
        color: #bdbdbd;
        font-family: open_sanssemibold;
        letter-spacing: 0.05rem;
        font-size: 16px;
        font-size: 1rem;
    }

        .transact-page-inactive .transact-input-box, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .sip-tab-container, .transact-page-inactive .sip-from-date, .transact-page-inactive .sip-to-date, .transact-page-inactive .sip-debit, .transact-page-inactive .empty-text, .transact-page-inactive .verify-login, .transact-page-inactive .address-input, .transact-page-inactive .bank-address, .transact-page-inactive #sip-tab1.sip-from-date, .transact-page-inactive #sip-tab1.sip-to-date, .transact-page-inactive .sip-to-date#switch-tab1, .transact-page-inactive .sip-to-date#switch-tab2, .transact-page-inactive .sip-to-date#redeem-tab1, .transact-page-inactive .sip-to-date#redeem-tab2, .transact-page-inactive .sip-from-date#switch-tab1, .transact-page-inactive #switch-tab1.sip-to-date, .transact-page-inactive .sip-from-date#switch-tab2, .transact-page-inactive #switch-tab2.sip-to-date, .transact-page-inactive .sip-from-date#redeem-tab1, .transact-page-inactive #redeem-tab1.sip-to-date, .transact-page-inactive .sip-from-date#redeem-tab2, .transact-page-inactive #redeem-tab2.sip-to-date {
            border: 0;
            border-bottom: 1px solid #cacaca;
        }

    .transact-page-inactive textarea.address-input, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive textarea.bank-address {
        border: 1px solid #cacaca;
    }

        .transact-page-inactive .proceed-box, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .new-sip, .transact-page-inactive .green-button, .transact-page-inactive .invest-page-two .euin-declaration-confirm, .invest-page-two .transact-page-inactive .euin-declaration-confirm, .transact-page-inactive .invest-page-two .terms-i-agree, .invest-page-two .transact-page-inactive .terms-i-agree, .transact-page-inactive .invest-page-three .i-confirm, .invest-page-three .transact-page-inactive .i-confirm, .transact-page-inactive .finish-fti-three .i-confirm, .finish-fti-three .transact-page-inactive .i-confirm, .transact-page-inactive .popup .i-confirm, .popup .transact-page-inactive .i-confirm, .transact-page-inactive .verify-button, .transact-page-inactive .sip-invest-page-five .i-confirm, .sip-invest-page-five .transact-page-inactive .i-confirm, .transact-page-inactive .nri-ok {
            background: #d4d6d8;
            box-shadow: none;
            color: #bdbdbd;
        }

    .transact-page-inactive .select-label:before, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .select-label:before {
        background: #e9eaeb;
    }

    .transact-page-inactive .folioHeading, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .folioHeadingActive {
        background: #989b9e;
    }

    .transact-page-inactive .folioContent, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        background: #e9eaeb;
    }

    .transact-page-inactive textarea, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive textarea.address-input, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive textarea.bank-address, .transact-page-inactive .selectboxit, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .transact-nav, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .latestnav, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .transact-list, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .add-app-button, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        background: #e0e0e0;
        color: #6b7176;
    }

        .transact-page-inactive .nri-link, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .transact-nav, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .latestnav, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .transact-list, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .fa-list, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .transact-text span, .transact-page-inactive .transact-text .invest-page-three, .transact-page-inactive .transact-text .finish-fti-three, .transact-page-inactive .transact-text .popup, .transact-page-inactive .form-details, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .bank-form-details, .transact-page-inactive .selectboxit-container span, .transact-page-inactive .selectboxit-container .invest-page-three, .transact-page-inactive .selectboxit-container .finish-fti-three, .transact-page-inactive .selectboxit-container .popup, .transact-page-inactive .selectboxit .selectboxit-arrow-container .selectboxit-default-arrow:after, .transact-page-inactive .selectboxit .selectboxit-arrow-container .invest-page-three, .transact-page-inactive .selectboxit .selectboxit-arrow-container .finish-fti-three, .transact-page-inactive .selectboxit .selectboxit-arrow-container .popup, .transact-page-inactive .add-app-button, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .bank-details-heading, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .detail-heading, .transact-page-inactive .generate-pin-link, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .back-option, .transact-page-inactive .back, .transact-page-inactive .gen-link {
            color: #cbcbcb;
        }

    .transact-page-inactive .center-text, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        color: #999;
        text-align: center;
    }

    .transact-page-inactive .form-title, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .agree-button, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .last-broker-code-num, .transact-page-inactive .reg-success-login, .transact-page-inactive .second-applicant, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup, .transact-page-inactive .add-applicant, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        color: #999;
        text-align: left;
    }

    .transact-page-inactive .jvFloat .active, .transact-page-inactive .jvFloat .invest-page-three, .transact-page-inactive .jvFloat .finish-fti-three, .transact-page-inactive .jvFloat .popup {
        color: #bdbdbd;
    }

    .transact-page-inactive .selectboxit, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        background: transparent;
        border-bottom: 1px solid #cacaca !important;
    }

    .transact-page-inactive .selectboxit-text.baba, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
        color: #bdbdbd !important;
    }

.transact-page-active {
    pointer-events: auto;
    background: #fff;
    color: #5b5f64;
}

    .transact-page-active .half-circle {
        background: #5b5f64;
    }

    .transact-page-active .half-circle-done {
        background: #00c277;
    }

    .transact-page-active .back-option {
        visibility: visible;
        width: auto;
    }

    .transact-page-active .transact-select-box, .transact-page-active input.transact-input-box, .transact-page-active input.sip-tab-container, .transact-page-active input.sip-from-date, .transact-page-active input.sip-to-date, .transact-page-active input.sip-debit, .transact-page-active input.empty-text, .transact-page-active input.verify-login, .transact-page-active input.address-input, .transact-page-active input.bank-address, .transact-page-active input#sip-tab1.sip-from-date, .transact-page-active input#sip-tab1.sip-to-date, .transact-page-active input.sip-to-date#switch-tab1, .transact-page-active input.sip-to-date#switch-tab2, .transact-page-active input.sip-to-date#redeem-tab1, .transact-page-active input.sip-to-date#redeem-tab2, .transact-page-active input.sip-from-date#switch-tab1, .transact-page-active input#switch-tab1.sip-to-date, .transact-page-active input.sip-from-date#switch-tab2, .transact-page-active input#switch-tab2.sip-to-date, .transact-page-active input.sip-from-date#redeem-tab1, .transact-page-active input#redeem-tab1.sip-to-date, .transact-page-active input.sip-from-date#redeem-tab2, .transact-page-active input#redeem-tab2.sip-to-date, .transact-page-active .first-invest-select-box {
        background: none;
        color: #5b5f64;
        font-family: open_sanssemibold;
        border: 0;
        border-bottom: 1px solid #5b5f64;
    }

    .transact-page-active .transact-input-box, .transact-page-active .sip-tab-container, .transact-page-active .sip-from-date, .transact-page-active .sip-to-date, .transact-page-active .sip-debit, .transact-page-active .empty-text, .transact-page-active .verify-login, .transact-page-active .address-input, .transact-page-active .bank-address, .transact-page-active #sip-tab1.sip-from-date, .transact-page-active #sip-tab1.sip-to-date, .transact-page-active .sip-to-date#switch-tab1, .transact-page-active .sip-to-date#switch-tab2, .transact-page-active .sip-to-date#redeem-tab1, .transact-page-active .sip-to-date#redeem-tab2, .transact-page-active .sip-from-date#switch-tab1, .transact-page-active #switch-tab1.sip-to-date, .transact-page-active .sip-from-date#switch-tab2, .transact-page-active #switch-tab2.sip-to-date, .transact-page-active .sip-from-date#redeem-tab1, .transact-page-active #redeem-tab1.sip-to-date, .transact-page-active .sip-from-date#redeem-tab2, .transact-page-active #redeem-tab2.sip-to-date, .transact-page-active textarea.address-input, .transact-page-active textarea.bank-address {
        cursor: text;
        background: none;
        color: #5b5f64;
        font-family: open_sanssemibold;
        border: 0;
        border-bottom: 1px solid #5b5f64;
    }

    .transact-page-active textarea.address-input, .transact-page-active textarea.bank-address {
        border: 1px solid #5b5f64;
        margin-top: 20px;
    }



    .transact-page-active .proceed-box, .transact-page-active .new-sip, .transact-page-active .green-button, .transact-page-active .invest-page-two .euin-declaration-confirm, .invest-page-two .transact-page-active .euin-declaration-confirm, .transact-page-active .invest-page-two .terms-i-agree, .invest-page-two .transact-page-active .terms-i-agree, .transact-page-active .invest-page-three .i-confirm, .invest-page-three .transact-page-active .i-confirm, .transact-page-active .finish-fti-three .i-confirm, .finish-fti-three .transact-page-active .i-confirm, .transact-page-active .popup .i-confirm, .popup .transact-page-active .i-confirm, .transact-page-active .verify-button, .transact-page-active .sip-invest-page-five .i-confirm, .sip-invest-page-five .transact-page-active .i-confirm, .transact-page-active .nri-ok {
        background: #5b5f64;
        color: #fff;
    }

    .transact-page-active .select-label:before, .transact-page-active .select-label:before {
        background: #fff;
    }

    .transact-page-active .new-sip {
        background: #d4d6d8;
        box-shadow: none;
        color: #666666;
    }

        .transact-page-active .new-sip:hover {
            background: #666666;
            color: #fff;
        }

    .transact-page-active .form-title {
        text-align: left;
        color: #5b5f64;
    }

    .transact-page-active .jvFloat .placeHolder {
        color: #ff9900;
    }

.form-title {
    font-family: open_sansbold;
}

.jvFloat .placeHolder {
    left: 5px;
    width: auto;
    font-size: 10px;
    font-family: open_sanssemibold;
}

.half-circle-done {
    background: #00c277;
}

.form-filled {
    border: 2px solid #00c277;
}

.transact-text {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
}

.select-label {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-top: 1.25rem;
}

.select-label-test {
    position: relative;
    width: auto;
    margin-top: 20px;
    margin-top: 1.25rem;
}

.invest-page-one {
    padding-top: 40px;
    padding-top: 2.5rem;
}

    .invest-page-one .invest-page-one-form {
        min-height: 75.5%;
    }

.invest-page.invest-page-two .form-details, .invest-page.invest-page-two .bank-form-details, .invest-page.invest-page-two .next-box-container, .switch-page.invest-page-two .form-details, .stp-page.invest-page-two .form-details, .switch-page.invest-page-two .bank-form-details, .stp-page.invest-page-two .bank-form-details, .switch-page.invest-page-two .next-box-container, .stp-page.invest-page-two .next-box-container, .redeem-page.invest-page-two .form-details, .redeem-page.invest-page-two .bank-form-details, .redeem-page.invest-page-two .next-box-container {
    display: none;
}

.invest-page.invest-page-two .before-click, .switch-page.invest-page-two .before-click, .stp-page.invest-page-two .before-click, .redeem-page.invest-page-two .before-click {
    display: block;
}

.invest-page.invest-page-two.transact-page-active .form-details, .invest-page.invest-page-two.transact-page-active .bank-form-details, .invest-page.invest-page-two.transact-page-active .next-box-container, .invest-page.invest-page-two.form-filled .form-details, .invest-page.invest-page-two.form-filled .bank-form-details, .invest-page.invest-page-two.form-filled .next-box-container, .switch-page.invest-page-two.transact-page-active .form-details, .stp-page.invest-page-two.transact-page-active .form-details, .switch-page.invest-page-two.transact-page-active .bank-form-details, .stp-page.invest-page-two.transact-page-active .bank-form-details, .switch-page.invest-page-two.transact-page-active .next-box-container, .stp-page.invest-page-two.transact-page-active .next-box-container, .switch-page.invest-page-two.form-filled .form-details, .stp-page.invest-page-two.form-filled .form-details, .switch-page.invest-page-two.form-filled .bank-form-details, .stp-page.invest-page-two.form-filled .bank-form-details, .switch-page.invest-page-two.form-filled .next-box-container, .stp-page.invest-page-two.form-filled .next-box-container, .redeem-page.invest-page-two.transact-page-active .form-details, .redeem-page.invest-page-two.transact-page-active .bank-form-details, .redeem-page.invest-page-two.transact-page-active .next-box-container, .redeem-page.invest-page-two.form-filled .form-details, .redeem-page.invest-page-two.form-filled .bank-form-details, .redeem-page.invest-page-two.form-filled .next-box-container {
    display: block;
}

.invest-page.invest-page-two.transact-page-active .before-click, .invest-page.invest-page-two.form-filled .before-click, .switch-page.invest-page-two.transact-page-active .before-click, .stp-page.invest-page-two.transact-page-active .before-click, .switch-page.invest-page-two.form-filled .before-click, .stp-page.invest-page-two.form-filled .before-click, .redeem-page.invest-page-two.transact-page-active .before-click, .redeem-page.invest-page-two.form-filled .before-click {
    display: none;
}

.invest-page.invest-page-three .form-details, .invest-page.invest-page-three .bank-form-details, .invest-page.invest-page-three .next-box-container, .switch-page.invest-page-three .form-details, .stp-page.invest-page-three .form-details, .switch-page.invest-page-three .bank-form-details, .stp-page.invest-page-three .bank-form-details, .switch-page.invest-page-three .next-box-container, .stp-page.invest-page-three .next-box-container, .redeem-page.invest-page-three .form-details, .redeem-page.invest-page-three .bank-form-details, .redeem-page.invest-page-three .next-box-container {
    display: none;
}

.invest-page.invest-page-three .before-click, .switch-page.invest-page-three .before-click, .stp-page.invest-page-three .before-click, .redeem-page.invest-page-three .before-click {
    display: block;
}

.invest-page.invest-page-three.transact-page-active .form-details, .invest-page.invest-page-three.transact-page-active .bank-form-details, .invest-page.invest-page-three.transact-page-active .next-box-container, .invest-page.invest-page-three.form-filled .form-details, .invest-page.invest-page-three.form-filled .bank-form-details, .invest-page.invest-page-three.form-filled .next-box-container, .switch-page.invest-page-three.transact-page-active .form-details, .stp-page.invest-page-three.transact-page-active .form-details, .switch-page.invest-page-three.transact-page-active .bank-form-details, .stp-page.invest-page-three.transact-page-active .bank-form-details, .switch-page.invest-page-three.transact-page-active .next-box-container, .stp-page.invest-page-three.transact-page-active .next-box-container, .switch-page.invest-page-three.form-filled .form-details, .stp-page.invest-page-three.form-filled .form-details, .switch-page.invest-page-three.form-filled .bank-form-details, .stp-page.invest-page-three.form-filled .bank-form-details, .switch-page.invest-page-three.form-filled .next-box-container, .stppage.invest-page-three.form-filled .next-box-container, .redeem-page.invest-page-three.transact-page-active .form-details, .redeem-page.invest-page-three.transact-page-active .bank-form-details, .redeem-page.invest-page-three.transact-page-active .next-box-container, .redeem-page.invest-page-three.form-filled .form-details, .redeem-page.invest-page-three.form-filled .bank-form-details, .redeem-page.invest-page-three.form-filled .next-box-container {
    display: block;
}

.invest-page.invest-page-three.transact-page-active .before-click, .invest-page.invest-page-three.form-filled .before-click, .switch-page.invest-page-three.transact-page-active .before-click, .stp-page.invest-page-three.transact-page-active .before-click, .switch-page.invest-page-three.form-filled .before-click, .stp-page.invest-page-three.form-filled .before-click, .redeem-page.invest-page-three.transact-page-active .before-click, .redeem-page.invest-page-three.form-filled .before-click {
    display: none;
}

.sip-plan-page {
    padding-left: 90px;
    padding-left: 5.625rem;
    padding-right: 90px;
    padding-right: 5.625rem;
}

    .sip-plan-page.transact-page-inactive, .sip-plan-page.invest-page-three, .sip-plan-page.finish-fti-three, .sip-plan-page.popup {
        margin-left: 7px;
        margin-left: 0.4375rem;
    }

.switch-page .form-details, .stp-page .form-details, .switch-page .bank-form-details, .stp-page .bank-form-details, .redeem-page .form-details, .redeem-page .bank-form-details {
    min-height: 90%;
}

.green-button, .invest-page-two .euin-declaration-confirm, .invest-page-two .terms-i-agree, .invest-page-three .i-confirm, .finish-fti-three .i-confirm, .popup .i-confirm, .verify-button {
    background: #00c277;
}

.invest-page-two {
    margin-left: 7px;
    margin-left: 0.4375rem;
    margin-right: 7px;
    margin-right: 0.4375rem;
    padding-top: 40px;
    padding-top: 2.5rem;
}

    .invest-page-two .terms-i-agree {
        margin-top: 52px;
        margin-top: 3.25rem;
    }

    .invest-page-two .transact-select-box:first-child, .invest-page-two input.transact-input-box:first-child, .invest-page-two input.sip-tab-container:first-child, .invest-page-two input.sip-from-date:first-child, .invest-page-two input.sip-to-date:first-child, .invest-page-two input.sip-debit:first-child, .invest-page-two input.empty-text:first-child, .invest-page-two input.verify-login:first-child, .invest-page-two input.address-input:first-child, .invest-page-two input.bank-address:first-child, .invest-page-two input#sip-tab1.sip-from-date:first-child, .invest-page-two input#sip-tab1.sip-to-date:first-child, .invest-page-two input.sip-to-date#switch-tab1:first-child, .invest-page-two input.sip-to-date#switch-tab2:first-child, .invest-page-two input.sip-to-date#redeem-tab1:first-child, .invest-page-two input.sip-to-date#redeem-tab2:first-child, .invest-page-two input.sip-from-date#switch-tab1:first-child, .invest-page-two input#switch-tab1.sip-to-date:first-child, .invest-page-two input.sip-from-date#switch-tab2:first-child, .invest-page-two input#switch-tab2.sip-to-date:first-child, .invest-page-two input.sip-from-date#redeem-tab1:first-child, .invest-page-two input#redeem-tab1.sip-to-date:first-child, .invest-page-two input.sip-from-date#redeem-tab2:first-child, .invest-page-two input#redeem-tab2.sip-to-date:first-child, .invest-page-two .first-invest-select-box:first-child {
        margin-top: 10px;
        margin-top: 0.625rem;
    }

    .invest-page-two .select-label, .invest-page-two .select-label {
        position: relative;
        width: 100%;
    }

        .invest-page-two .select-label:before, .invest-page-two .select-label:before {
            right: 6px;
            right: 0.375rem;
            top: 20px;
            top: 1.25rem;
            width: 24px;
            width: 1.5rem;
            height: 22px;
            height: 1.375rem;
            position: absolute;
            pointer-events: none;
            display: block;
            font-size: 20px;
            font-size: 1.25rem;
        }

    .invest-page-two .proceed-box, .invest-page-two .new-sip, .invest-page-two .green-button, .invest-page-two .invest-page-two .euin-declaration-confirm, .invest-page-two .invest-page-two .euin-declaration-confirm, .invest-page-two .invest-page-two .terms-i-agree, .invest-page-two .invest-page-two .terms-i-agree, .invest-page-two .invest-page-three .i-confirm, .invest-page-three .invest-page-two .i-confirm, .invest-page-two .finish-fti-three .i-confirm, .finish-fti-three .invest-page-two .i-confirm, .invest-page-two .popup .i-confirm, .popup .invest-page-two .i-confirm, .invest-page-two .verify-button, .invest-page-two .sip-invest-page-five .i-confirm, .sip-invest-page-five .invest-page-two .i-confirm, .invest-page-two .nri-ok {
        margin-top: 20px;
        margin-top: 1.25rem;
    }

.back-option {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
    width: 100%;
    text-align: left;
    cursor: pointer;
}


.back-option-new {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.back, .back-option {
    font-size: 14px;
    font-size: 0.875rem;
}

.purchase-details, .center-text {
    font-size: 16px;
    font-size: 1rem;
    margin-left: 0;
    color: #666;
    font-family: open_sansbold;
    text-align: center;
}

.purchase-details-page.large-6 {
    margin-left: 0;
}

.invest-page-two.transact-page-inactive, .invest-page-two.invest-page-three, .invest-page-two.finish-fti-three, .invest-page-two.popup {
    padding-top: 41px;
    padding-top: 2.5625rem;
}

.margin-top-6 {
    margin-top: 5px;
    margin-top: 0.3125rem;
}

.margin-top-10 {
    margin-top: 10px;
    margin-top: 0.625rem;
}

.margin-top-15 {
    margin-top: 15px;
    margin-top: 0.9375rem;
}

.margin-top-30 {
    margin-top: 30px;
    margin-top: 1.875rem;
}

.euin-code {
    margin-top: 40px;
    margin-top: 2.5rem;
}

.pay {
    margin-top: 25px;
    margin-top: 1.5625rem;
    font-size: 16px;
    font-size: 1rem;
    font-family: open_sanssemibold;
}

.margin-top-20 {
    margin-top: 20px;
    margin-top: 1.25rem;
}

.declaration-page, .euin-left-blank, .terms-conditions-container, .invest-page-three .confirm-purchase-container, .finish-fti-three .confirm-purchase-container, .popup .confirm-purchase-container, .exit-load, .switch-login-popup-container, .redeem-login-popup-container, .first-investment-popup, .nri-popup, .nri-address-popup, .confirm-purchase-container, .back-sure-popup, .note-popup, .success-popup, .reconfirm-action, .generating-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.95);
    background: #2e3740;
    background: rgba(46, 55, 64, 0.95);
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    color: #d5d6d7;
}

.euin-left-blank {
    text-align: center;
    pointer-events: auto;
}

.euin-left-blank-text {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    margin-top: 25%;
}

.euin-declaration-text {
    font-weight: 12px;
    font-weight: 0.75rem;
    margin-top: 30px;
    margin-top: 1.875rem;
}

.terms-conditions-container {
    pointer-events: auto;
    padding-top: 35%;
}

.terms-text {
    font-size: 14px;
    font-size: 0.875rem;
}

.i-approve {
    margin-top: 30px;
    margin-top: 1.875rem;
}

.disclaimer {
    font-size: 9px;
    font-size: 0.5625rem;
    font-style: italic;
}

#sip-invest-two {
    margin-right: 0;
    margin-left: 7px;
}

.invest-page-three, .finish-fti-three, .popup {
    font-size: 14px;
    font-size: 0.875rem;
}

    .invest-page-three .i-confirm, .finish-fti-three .i-confirm, .popup .i-confirm {
        margin-top: 63px;
        margin-top: 3.9375rem;
    }

    .invest-page-three .back-option, .finish-fti-three .back-option, .popup .back-option {
        font-size: 12px;
        font-size: 0.75rem;
    }

        .invest-page-three .back-option .fa, .finish-fti-three .back-option .fa, .popup .back-option .fa {
            font-size: 12px;
            font-size: 0.75rem;
        }

    .invest-page-three .trans-request-num, .finish-fti-three .trans-request-num, .popup .trans-request-num {
        padding: 15px;
        padding: 0.9375rem;
        text-align: center;
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: bold;
        color: #fff;
        border: 0.0625rem solid #9ea0a1;
    }

    .invest-page-three .helpline-container, .finish-fti-three .helpline-container, .popup .helpline-container {
        margin-top: 40px;
        margin-top: 2.5rem;
        width: 62%;
    }

    .invest-page-three .helpline-call, .finish-fti-three .helpline-call, .popup .helpline-call {
        color: #00c277;
    }

        .invest-page-three .helpline-call.fa-envelope, .finish-fti-three .helpline-call.fa-envelope, .popup .helpline-call.fa-envelope {
            display: block;
            float: left;
        }

    .invest-page-three .helpline-num, .finish-fti-three .helpline-num, .popup .helpline-num {
        margin-left: 10px;
        margin-left: 0.625rem;
    }

    .invest-page-three .user-details-page, .finish-fti-three .user-details-page, .popup .user-details-page {
        height: 100%;
    }

    .invest-page-three .toll-free, .finish-fti-three .toll-free, .popup .toll-free {
        font-size: 11px;
        font-size: 0.6875rem;
        color: #a5a8aa;
    }

.important {
    margin-top: 40px;
    margin-top: 2.5rem;
    width: 90%;
}

.imp {
    font-size: 14px;
    font-size: 0.875rem;
}

.imp-note, .euin-declaration-text {
    color: #bcbcbc;
    font-size: 12px;
    font-size: 0.75rem;
}

.sip-invest-page-one .new-sip {
    width: 100%;
}

#invest-two {
    margin-left: 0;
}

.sip-invest-page-three {
    padding-top: 60px;
    padding-top: 3.75rem;
}

.sip-tab-container {
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
}

.sip-tab-holder, .switch-tab-holder, .redeem-tab-holder {
    height: 100%;
    text-decoration: none;
}

#sip-tabs, #switch-tabs, #redeem-tabs {
    border: none;
    width: auto;
    background: none;
}

#sip-tab1, #switch-tab1, #switch-tab2, #redeem-tab1, #redeem-tab2, #sip-tab2 {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
}

    #sip-tab1 .transact-input-box.sip-input, #sip-tab1 #switch-tab1, #sip-tab1 #switch-tab2, #sip-tab1 #redeem-tab1, #sip-tab1 #redeem-tab2, #sip-tab1 .sip-input.sip-tab-container, #sip-tab1 .sip-input.sip-from-date, #sip-tab1 .sip-input.sip-to-date, #sip-tab1 .sip-input.sip-debit, #sip-tab1 .sip-input.empty-text, #sip-tab1 .sip-input.verify-login, #sip-tab1 .sip-input.address-input, #sip-tab1 .sip-input.bank-address, #sip-tab1 .sip-input#sip-tab1.sip-from-date, #sip-tab1 .sip-input#sip-tab1.sip-to-date, #sip-tab1 .sip-input.sip-to-date#switch-tab1, #sip-tab1 .sip-input.sip-to-date#switch-tab2, #sip-tab1 .sip-input.sip-to-date#redeem-tab1, #sip-tab1 .sip-input.sip-to-date#redeem-tab2, #sip-tab1 .sip-input.sip-from-date#switch-tab1, #sip-tab1 .sip-input#switch-tab1.sip-to-date, #sip-tab1 .sip-input.sip-from-date#switch-tab2, #sip-tab1 .sip-input#switch-tab2.sip-to-date, #sip-tab1 .sip-input.sip-from-date#redeem-tab1, #sip-tab1 .sip-input#redeem-tab1.sip-to-date, #sip-tab1 .sip-input.sip-from-date#redeem-tab2, #sip-tab1 .sip-input#redeem-tab2.sip-to-date, #sip-tab2 .transact-input-box.sip-input, #sip-tab2 .sip-input.sip-tab-container, #sip-tab2 .sip-input.sip-from-date, #sip-tab2 .sip-input.sip-to-date, #sip-tab2 .sip-input.sip-debit, #sip-tab2 .sip-input.empty-text, #sip-tab2 .sip-input.verify-login, #sip-tab2 .sip-input.address-input, #sip-tab2 .sip-input.bank-address, #sip-tab2 .sip-input#sip-tab1.sip-from-date, #sip-tab2 .sip-input#sip-tab1.sip-to-date, #sip-tab2 .sip-input.sip-to-date#switch-tab1, #sip-tab2 .sip-input.sip-to-date#switch-tab2, #sip-tab2 .sip-input.sip-to-date#redeem-tab1, #sip-tab2 .sip-input.sip-to-date#redeem-tab2, #sip-tab2 .sip-input.sip-from-date#switch-tab1, #sip-tab2 .sip-input#switch-tab1.sip-to-date, #sip-tab2 .sip-input.sip-from-date#switch-tab2, #sip-tab2 .sip-input#switch-tab2.sip-to-date, #sip-tab2 .sip-input.sip-from-date#redeem-tab1, #sip-tab2 .sip-input#redeem-tab1.sip-to-date, #sip-tab2 .sip-input.sip-from-date#redeem-tab2, #sip-tab2 .sip-input#redeem-tab2.sip-to-date {
        cursor: text;
        margin-top: 20px;
        margin-top: 1.25rem;
        width: 100%;
    }

.sip-plan-page .sip-tab, .sip-plan-page .switch-tab, .sip-plan-page .redeem-tab, .stp-tab {
    width: 50%;
}

.sip-tab, .switch-tab, .redeem-tab, .stp-tab {
    width: 47.5%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    text-align: center;
    border: 0.0625rem solid #aaa;
}

.ui-tabs {
    width: 49%;
    border: none;
    background: #d4d6d8;
}

    .ui-tabs a {
        text-decoration: none;
        outline: none;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: bold;
        letter-spacing: 1.2px;
        color: #bbb;
    }

        .ui-tabs a :active {
            text-decoration: none;
        }

.ui-tabs-anchor {
    font-size: 12px;
    font-size: 0.75rem;
}

.ui-tabs-active {
    background: #b8c8d7;
    color: #333;
}

    .ui-tabs-active a {
        text-decoration: none;
        font-size: 12px;
        font-size: 0.75rem;
        color: #333;
    }

.ui-state-default {
    background: #d4d6d8;
    border: none;
}

.ui-state-active {
    background: #b8c8d7;
    border: none;
}

.sip-pl-holder, .sip-from, .sip-to, .sip-debit {
    height: 100%;
    margin: 0;
    outline: none;
    border: none;
    background: transparent;
    padding: 8px;
    padding: 0.5rem;
}

.sip-amt {
    width: 100%;
}

.sip-from-date, .sip-to-date {
    margin-top: 0;
    width: 49%;
    border: none;
}

.min {
    font-size: 12px;
    font-size: 0.75rem;
}

.enrolment-period {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 40px;
    margin-top: 2.5rem;
}

.margin-0 {
    margin: 0;
}

.sip-invest-page-four {
    margin-left: 7px;
    margin-left: 0.4375rem;
}

.investor-name {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

.italic-text {
    font-style: italic;
    font-size: 12px;
    font-size: 0.75rem;
}

.sip-details {
    width: 100%;
}

    .sip-details span {
        width: 25%;
        margin-right: 15px;
        margin-right: 0.9375rem;
    }

.broker-code-verify span {
    font-size: 12px;
    font-size: 0.75rem;
}

.broker-code-verify .transact-input-box, .broker-code-verify .sip-tab-container, .broker-code-verify .sip-from-date, .broker-code-verify .sip-to-date, .broker-code-verify .sip-debit, .broker-code-verify .empty-text, .broker-code-verify .verify-login, .broker-code-verify .address-input, .broker-code-verify .bank-address, .broker-code-verify #sip-tab1.sip-from-date, .broker-code-verify #sip-tab1.sip-to-date, .broker-code-verify .sip-to-date#switch-tab1, .broker-code-verify .sip-to-date#switch-tab2, .broker-code-verify .sip-to-date#redeem-tab1, .broker-code-verify .sip-to-date#redeem-tab2, .broker-code-verify .sip-from-date#switch-tab1, .broker-code-verify #switch-tab1.sip-to-date, .broker-code-verify .sip-from-date#switch-tab2, .broker-code-verify #switch-tab2.sip-to-date, .broker-code-verify .sip-from-date#redeem-tab1, .broker-code-verify #redeem-tab1.sip-to-date, .broker-code-verify .sip-from-date#redeem-tab2, .broker-code-verify #redeem-tab2.sip-to-date {
    width: 50%;
    outline: none;
    border: none;
    display: block;
    margin-top: 0px;
    height: auto;
}

.note {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
}

    .note span {
        font-size: 10px;
        font-size: 0.625rem;
    }

.sip-invest-page-five {
    width: 98.5%;
}

.urn-details {
    text-align: center;
}

.complete-registration-rules {
    float: left;
    width: 50%;
    padding: 20px;
    padding: 1.25rem;
}

.rules-heading {
    font-size: 14px;
    font-size: 0.875rem;
}

.rules-list {
    list-style-type: disc;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 20px;
    padding: 1.25rem;
}

.urn-num {
    color: #1f9ab3;
    font-style: underline;
}

.copy-text {
    border: 1px solid #aaa;
    background: #1f9ab3;
    margin-left: 10px;
    color: white;
    font-size: 12px;
    padding: 5px;
}

.trn-container {
    width: 45%;
    float: left;
    background: #ccc;
    font-size: 12px;
    margin-top: 40px;
    padding: 15px;
}

    .trn-container .trans-request-num {
        color: #aaa;
        border: none;
    }

.sip-invest-page-five {
    text-align: center;
}

    .sip-invest-page-five .important {
        width: 100%;
        text-align: center;
    }

        .sip-invest-page-five .important .imp {
            font-size: 14px;
            font-size: 0.875rem;
            font-weight: bold;
        }

    .sip-invest-page-five .imp-note, .sip-invest-page-five .euin-declaration-text {
        color: red;
        font-size: 10px;
        font-size: 0.625rem;
        width: 50%;
        margin: 0 auto;
    }

    .sip-invest-page-five .i-confirm {
        width: 50%;
        position: relative;
        left: 25%;
    }

.empty-text {
    border-bottom: 1px solid red !important;
}

.error-form {
    box-shadow: inset 0 0 0 2px red;
}

input.transact-input-box, input.sip-tab-container, input.sip-from-date, input.sip-to-date, input.sip-debit, input.empty-text, input.verify-login, input.address-input, input.bank-address, input#sip-tab1.sip-from-date, input#sip-tab1.sip-to-date, input.sip-to-date#switch-tab1, input.sip-to-date#switch-tab2, input.sip-to-date#redeem-tab1, input.sip-to-date#redeem-tab2, input.sip-from-date#switch-tab1, input#switch-tab1.sip-to-date, input.sip-from-date#switch-tab2, input#switch-tab2.sip-to-date, input.sip-from-date#redeem-tab1, input#redeem-tab1.sip-to-date, input.sip-from-date#redeem-tab2, input#redeem-tab2.sip-to-date {
    font-size: 15px;
    font-size: 0.9375rem;
    border: 0;
    background: none;
    border-bottom: 1px solid #5b5f64;
    padding-bottom: 0px;
    cursor: text;
    color: #5b5f64;
    padding-left: 5px;
}

.navContainer p {
    font-size: 10px;
    font-size: 0.625rem;
    color: #666666;
    font-family: open_sansbold;
}

.nav-left-arrow, .nav-right-arrow {
    width: 10px;
    width: 0.625rem;
}

.switch-page {
    height: 700px;
    height: 43.75rem;
}

.stp-page {
    height: 700px;
    height: 43.75rem;
}

.invest-page-one .show-for-switch, .invest-page-two .show-for-switch, .invest-page-three .show-for-switch {
    display: none;
}

.invest-page-one .show-for-stp, .invest-page-two .show-for-stp, .invest-page-three .show-for-stp {
    display: none;
}

.invest-page-one .show-for-redeem, .invest-page-two .show-for-redeem, .invest-page-three .show-for-redeem {
    display: none;
}

.switch-page-two {
    margin-left: 7px;
    margin-left: 0.4375rem;
    margin-right: 7px;
    margin-right: 0.4375rem;
}

.switch-page .dividendBox, .switch-page .lightDiv, .switch-page .darkDiv, .switch-page .showgraph, .switch-page .tranStatContainer .textdb, .tranStatContainer .switch-page .textdb, .switch-page .timeline, .switch-page .percentDiv, .switch-page .equity, .switch-page .debt, .switch-page .liquid, .switch-page .hideGraph {
    width: 50%;
    padding-left: 10px;
    padding-left: 0.625rem;
}

.stp-page .dividendBox, .stp-page .lightDiv, .stp-page .darkDiv, .stp-page .showgraph, .stp-page .tranStatContainer .textdb, .tranStatContainer .stp-page .textdb, .stp-page .timeline, .stp-page .percentDiv, .stp-page .equity, .stp-page .debt, .stp-page .liquid, .stp-page .hideGraph {
    width: 50%;
    padding-left: 10px;
    padding-left: 0.625rem;
}

.switch-page .folioContent {
    height: auto;
}

.stp-page .folioContent {
    height: auto;
}

.switch-page .show-for-switch, .switch.transact-tab-active .show-for-switch {
    display: block;
}

.stp-page .show-for-stp, .stp.transact-tab-active .show-for-stp {
    display: block;
}

.switch-page .not-for-switch, .switch.transact-tab-active .not-for-switch {
    display: none;
}


.stp-page .not-for-stp, .stp.transact-tab-active .not-for-stp {
    display: none;
}

.switch-page .sw-note, .switch.transact-tab-active .sw-note {
    color: #666666;
    font-size: 12px;
    font-size: 0.75rem;
}

.switch-page .show-for-redeem, .switch.transact-tab-active .show-for-redeem {
    display: none;
}

.redeem-page {
    height: 600px;
    height: 37.5rem;
}

.switch-tab, .redeem-tab, .stp-tab {
    width: 49.5%;
}

.user-details-page .i-confirm {
    background: #5b5f64;
}

.redeem-page .not-for-redeem {
    display: none;
}

.redeem-page .show-for-redeem {
    display: block;
}

.redeem-page .show-for-switch {
    display: none;
}

.exit-load {
    text-align: center;
    pointer-events: auto;
}

    .exit-load .exit-load-confirm {
        background: #00c277;
    }

.switch-login-popup-container, .redeem-login-popup-container {
    top: auto;
    left: auto;
    z-index: 10;
    padding: 100px;
    padding: 6.25rem;
    width: 100%;
    height: 100%;
}

.form-container .proceed-box .font14, .form-container .proceed-box .new-sip, .form-container .proceed-box .green-button, .form-container .proceed-box .invest-page-two .euin-declaration-confirm, .invest-page-two .form-container .proceed-box .euin-declaration-confirm, .form-container .proceed-box .invest-page-two .terms-i-agree, .invest-page-two .form-container .proceed-box .terms-i-agree, .form-container .proceed-box .invest-page-three .i-confirm, .invest-page-three .form-container .proceed-box .i-confirm, .form-container .proceed-box .finish-fti-three .i-confirm, .finish-fti-three .form-container .proceed-box .i-confirm, .form-container .proceed-box .popup .i-confirm, .popup .form-container .proceed-box .i-confirm, .form-container .proceed-box .verify-button, .form-container .proceed-box .sip-invest-page-five .i-confirm, .sip-invest-page-five .form-container .proceed-box .i-confirm, .form-container .proceed-box .nri-ok, .form-container .proceed-box .annualReturn {
    color: #fff;
}

.switch-page .font14, .stp-page .font14, .switch-page .annualReturn, .stp-page .annualReturn, .redeem-page .font14, .redeem-page .annualReturn {
    color: #333333;
}

.transact-login-container {
    width: 100%;
}

.b4-proceeding {
    font-size: 22px;
    font-size: 1.375rem;
}

.generate-pin1, .add-folio-generate-pin {
    width: 165px;
    width: 10.3125rem;
    padding: 8px;
    padding: 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    text-align: center;
    background: #d4d6d8;
    color: #333;
    cursor: pointer;
}

.verify-pin {
    font-size: 16px;
    font-size: 1rem;
}

.verify-login {
    width: 260px;
    width: 16.25rem;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 8px;
    padding: 0.5rem;
}

.verify-button {
    width: 260px;
    width: 16.25rem;
}

.enter-pin-transact {
    width: 260px;
    width: 16.25rem;
    padding: 8px;
    padding: 0.5rem;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    outline: none;
    color: #fff !important;
}

.transact-tab-dropdown {
    pointer: cursor;
}

.user-acc-container {
    background: #e1e;
}

.folio-transact-tab, .folio-transact-tab-active {
    background: #fff;
    border: 0.25rem solid #e3e9ef;
    color: #000;
    line-height: 1.2;
    cursor: pointer;
}

    .folio-transact-tab:hover, .folio-transact-tab-active:hover {
        background: #e6eaed;
        border: none;
        line-height: 2;
    }

.show-for-switch .lightDiv, .show-for-switch .darkDiv {
    text-align: center;
}

.show-for-stp .lightDiv, .show-for-stp .darkDiv {
    text-align: center;
}

.show-for-switch .lightDiv.latestnav {
    width: 50%;
    height: 55px;
    height: 3.4375rem;
    padding-left: 10px;
    padding-left: 0.625rem;
}

.show-for-stp .lightDiv.latestnav {
    width: 50%;
    height: 55px;
    height: 3.4375rem;
    padding-left: 10px;
    padding-left: 0.625rem;
}

.show-for-switch .nav {
    overflow: hidden;
    padding-right: 0px;
    padding-right: 0;
    padding-left: 0px;
    padding-left: 0;
}

.show-for-stp .nav {
    overflow: hidden;
    padding-right: 0px;
    padding-right: 0;
    padding-left: 0px;
    padding-left: 0;
}

.form-filled .fa {
    color: #cbcbcb;
}

.redeem-page .lightDiv, .redeem-page .darkDiv {
    text-align: center;
    width: 50%;
    height: 55px;
    height: 3.4375rem;
    padding-left: 10px;
    padding-left: 0.625rem;
}

.redeem-page .nav {
    overflow: hidden;
    padding-right: 0px;
    padding-right: 0;
    padding-left: 0px;
    padding-left: 0;
}

.folio-transact-tab-active {
    background: #e3e9ef;
    line-height: 1.4;
}

@media (max-width: 18.75em) {
    html {
        font-size: 65%;
    }

    .logo-db {
        margin-left: auto;
    }

    .transact-blue-text {
        margin-left: 0;
        font-size: 0.875rem;
        padding-top: 6%;
    }

    .forms-header {
        height: auto;
    }

    .growthArrow {
        background-size: contain;
        margin: 0;
    }
}

@media (max-width: 40em) {
    html {
        font-size: 75%;
    }

    .logo-db {
        margin-left: auto;
        width: 90%;
    }

    .transact-blue-text {
        margin-left: auto;
        font-size: 14px;
        font-size: 0.875rem;
        margin-left: 0 !important;
    }

    .forms-header {
        height: auto;
    }

    .folioState {
        background-size: contain;
    }

    .folioContent, .form-container, .transact-container, .sip-transact-container {
        font-size: 80%;
    }

    .folioHeadingActive .folioState {
        background-size: contain;
    }

    .dividendContainer.small-screen {
        display: none;
        height: auto;
    }

        .dividendContainer.small-screen .dividendBox, .dividendContainer.small-screen .lightDiv, .dividendContainer.small-screen .darkDiv, .dividendContainer.small-screen .showgraph, .dividendContainer.small-screen .tranStatContainer .textdb, .tranStatContainer .dividendContainer.small-screen .textdb, .dividendContainer.small-screen .timeline, .dividendContainer.small-screen .percentDiv, .dividendContainer.small-screen .equity, .dividendContainer.small-screen .debt, .dividendContainer.small-screen .liquid, .dividendContainer.small-screen .hideGraph {
            width: 50%;
        }

    .folio-transact-tab, .folio-transact-tab-active {
        width: 32%;
        cursor: pointer;
    }

    .growthArrow {
        background-size: contain;
        margin: 5px;
        width: 18px;
        width: 1.125rem;
        height: 18px;
        height: 1.125rem;
    }
}

.show-forswitch-out {
    font-size: 16px;
    font-size: 1rem;
    font-family: open_sanssemibold;
    color: #666;
}

.show-forstp-out {
    font-size: 16px;
    font-size: 1rem;
    font-family: open_sanssemibold;
    color: #666;
}

.fti-form-five .form-details, .fti-form-five .bank-form-details {
    padding-top: 15px;
    padding-top: 0.9375rem;
}

@media (max-width: 64em) {
    .logo-db {
        margin-left: auto;
        width: 90%;
    }

    .transact-blue-text {
        margin-left: auto;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .button-medium.folio-add {
        margin-bottom: 10px;
    }
}

@media (min-width: 64em) {
    .large-4 {
        width: 31.8%;
    }

    .large-44 {
        width: 33.8%;
    }

    .large-6 {
        width: 49.7%;
    }
}

@media (min-width: 40em) and (max-width: 64em) {
    .medium-6 {
        width: 48.9%;
    }
}

.maintabsContainerprofile {
    color: #fff;
    padding: 0;
}

.profiletab {
    background: #ff9900;
    border-right: 1px solid #fff;
    color: #fff;
    font-family: open_sanssemibold;
    letter-spacing: 1.2px;
}

    .profiletab:last-child {
        border-right: none;
    }

.myProfileContainer {
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    border: 1px solid #bdbdbd;
    padding: 15px;
    padding: 0.9375rem;
}

.contentcontainer {
    width: 100%;
    background: #fff;
    font-family: 'Open Sans', sans-serif !important;
    padding: 15px;
    padding: 0.9375rem;
    padding-left: 22px;
    padding-left: 1.375rem;
    padding-right: 22px;
    padding-right: 1.375rem;
}

.myProfilewrapper {
    padding-right: 0;
    padding-left: 0;
}

.editContainer, .non-editContainer {
    padding: 30px;
    padding: 1.875rem;
    background: #fff;
    position: relative;
    width: 100%;
    border: 5px solid #e7ecf0;
    box-shadow: 2px 2px 4px 2px #ccc;
}

.kyc-margin {
    margin-top: 5px;
}

.inputwrapper, .inputwrapperaddress {
    margin-top: 10px;
    margin-top: 0.625rem;
    font-size: 10px;
    font-size: 0.625rem;
    color: #666666;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: normal;
    height: 65px;
    height: 4.0625rem;
    letter-spacing: 1px;
    font-family: open_sansregular;
}

.inputwrapperaddress {
    width: 100%;
    height: auto;
}

.mediuminput, .mediumplsinput, .smallinput, .largeinput {
    width: 100%;
    padding: 10px;
    padding: 0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
    outline: none;
    color: #333;
    background: #f0f0f0;
    font-family: open_sansregular;
    border: 0px solid;
}

.mediumplsinput {
    width: 100%;
}

.mediumplsinputlst {
    margin-right: 0;
}

.lastbx {
    margin-right: 0px;
}

.smallinput {
    width: 100%;
}

.largeinput {
    width: 100%;
    padding: 10px;
    padding: 0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-family: sans-serif;
    resize: none;
}

.iconedit, .iconeditcancel, .iconeditsave {
    width: 80px;
    width: 5rem;
    height: 30px;
    height: 1.875rem;
    font-size: 11px;
    font-size: 0.6875rem;
    text-align: center;
    font-weight: 700;
    color: #333;
    background: #e2e9f0;
    font-family: open_sansbold;
    letter-spacing: 1.5px;
    line-height: 30px;
    line-height: 1.875rem;
    cursor: pointer;
}

    .iconedit span, .iconedit .iconeditcancel, .iconedit .iconeditsave {
        margin-right: 4px;
        margin-right: 0.25rem;
    }

.iconeditcancel {
    margin-right: 4px;
    margin-right: 0.25rem;
}

.name-container {
    height: 30px;
    height: 1.875rem;
}

.pos-abs {
    position: absolute;
}

.non-editContainer {
    margin-top: 5px;
    margin-top: 0.3125rem;
    width: 100%;
}

.leftcontainer, .rightcontainer {
    float: left;
    font-size: 14px;
    font-size: 0.875rem;
    color: #666;
    margin-top: 20px;
    margin-top: 1.25rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-family: open_sansbold;
}

.width-50 {
    width: 50%;
}

.accnt-type {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.kyc-letter {
    vertical-align: middle;
    color: #bdbdbd;
    padding-top: 2px;
    padding-top: 0.125rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-family: open_sansbold;
    letter-spacing: 1px;
}

/***********************  ACCORDION START********************************/
.checkicon {
    font-size: 7px;
    font-size: 0.4375rem;
    width: 11px;
    width: 0.6875rem;
    line-height: 11px;
    line-height: 0.6875rem;
    height: 11px;
    height: 0.6875rem;
    border-radius: 11px;
    border-radius: 0.6875rem;
    margin-right: 5px;
    margin-right: 0.3125rem;
    padding-left: 1px;
    color: #fff;
    text-align: center;
    background: #00c277;
    display: inline-block;
}

.crossicon, .grey-icon {
    font-size: 7px;
    font-size: 0.4375rem;
    width: 11px;
    width: 0.6875rem;
    line-height: 11px;
    line-height: 0.6875rem;
    height: 11px;
    height: 0.6875rem;
    border-radius: 11px;
    border-radius: 0.6875rem;
    margin-right: 5px;
    margin-right: 0.3125rem;
    color: #fff;
    text-align: center;
    background: #FF0000;
    display: inline-block;
}

.redicon {
    margin-right: 5px;
    margin-right: 0.3125rem;
    color: #FF0000;
}

.grey-icon {
    background: #ccc;
}

.Kycicon {
    font-size: 10px;
    font-size: 0.625rem;
    margin-left: 5px;
    margin-left: 0.3125rem;
    vertical-align: middle;
    color: #bdbdbd;
    float: left;
    line-height: 0;
}

.blck {
    display: block;
    position: relative;
    width: 100%;
}

.iconinptbox {
    position: absolute;
    top: 28px;
    top: 1.75rem;
    right: 13px;
    right: 0.8125rem;
}

.selectbxwrppr {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.investor-select-box {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0.5rem;
    outline: none;
    cursor: pointer;
    border: #999;
    border: none !important;
}

.pos-relative {
    position: relative;
}

.passwordtitle {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    font-family: open_sansregular;
    letter-spacing: 1.3px;
    color: #000;
    font-size: 16px;
    font-size: 1rem;
}

.email {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
}

.passwordmail {
    width: 100%;
    padding: 8px;
    padding: 0.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    outline: none;
    color: #000;
    border: 1px solid #999;
}

.width-48 {
    width: 48%;
}

.passwordcondition {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    text-align: left;
    color: #000;
}

    .passwordcondition > li {
        margin-top: 5px;
        margin-top: 0.3125rem;
        display: block;
        color: #888;
        line-height: 11px;
        line-height: 0.6875rem;
        font-family: open_sansregular;
    }

.passwordbutton {
    width: 150px;
    width: 9.375rem;
    height: 50px;
    height: 3.125rem;
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 25px;
    margin-top: 1.5625rem;
}

.condition {
    font-size: 12px;
    font-size: 0.75rem;
    padding-left: 5px;
    padding-left: 0.3125rem;
    color: #000;
}

.row-padding-left {
    padding-left: 4px;
    padding-left: 0.25rem;
}

.arrow_box_profile {
    position: relative;
}

    .arrow_box_profile:after {
        top: 40px;
        top: 2.5rem;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(7, 9, 10, 0);
        border-top-color: #303f44;
        border-width: 8px;
        margin-left: -8px;
    }

.drpdwn-select {
    border: none;
    width: 100%;
    padding: 10px;
    padding: 0.625rem;
    font-size: 16px;
    font-size: 1rem;
    outline: none;
    background: none;
    background: transparent;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.blueText, .menubar {
    color: #1f9ab3 !important;
    font-weight: bold;
}

.bck-white {
    background: #fff;
    color: #666;
    font-family: open_sanssemibold;
    margin-top: 0;
}

@media (max-width: 24.375em) {
    .logo-db {
        padding-top: 20px;
    }

    .myPortfolio {
        padding: 4px;
        margin-top: 16px;
        margin-left: 12px;
    }

    .iconeditcancel {
        display: none;
    }

    .iconedit, .iconeditcancel, .iconeditsave {
        margin: 4px;
        margin-top: 15px;
    }

    .editContainer, .non-editContainer, .non-editContainer {
        padding: 15px;
    }

    .iconeditsave {
        margin-right: 6px;
        margin-top: 16px;
    }

    .crossicon, .grey-icon {
        padding-left: 2px;
    }

    .inputwrapper, .inputwrapperaddress, .leftcontainer, .rightcontainer, .rightcontainer {
        padding-right: 0;
        padding-left: 0;
    }

    .contentcontainer {
        padding: 0;
    }

    .width-50 {
        width: 100%;
    }
}

.tab-filter {
    padding: 8px;
    padding: 0.5rem;
    min-width: 85px;
    min-width: 5.3125rem;
    margin-right: 2px;
    margin-right: 0.125rem;
    background: #ff9900;
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1.2px;
}

.tab-filter-unactive {
    background: #1f9ab3;
}

.tab-filter.active {
    background: #5b5f64;
}

.statement-action-icon {
    padding: 7px;
    padding: 0.4375rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-right: 10px;
    padding-right: 0.625rem;
    margin-right: 5px;
    margin-right: 0.3125rem;
    background: #e2e5e7;
    color: #5b5f64;
}

.statement-select {
    width: 100%;
    position: relative;
}

.content-statements {
    padding: 20px;
    padding: 1.25rem;
    font-size: 12px;
}

.statement-heading {
    height: 65px;
    height: 4.0625rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 65px;
    line-height: 4.0625rem;
    padding: 0px;
    padding: 0;
    border-bottom: 2px solid #f2f2f2;
    text-align: center;
}

    .statement-heading.blank {
        background: none;
    }

.statement-values {
    height: 65px;
    height: 4.0625rem;
    font-size: 14px;
    font-size: 0.875rem;
    vertical-align: middle;
    text-align: center;
    border-bottom: 2px solid #f2f2f2;
}

.statement-heading:nth-child(odd) {
    background: #caced1;
}

    .statement-heading:nth-child(odd).blank {
        background: none;
    }

.statement-heading:nth-child(even) {
    background: #e6eaed;
}

.uppercase {
    text-transform: uppercase;
}

.table-statement-all-statement {
    padding: 10px;
    padding: 0.625rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fbfbfb;
    color: #5b5f64;
}

.statement-table {
    width: 100%;
    background: none;
}

.statement-values:nth-child(odd) {
    background: #caced1;
}

.statement-values:nth-child(even) {
    background: #e6eaed;
}

.state-date, .state-year {
    display: block;
}

.state-date {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
}

.state-year {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 1.2px;
    line-height: 2;
}

.statement-values-money {
    font-family: open_sanslight;
    font-size: 18px;
    font-size: 1.125rem;
    color: #333;
}

.state-vendor, .state-detail {
    font-size: 12px;
    font-size: 0.75rem;
    margin-left: 20px;
    margin-left: 1.25rem;
    display: block;
    text-align: left;
}

.money-statement {
    font-size: 18px;
    font-size: 1.125rem;
}

    .money-statement:before {
        font-size: 16px;
        font-size: 1rem;
        color: #000;
    }

.fa-repeat, .fa-check-circle {
    color: #FF0000;
    margin-right: 5px;
}

.fa-check-circle {
    color: #00c277;
}

.all-transaction-actionbar {
    text-align: center;
}

.left-actions-all {
    display: inline-block;
    width: 100%;
}

    .left-actions-all .button-calendar {
        height: 35px;
        height: 2.1875rem;
        font-size: 12px;
        font-size: 0.75rem;
        padding: 10px;
        padding: 0.625rem;
        margin-right: 3px;
        margin-right: 0.1875rem;
        background: #f1f1f1;
        cursor: pointer;
    }

        .left-actions-all .button-calendar .fa-calendar {
            margin-left: 5px;
            margin-left: 0.3125rem;
        }

    .left-actions-all .selectboxit {
        display: inline-block;
    }

    .left-actions-all .selectboxit-container {
        float: left;
        margin-right: 3px;
        margin-right: 0.1875rem;
    }

    .left-actions-all .go-button {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 10px;
        padding: 0.625rem;
        width: 140px;
        width: 8.75rem;
        font-family: open_sansbold;
        line-height: 15px;
        line-height: 0.9375rem;
        background: #ff9900;
        color: #fff;
        margin-top: 20px;
        margin-top: 1.25rem;
        cursor: pointer;
    }

    .left-actions-all .spacing-inline-right {
        width: 270px;
        width: 16.875rem;
    }

.action-bar .foliosTab, .action-bar .fourStatContainer {
    border-right: 1px solid #f1f1f1;
}

.all-transaction-box {
    margin-top: 26px;
    margin-top: 1.625rem;
}

.first-col {
    text-align: left;
    padding-left: 15px;
    padding-left: 0.9375rem;
}

.button-calendar {
    text-align: left;
}

.transact-body .current-nav-data {
    top: 365%;
}

.go-data {
    margin-top: 10px;
    margin-top: 0.625rem;
}

.big-border-box {
    border: 5px solid #DADDDF;
}

.small-box {
    width: 143px;
    width: 8.9375rem;
    padding: 10px;
    padding: 0.625rem;
}

.heading-sip, .sip-dealing {
    font-size: 10px;
    font-size: 0.625rem;
    color: #717e8b;
    font-family: open_sansbold;
    text-transform: uppercase;
    letter-spacing: 0;
}

.my-sip-money {
    font-size: 16px;
    font-size: 1rem;
    font-family: open_sansregular;
}

.heading-sip {
    letter-spacing: 1px;
}

.sip-money {
    line-height: 26px;
    line-height: 1.625rem;
    font-family: open_sansbold;
    font-size: 22px;
    font-size: 1.375rem;
    color: #333;
}

    .sip-money .money-statement {
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
    }

        .sip-money .money-statement:before {
            font-weight: 400;
        }

.big-box {
    width: 173px;
    width: 10.8125rem;
    margin-left: 10px;
    margin-left: 0.625rem;
    color: #666666;
    padding: 10px;
    padding: 0.625rem;
}

.sip-total-value {
    font-size: 32px;
    font-size: 2rem;
    color: #333;
}

.button-medium {
    padding: 10px;
    padding: 0.625rem;
    background: #ff9900;
    color: #fff;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.3);
    outline: none;
    border: 0;
    width: 290px;
    text-align: center;
}

    .button-medium .button-inner-text {
        margin-left: 10px;
    }

.start-sip-button {
    margin-top: 20px;
    margin-top: 1.25rem;
}

.dividendContainer {
    width: 100%;
    margin-bottom: 10px;
}

.showGraph {
    background-color: #ededed;
    color: #666666;
    text-align: center;
}

    .showGraph .fa {
        color: #00a2bd;
        padding-top: 18px;
        padding-top: 1.125rem;
    }

.big-border-box {
    margin-top: 10px;
}

.table-statement-all {
    padding: 20px;
    padding: 1.25rem;
    border: 5px solid #d3d6d8;
}

.Monthly_Slip {
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.Amt_Info_Box {
    background-color: #e6eaed;
    color: #333333;
    line-height: 1.9;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    /*padding: 20px;
    padding: 1.73rem;*/
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-family: open_sansregular;
    min-height: 100px;
}

    .Amt_Info_Box .fa {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.7;
    }

    .Amt_Info_Box span {
        font-size: 18px;
        font-size: 1.125rem;
        color: #333;
    }

    .Amt_Info_Box .ps {
        text-transform: lowercase;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .Amt_Info_Box .bank-name {
        font-family: open_sansregular;
        font-size: 16px;
        font-size: 1rem;
        color: #333;
    }

.Dash_Sip_Bckgrnd {
    background-color: white;
    position: relative;
}

.sip_table_hdr {
    line-height: 2;
    color: #333;
    text-align: left;
    font-size: 1rem;
    letter-spacing: 1.4px;
    font-family: open_sansregular;
}

.sip_card_detail {
    margin-top: 10px;
    margin-top: 0.625rem;
}

.sip_Slide_container {
    background-color: #e6eaed;
    padding-top: 44px;
    padding-top: 2.75rem;
    padding-bottom: 98px;
    padding-bottom: 6.125rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    margin-top: 10px;
    margin-top: 0.625rem;
}

.sip_left_slider {
    width: 30%;
    background-color: #caced1;
    height: 4px;
    height: 0.25rem;
    position: relative;
}

.sip_right_slider {
    width: 70%;
    background-color: #9b9ea1;
    height: 4px;
    height: 0.25rem;
    position: relative;
}

    .sip_right_slider .sip_right_slider_dot {
        background-color: #9b9ea1;
    }

.top-text-sipindicator {
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-family: open_sansbold;
}

.sip_slide_spac {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right: 1rem;
    font-size: 15px;
}

.right > .top-text-sipindicator {
    text-align: right;
}

.sip_slide_body {
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem;
}

.sip_strt_pointer {
    font-size: 20px;
    font-size: 1.25rem;
    border-radius: 18px;
    border-radius: 1.125rem;
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
    position: absolute;
    z-index: 10;
}

.sip_right_slider_dot {
    border-radius: 10px;
    border-radius: 0.625rem;
    width: 10px;
    width: 0.625rem;
    margin-top: 4px;
    margin-top: 0.25rem;
    margin-left: 6px;
    margin-left: 0.375rem;
    height: 10px;
    height: 0.625rem;
    background-color: #caced1;
}

.now {
    background-color: #9b9ea1;
}

.sip_strt_pointer_pos {
    top: -7px;
    left: -7px;
}

.sip_now_pointer_pos {
    top: -7px;
    right: -7px;
}

.sip_strt_pointer p {
    font-size: 12px;
    font-size: 0.75rem;
    color: #333;
}

.sip_strt_txt_pos {
    position: absolute;
    left: -16px;
    left: -1rem;
    top: 25px;
    top: 1.5625rem;
    width: 60px;
    width: 3.75rem;
}

.sip_now_txt_pos {
    position: absolute;
    right: -8px;
    right: -0.5rem;
    top: 25px;
    top: 1.5625rem;
}

.sip_end_txt_pos {
    position: absolute;
    right: -22px;
    right: -1.375rem;
    top: 25px;
    top: 1.5625rem;
    width: 60px;
    width: 3.75rem;
}

.table_statement_container {
    padding: 18px;
    padding: 1.125rem;
    border: 1px solid #d3d3d3;
    margin-top: 10px;
    margin-top: 0.625rem;
    background-color: #f5f5f5;
}

.width-20 {
    width: 20%;
}

.graph-fig {
    float: left;
}

    .graph-fig .fa {
        color: #fff;
        float: left;
        padding: 0.5rem;
        margin-top: 8px;
        font-size: 0.625rem;
    }

    .graph-fig .textdb {
        font-family: open_sansbold;
        padding: 13px;
        padding: 0.8125rem;
        padding-left: 0;
        float: left;
    }

.folio-rupee {
    font-family: open_sanssemibold;
    font-size: 16px;
    font-size: 1rem;
    color: #333;
}

.Monthly_Slip {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.hideGraph {
    background: #fff;
    color: #666;
    width: 20.1%;
    height: 64px;
    height: 4rem;
    margin-top: -4px;
    margin-top: -0.25rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    cursor: pointer;
}

    .hideGraph .fa {
        color: #1f9ab3;
        float: left;
        padding: 8px;
        padding: 0.5rem;
        margin-top: 10px;
        margin-top: 0.625rem;
        font-size: 10px;
        font-size: 0.625rem;
    }

    .hideGraph .textdb {
        padding: 15px;
        padding: 0.9375rem;
        padding-left: 0;
        float: left;
    }

.table-statement-all .last-grph-data {
    font-size: 18px;
    font-size: 1.125rem;
}

.consolidate-folio-body {
    padding: 20px;
    padding: 1.25rem;
    font-size: 12px;
    font-size: 0.75rem;
}

.consol_action_container, .consol_action_target {
    list-style-type: none;
    margin-top: 10px;
    margin-top: 0.625rem;
}

.consol_action_options, .consol_action_options_even {
    background-color: #f0f4f7;
    margin-right: 2px;
    line-height: 2;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-top: 1.25rem;
    margin-bottom: 1px;
    margin-bottom: 0.0625rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
}

.consol_action_options_even {
    background-color: #e1e8ef;
}

    .consol_action_options .fa, .consol_action_options_even .fa {
        font-size: 22px;
        color: #666666;
    }

.Folio_Custom_Edit p, .Folio_Customize p {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.Folio_Input_Container {
    margin-right: 40px;
    margin-right: 2.5rem;
    float: left;
}

.Folio_Input {
    color: black;
    width: 100%;
    line-height: 2;
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 5px;
    padding-left: 0.3125rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    border: 1px solid #c2c2c2;
}

.Create_Fldr_Btn {
    width: 100%;
    color: white;
    background-color: #00a2bd;
    text-align: center;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    margin-top: 2px;
    margin-top: 0.125rem;
    line-height: 2.7;
    margin-left: 10px;
    margin-left: 0.625rem;
    cursor: pointer;
    -webkit-print-color-adjust: exact;
}

.consol_action_target .Folio_Input_Container {
    margin-right: 10px;
    margin-right: 0.625rem;
}

.consol_action_target p {
    margin-top: 10px;
    margin-top: 0.625rem;
}

.Authn_Field_Spac {
    margin-top: 25px;
    margin-top: 1.5625rem;
}

.Auth_Fields {
    float: left;
    margin-right: 25px;
    margin-right: 1.5625rem;
    margin-bottom: 75px;
    margin-bottom: 4.6875rem;
}

.Signatur_Field {
    width: 66.7%;
    background-color: #cccccc;
    height: 1px;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    margin-top: 56px;
    margin-top: 3.5rem;
    -webkit-print-color-adjust: exact;
}

.Consolidat_Print_Btn {
    margin-top: 25px;
    margin-top: 1.5625rem;
    line-height: 3;
    color: white;
    background-color: #ff9900;
    text-transform: uppercase;
    text-align: center;
    -webkit-print-color-adjust: exact;
    cursor: pointer;
}

    .Consolidat_Print_Btn a {
        text-decoration: none;
        color: white;
        display: block;
        width: 100%;
        height: 100%;
    }

.Consol_Hdr {
    font-size: 16px;
}

.Customization_txt_spac {
    margin-top: 30px;
    margin-top: 1.875rem;
}

.displayNone {
    display: none;
}

.How_Work_btn {
    color: #7fd0de;
    text-align: center;
    font-weight: bold;
    line-height: 3;
    background-color: white;
    border: 5px solid #e0e5ea;
    text-transform: uppercase;
    margin-top: 10px;
    margin-top: 0.625rem;
    cursor: pointer;
    -webkit-print-color-adjust: exact;
}

.How_Close_Btn {
    background-color: #00a2bd;
    color: white;
    width: 25px;
    width: 1.5625rem;
    height: 25px;
    height: 1.5625rem;
    font-family: cursive;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 2px;
    padding-top: 0.125rem;
    border: 2px solid #7fd0de;
    text-align: center;
    position: absolute;
    right: 20px;
    right: 1.25rem;
    top: 10px;
    top: 0.625rem;
    cursor: pointer;
    -webkit-print-color-adjust: exact;
}

.Print_Display {
    display: none;
}

.Post_Print_Footer {
    position: absolute;
    bottom: 60px;
    height: 150px;
    height: 9.375rem;
    width: 100%;
    background-color: #e0e5ea;
    -webkit-print-color-adjust: exact;
    padding: 10px;
    padding: 0.625rem;
}

.Print_Footer_Hdr {
    font-weight: bold;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.table-statement-all {
    margin-top: 10px;
    margin-top: 0.625rem;
}

@media print {
    .Folio_Input {
        line-height: 3;
        background-color: #f0f0f0;
        -webkit-print-color-adjust: exact;
        font-weight: 200;
        border: 0;
        text-align: center;
    }

    .Conso_Txt {
        color: #333333;
        font-weight: bold;
        font-size: 14px;
        font-size: 0.875rem;
        text-transform: uppercase;
    }

    .table-statement-all {
        border: 0;
    }

    .Print_Hide {
        display: none;
    }

    .Print_Display {
        display: block;
    }

        .Print_Display p {
            margin: 0;
        }

    .Print_inline {
        display: inline !important;
    }

    .table_statement_container {
        border: 0;
        background-color: white;
        padding: 0px;
        padding: 0;
    }

    .Customization_txt_spac {
        color: #333333;
        font-weight: bold;
    }

    .Consol_Head_Spac {
        margin-top: 50px;
        margin-top: 3.125rem;
    }

    .Folio_Custom_Edit {
        border-top: 1px solid #999999;
        padding-left: 0;
    }

    .Auth_Fields {
        width: 40%;
    }

        .Auth_Fields p {
            display: none;
        }

    .Folio_Customize, .Folio_Custom_Edit {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .Folio_Customize_Head {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .table-statement-all {
        padding-left: 0;
    }

    .Print_Head_Spac {
        margin-bottom: 60px;
        margin-bottom: 3.75rem;
    }

    .consolidate-folio-body {
        padding: 40px;
        padding: 2.5rem;
        padding-top: 0;
    }
}

.folio-add {
    padding-left: 25px;
    padding-left: 1.5625rem;
    padding-right: 25px;
    padding-right: 1.5625rem;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 1.2px;
    margin-top: 10px;
    margin-top: 0.625rem;
}

.text-hover {
    background: #333;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    font-size: 12px;
    font-size: 0.75rem;
    width: 250px;
    width: 15.625rem;
    line-height: 20px;
    line-height: 1.25rem;
}

    .text-hover .name-deposit {
        text-align: left;
        display: inline-block;
    }

    .text-hover .money-date-dep {
        text-align: right;
        display: inline-block;
        padding-left: 5px;
    }

    .text-hover .money-date {
        text-align: center;
    }

.canvasContainer {
    position: relative;
}

.tooltip ul li {
    font-size: 12px;
    font-size: 0.75rem;
}

    .tooltip ul li span {
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 15px;
        line-height: 0.9375rem;
    }

.graph-line {
    border: 2px solid #707D88;
    position: relative;
    top: 40px;
    top: 2.5rem;
}

.graph-dots {
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    top: -0.5rem;
    background: #b5c6d6;
}

    .graph-dots .sip_right_slider_dot {
        margin-top: 5px;
        margin-top: 0.3125rem;
        margin-left: 5px;
        margin-left: 0.3125rem;
    }

.dark-blue-bckgrnd {
    background: #365069;
}

.dark-grey-bckgrnd {
    background: #797c80;
}

.graph-dots-text {
    position: relative;
    top: -36px;
    top: -2.25rem;
    position: relative;
    left: -10px;
    left: -0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
}

.commom-lines-graph {
    border: 1px solid #5f6d79;
    height: 10px;
    height: 0.625rem;
    width: 0px;
    width: 0;
    position: absolute;
    top: -5px;
    top: -0.3125rem;
}

.re-invested-lines, .re-sip-lines {
    display: none;
}

.js-reinv-dots.active:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #000;
    position: absolute;
}

.graph-container-folio {
    padding: 10px;
    padding: 0.625rem;
}

.content-without-graph {
    margin-right: 3px;
    margin-right: 0.1875rem;
    width: 79.5%;
    float: left;
}

.Yield_Font .fa {
    font-size: 18px;
    font-size: 1.125rem;
    color: #333;
}

.net-yield {
    font-family: open_sanslight;
    font-size: 18px;
    font-size: 1.125rem;
    color: #333;
}

.eq-type {
    font-family: open_sansregular;
}

.font-bold {
    font-family: open_sansbold;
    letter-spacing: 1px;
}

.title-addfolio {
    letter-spacing: 0.4px;
    font-family: open_sansregular;
}

.form-detail-top-margin {
    margin-top: 25px;
    margin-top: 1.5625rem;
}

.green-text {
    color: #00c277;
}

.table-statement-all .folio-menu-container {
    right: 3.4375rem;
    z-index: 20;
}

.table-statement-all .folioarrowLeft:after {
    top: 10%;
    left: 100%;
    border-right-color: #fff;
    border-left-color: #3b4650;
}

.current-nav-data {
    position: absolute;
    right: 1%;
    top: 300%;
    z-index: 5;
    color: #666666;
    font-size: 12px;
    font-family: open_sansbold;
}

    .current-nav-data .money-date-dep {
        display: inline-block;
    }

    .current-nav-data .fa {
        display: inline-block;
    }

    .current-nav-data .type {
        text-align: center;
        font-size: 8px;
        font-family: open_sansbold;
    }

.nav-slid {
    bottom: 75%;
}

.triangle-arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #00cc66;
    float: right;
    margin-top: 6px;
    margin-right: 5px;
}

.triangle-arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid red;
    float: right;
    margin-top: 6px;
    margin-right: 5px;
}



.margin-top-9 {
    margin-top: 9px;
}

.add-folio-row {
    background: #E0E5E9;
    padding: 30px;
    padding: 1.875rem;
}

.Intro > div {
    cursor: pointer;
}

.Intro-nfo-container {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}

.about-us-slider {
    width: 33.33%;
}

.image-wrapper {
    padding: 23px;
    /*padding: 1.25rem;*/
    /*    padding: 3.25rem; */
    background: transparent;
    -webkit-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}

.Intro-nfo-background {
    /*background: url(../images/leftimg.png) no-repeat;*/
    /*background: url(../images/leftimg.jpg) no-repeat;*/
    /*background: url(../images/leftimage.jpg) no-repeat;*/
    background: url(../images/l1.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    backface-visibility: hidden;
}

.learn-more-normal {
    width: 180px;
    width: 11.25rem;
    margin: -2px auto 0 auto;
}

.learn-more-hover {
    opacity: 0;
    border: 1px solid #333;
    width: 180px;
    width: 11.25rem;
    left: 50%;
    margin-left: -95px;
    margin-left: -5.9375rem;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1);
    position: absolute;
    bottom: 22px;
    bottom: 1.375rem;
    padding-top: 7px;
    padding-top: 0.4375rem;
}

    .learn-more-hover .nfo-Bottom {
        padding-bottom: 12px;
        padding-bottom: 0.75rem;
        padding-top: 0;
    }

.Intro-nfo-container:hover .image-wrapper {
    background-color: #1d97b0;
    background-color: rgba(29, 151, 176, 0.7);
}

    .Intro-nfo-container:hover .image-wrapper .nfo-Introduction, .Intro-nfo-container:hover .image-wrapper .mutual-Fund-Introduction, .Intro-nfo-container:hover .image-wrapper .nfo-Protection, .Intro-nfo-container:hover .image-wrapper .mutual-Fund-Introduction, .Intro-nfo-container:hover .image-wrapper .nfo-Protection, .Intro-nfo-container:hover .image-wrapper .nfo-Bottom, .Intro-nfo-container:hover .image-wrapper .nfo-tick, .Intro-nfo-container:hover .image-wrapper .nfo-active {
        color: #fff;
    }

    .Intro-nfo-container:hover .image-wrapper .border-small {
        border-bottom: 1px solid #fff;
    }

    .Intro-nfo-container:hover .image-wrapper .learn-more-hover {
        border: 1px solid #fff;
    }

.Intro-nfo-container:hover .nfo-Bottom-content {
    opacity: 0;
}

.Intro-nfo-container:hover .learn-more-hover {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.Intro-nfo-container:hover {
    -webkit-transition: all 500ms ease-in-out;
}

.Mutual-Fundcontainer .nfo-tick {
    margin-top: 12px;
}

.mutual-fund-wrapper {
    /*background: url(../images/right.png) no-repeat;*/
    /*background: url(../images/right.png) no-repeat;*/
    /*background: url(../images/right2.jpg) no-repeat;*/
    background: url(../images/r1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    /* padding: 0.1em; */ /* June 19th */
}

    .mutual-fund-wrapper .learn-more-hover {
        height: 67px;
        height: 4.1875rem;
        margin-left: -90px;
        margin-left: -5.625rem;
        bottom: 20px;
        bottom: 1.25rem;
    }

.canera-robeco-img img {
    max-width: 100%;
    /*min-width: 50%;*/
    float: right;
    margin-left: 20px;
    margin-left: 1.25rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

.js-content-load:hover span:first-child {
    text-decoration: underline;
}

.border-grey {
    border: 2px solid #ccc;
    padding: 0;
}

.border-white {
    border: 5px solid #fff;
}

.bottom-Content {
    height: 100%;
    background: #1f9ab3;
}

.bottom-Content-container {
    margin-top: 20px;
    margin-top: 1.25rem;
}

.home-line-height {
    line-height: 2;
}

.display-none {
    display: none !important;
}

.js-bottem-content-wrapper {
    width: 100%;
    border-right: 1px solid #fff;
    float: left;
    height: 100%;
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    cursor: pointer;
    color: #fff;
    text-align: center;
    background: #1f9ab3;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: open_sanslight;
    margin-top: 10px;
    margin-top: 0.625rem;
}

.starfont {
    color: #fff;
    width: 100%;
    padding: 5px;
    padding: 0.3125rem;
    font-size: 30px;
    font-size: 1.875rem;
    text-align: center;
}

.bottemcontentwrapperlast {
    width: 33.33%;
    float: left;
    height: 100%;
}

.lightning-icon, .graph-icon {
    width: 100%;
    background: url(../images/lightning_icon.png) no-repeat center;
    padding: 10px;
    padding: 0.625rem;
}

.graph-icon {
    background: url(../images/graph_icon.png) no-repeat center;
}

.info-icon, .calculator-icon, .info-icon-black, .stars_icon, .calculator-icon-black, .stars_icon-black {
    width: 100%;
    background: url(../images/aboutuswhite.png) no-repeat center;
    padding: 10px;
    padding: 0.625rem;
    cursor: pointer;
}

.calculator-icon {
    background: url(../images/sipcalculator.png) no-repeat center;
}

.info-icon-black {
    background: url(../images/aboutus.png) no-repeat center;
}

.stars_icon {
    background: url(../images/products.png) no-repeat center;
}

.calculator-icon-black {
    background: url(../images/sipcalculatorblack.png) no-repeat center;
}

.stars_icon-black {
    background: url(../images/productsblack.png) no-repeat center;
}

.linecharticon {
    width: 100%;
    padding: 20px;
    padding: 1.25rem;
    background: url(../images/graph.png) no-repeat center;
    color: #fff;
}

.nfo-Introduction, .mutual-Fund-Introduction, .nfo-Protection {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
    padding-top: 10px;
    padding-top: 0.625rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    color: #2e3740;
    letter-spacing: 1.3px;
    display: block;
    margin: 0 auto;
    font-family: open_sanslight;
}

.border-small {
    border-bottom: 1px solid #000;
    width: 120px;
    margin: 0 auto;
}

.mutual-Fund-Introduction {
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
}

.mutual-Fund-Content {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
    padding-top: 5px;
    padding-top: 0.3125rem;
    color: #fff;
    display: block;
}

.mutual-Fund-GraphImage {
    margin-top: 20px;
    margin-top: 1.25rem;
    background: url(../images/graphimage_cr.png) no-repeat center;
    height: 180px;
    height: 11.25rem;
    background-size: contain;
    max-height: 50%;
}

.nfo-Protection {
    color: #333;
    padding-top: 60px;
    padding-top: 3.75rem;
    height: 140px;
    height: 8.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-family: open_sanssemibold;
    border: none;
    letter-spacing: 0;
}

.nfo-Bottom {
    font-size: 10px;
    font-size: 0.625rem;
    padding-top: 7px;
    padding-top: 0.4375rem;
    color: #93989e;
    width: auto;
    text-align: center;
    font-family: open_sansbold;
    letter-spacing: 1.2px;
    margin: 0 auto;
    color: #454545;
    display: inline-block;
    font-size: 11px;
    font-size: 0.6875rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
}

.nfo-Bottom-content {
    position: relative;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

.nfo-tick {
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    color: #000;
    width: 100%;
    margin-bottom: 0px;
    margin-bottom: 0;
}

.risk-typ {
    padding-top: 24px;
    padding-top: 1.5rem;
    float: left;
}

.nfo-active {
    color: #454545;
    padding-left: 30px;
    padding-left: 1.875rem;
    padding-right: 30px;
    padding-right: 1.875rem;
}

.overFlow {
    display: none;
}

.get-startedonclick {
    top: 0;
    padding-top: 5px;
    padding-top: 0.3125rem;
    padding-right: 0px;
    padding-right: 0;
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
}

.hideContent {
    max-height: 15%;
    margin-top: 0px;
    padding-bottom: 0px;
}

.transparentBox, .get-startedonclick {
    padding-left: 4px;
    padding-left: 0.25rem;
    cursor: pointer;
}

.js-get-started, .get-started-containeronclick {
    padding: 15px;
    padding: 0.9375rem;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    background: #f79608;
    letter-spacing: 1.2px;
    cursor: pointer;
}

.border-lt-grey {
    border: 5px solid #a5adb5;
    display: table;
}

.get-started-containeronclick {
    padding: 0;
    background: #f79608;
    max-width: 240px;
    display: inline-block;
    vertical-align: middle;
    min-height: 59px;
    min-height: 3.6875rem;
    -webkit-transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    opacity: 0;
}

    .get-started-containeronclick.active {
        opacity: 1;
    }

.get-startedonclick-data {
    padding: 8px;
    padding: 0.5rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    font-family: open_sansbold;
    letter-spacing: 0;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-top: 0.3125rem;
}

    .get-startedonclick-data span {
        font-size: 12px;
        font-size: 0.75rem;
        display: block;
        font-family: open_sansregular;
        letter-spacing: 0;
    }

.js-triangleUp, .js-homeup {
    background: url(../images/image1.png) no-repeat;
    position: absolute;
    bottom: 0;
    height: 40px;
    height: 2.5rem;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    width: 8.75rem;
    cursor: pointer;
}

.js-homeup {
    background: url(../images/image2.png) no-repeat;
    top: 0;
}

.get-Started-lower {
    height: auto;
    position: relative;
}

.blurContainer {
    height: 0;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    margin-top: -5rem;
    width: 104%;
    right: 1rem;
    left: -0.5rem;
}

.header2 {
    height: 80px;
    height: 5rem;
    border-top: 5px solid #1f9ab3;
    position: relative;
    z-index: 1;
    background: transparent;
}

.container.popup {
    height: 0;
    overflow: hidden;
    top: 0;
    margin: 0 auto;
}

    .container.popup .js-right-Login {
        color: #fff;
        font-size: 25px;
        font-size: 1.5625rem;
    }

    .container.popup .dashboard-dealing {
        top: 50px;
        top: 3.125rem;
    }

    .container.popup .logoWrapper {
        background: transparent;
        border-top: 5px solid #1f9ab3;
        width: 100%;
    }

        .container.popup .logoWrapper .js-logo {
            background: url(../images/popupCR.png) no-repeat;
            background-size: contain;
            position: relative;
            overflow: hidden;
            bottom: 5px;
        }

.get-started-padding {
    padding-left: 30px;
    padding-left: 1.875rem;
    padding-right: 30px;
    padding-right: 1.875rem;
    display: inline-block;
    font-family: open_sansbold;
    height: 49px;
    height: 3.0625rem;
    background-position: center center;
    background-size: 18px;
    -webkit-transition: width 250ms ease-in-out, background 200ms ease-in-out;
    overflow: hidden;
    outline: 5px solid #a5adb5;
    border: 1px solid #bbb;
    position: relative;
    width: 175px;
    width: 10.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-left: 8px;
    margin-left: 0.5rem;
    margin-right: 8px;
    margin-right: 0.5rem;
    vertical-align: middle;
}

    .get-started-padding span {
        opacity: 1;
        -webkit-transition: opacity 200ms ease-in-out 250ms;
    }

    .get-started-padding.active:hover {
        border: 1px solid #a5adb5;
        background-color: #a5adb5;
        outline: 5px solid #a5adb5;
    }

    .get-started-padding.active {
        padding-left: 20px;
        padding-left: 1.25rem;
        padding-right: 20px;
        padding-right: 1.25rem;
        outline: 5px solid #bdbdbd;
        border: 1px solid #bdbdbd;
        width: 50px;
        color: #ff9900;
        font-size: 0;
        background: url(../images/get_startedcross.png) no-repeat #bdbdbd;
        background-size: 18px;
        background-position: center center;
    }

        .get-started-padding.active span {
            opacity: 0;
        }

.userCredentials, .userCredentialsPassword {
    margin-top: 10px;
    margin-top: 0.625rem;
    position: relative;
    border: none;
    background: transparent;
}

    .userCredentials input::-webkit-input-placeholder, .userCredentialsPassword input::-webkit-input-placeholder {
        font-size: 16px;
        font-size: 1rem;
        font-family: open_sansregular;
        color: #666;
    }

    .userCredentials input:-moz-input-placeholder, .userCredentialsPassword input:-moz-input-placeholder {
        font-size: 16px;
        font-size: 1rem;
        font-family: open_sansregular;
        color: #666;
    }

.userImg {
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem;
    border-radius: 55px;
    border-radius: 3.4375rem;
    border: 0.3125rem solid #454545;
    margin-top: 20px;
}

.userlogin {
    width: 60%;
    font-family: open_sansbold;
    background: #fff;
    padding: 10px;
    padding: 0.625rem;
    color: #000;
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
    background: transparent;
    border: none;
    background: url(../images/_userunclicked.png) no-repeat scroll 7px 10px;
    padding-left: 30px;
    padding-left: 1.875rem;
    border-bottom: 1px solid #c8c8c8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
}

    .userlogin:focus {
        background: url(../images/_userclicked.png) no-repeat scroll 7px 10px;
    }

.login-wrapper {
    position: relative;
}

.getstartedpage {
    height: auto;
    font-family: open_sansregular;
}

.userCredentials:before, .userCredentials:after, .userCredentialsPassword:before, .userCredentialsPassword:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    height: 24px;
    height: 1.5rem;
}

.userCredentials:before, .userCredentialsPassword:before {
    left: 0;
}

.userCredentials:after {
    right: 0;
}

.userCredentialsPassword:after {
    left: calc(77% - 1px);
}

.password {
    background: url(../images/_passwordunclicked.png) no-repeat scroll 7px 10px;
    padding-left: 30px;
    padding-left: 1.875rem;
    margin-top: 10px;
    margin-top: 0.625rem;
}

    .password:focus {
        background: url(../images/_passwordclicked.png) no-repeat scroll 7px 10px;
    }

.nextButton {
    padding: 14px;
    padding: 0.875rem;
    margin: 30px auto 0;
    background: #ff9900;
    border: 5px solid #a5adb5;
    color: #fff;
    width: 60%;
    font-size: 12px;
    font-size: 0.75rem;
    height: 50px;
    height: 3.125rem;
    font-family: open_sansbold;
    line-height: 14px;
    line-height: 0.875rem;
    letter-spacing: 1px;
}

    .nextButton:hover {
        cursor: pointer;
    }

.accnt-locked {
    font-family: open_sansbold;
    font-size: 24px;
    font-size: 1.5rem;
    color: #2e3740;
    letter-spacing: 1px;
}

.lt-greylogin {
    border: 5px solid rgba(157, 164, 170, 0.4);
}

.forgot {
    font-size: 12px;
    font-size: 0.75rem;
    width: auto;
    height: 100%;
    margin: 20px auto;
    width: 100%;
    text-align: center;
    color: #666666;
    cursor: pointer;
    font-family: open_sansregular;
    letter-spacing: 1px;
}

    .forgot:hover, .login-link:hover, .psswd-userid-tab-li:hover, .Hide_Trans:hover, .compare-img:hover, .product-cmp-nav:hover, .js-content-load span:hover, .load-less span:hover, .SipInfo:hover, .compare-img:hover, .product-cmp-nav:hover, .readmore:hover, .resend:hover {
        text-decoration: underline;
    }

.nextButton:hover, .transact-tab:hover, .transact-tab-active:hover, .invest:hover, .switch:hover, .redeem:hover, .login-wrapper-container:hover, .sipcalculate:hover, .get-started-padding:hover, .profiletab:hover, .js-tab-latest:hover, .folio-add:hover, .go-button:hover, .start-sip-button:hover, .Consolidat_Print_Btn:hover, .get-started-containeronclick.active:hover {
    background-color: #ff9900;
    opacity: 0.7;
}

.js-bottem-content-wrapper:hover, .tab-filter-unactive:hover, .Create_Fldr_Btn:hover, .editFolio-tab:hover, .dash-statement-data:hover, .showgraph:hover, .divReinv:hover, .js-sip-dots:hover, .active-graph {
    background: #1f9ab3;
    background: rgba(31, 154, 179, 0.7);
}

.bottom-content-active:hover, .folioTab_Active:hover {
    background: #fbfbfb;
    background: rgba(251, 251, 251, 0.7);
}

.sip-userid-tab-li:hover {
    background: #d4d6d8;
    background: rgba(212, 214, 216, 0.7);
}

.active-class-sip:hover, .ProductDataHeaderWrapper-li:hover, .folioHeading:hover, .folioHeadingActive:hover {
    background: #6f90ae;
    background: rgba(111, 144, 174, 0.7);
}

.product-active:hover, .folioHeadingActive:hover, .statement-action-icon:hover, .How_Work_btn:hover {
    background: #d4d6d8;
    background: #d4d6d8;
}

.bluecontainer:hover, .tab-filter.active:hover, .transact-tab-active:hover, .anim-bttn:hover, .proceed-box:hover, .new-sip:hover, .green-button:hover, .invest-page-two .euin-declaration-confirm:hover, .invest-page-two .terms-i-agree:hover, .invest-page-three .i-confirm:hover, .finish-fti-three .i-confirm:hover, .popup .i-confirm:hover, .verify-button:hover, .sip-invest-page-five .i-confirm:hover, .nri-ok:hover {
    background: #303f44;
    background: rgba(48, 63, 68, 0.7);
}

.folio-menu-icon:hover, .header-menu:hover {
    opacity: 0.7;
}

.iconedit:hover, .iconeditcancel:hover, .iconeditsave:hover, .iconeditcancel:hover, .iconeditsave:hover {
    background: #e2e9f0;
    background: rgba(226, 233, 240, 0.7);
}

.folioMenulist:hover, .menu-list:hover, .right-menu-list:hover, .divReinv:hover, .js-sip-dots:hover {
    color: #fff;
}

    .folioMenulist:hover .textdb, .folioMenulist:hover .fa-inr, .folioMenulist:hover .net-yield, .menu-list:hover .textdb, .menu-list:hover .right-menu-list:hover, .menu-list:hover .fa-inr, .menu-list:hover .right-menu-list:hover, .menu-list:hover .net-yield, .menu-list:hover .right-menu-list:hover, .divReinv:hover .textdb, .divReinv:hover .fa-inr, .divReinv:hover .net-yield, .js-sip-dots:hover .textdb, .js-sip-dots:hover .fa-inr, .js-sip-dots:hover .net-yield {
        color: #fff;
    }

.blueBox:hover {
    background: #ff9900;
    color: #fff;
    border-color: #ff9900;
}

.login-link {
    font-weight: 900;
    letter-spacing: 10px;
    font-size: 12px;
    font-size: 0.75rem;
}

    .login-link span {
        letter-spacing: 0;
        font-family: open_sansbold;
    }

.arrow_box {
    position: relative;
    background: #454545;
}

    .arrow_box:after, .arrow_box:before {
        bottom: 0;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -10px;
    }

    .arrow_box:before {
        border-color: rgba(87, 101, 110, 0);
        border-bottom-color: #fff;
        border-width: 0px;
        margin-left: -13px;
    }

.bottomContentDataContainer {
    width: 300%;
    min-height: 440px;
    position: relative;
    background: none;
}

.bottomContentDatawrapper, .first-investment-container, .new-reg-page-container, .add-folio-page-container {
    width: 33.33%;
    padding: 20px;
    padding: 1.25rem;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    padding-top: 40px;
    padding-top: 2.5rem;
    background: #fbfbfb;
}

.ContentDataWrapper, .ProductDataWrapper {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 10px;
    padding: 0.625rem;
}

.ProductDataWrapper {
    width: 100%;
    padding-bottom: 0;
}

.js-content-load, .agree-button, .last-broker-code-num, .reg-success-login, .generate-pin-link, .back-option, .back, .gen-link {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 30px;
    margin-top: 1.875rem;
    color: #5b5f64;
    padding-left: 15px;
    padding-left: 0.9375rem;
    font-family: open_sansbold;
    letter-spacing: 1.2px;
    font-weight: 700;
    text-decoration: underline;
}

    .js-content-load:hover, .agree-button:hover, .last-broker-code-num:hover, .reg-success-login:hover, .generate-pin-link:hover, .back-option-new:hover, .back-option:hover, .back:hover, .gen-link:hover {
        color: #1f9ab3;
        cursor: pointer;
    }

.agree-button, .last-broker-code-num, .reg-success-login {
    text-align: center;
    cursor: pointer;
}

.back-option {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0;
    color: #5b5f64;
}

.back-option-new {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0;
    color: #5b5f64;
}


.back-option .fa {
    font-weight: 700;
}

.back-option-new .fa-new {
    font-weight: 700;
}


.generate-pin-link, .back-option, .back, .gen-link {
    margin-top: 0px;
    margin-top: 0;
    letter-spacing: 0;
    font-family: open_sanslight;
}

.arrow-pad {
    padding-left: 5px;
    padding-left: 0.3125rem;
}

.ContentDataMediumfont, .ContentDataSmallfont {
    font-size: 14px;
    font-size: 0.875rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    width: 40%;
    line-height: 30px;
    line-height: 1.875rem;
    color: #454545;
    text-align: left;
}

.SipDataWrapper {
    margin: 0 auto;
    text-align: left;
}

.sipHeader {
    width: 60%;
    background: #fff;
    border: 2px solid #000;
    color: #000;
    height: 12%;
    margin-right: 10px;
    margin-right: 0.625rem;
    float: left;
}

    .sipHeader > li {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 10px;
        padding: 0.625rem;
        text-align: left;
        width: calc(50%);
        border-right: 2px solid #000;
        line-height: 25px;
        line-height: 1.5625rem;
        height: 100%;
        cursor: pointer;
        float: left;
    }

.ProductDataHeaderWrapper {
    width: 100%;
    float: left;
    height: 12%;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    background: #fff;
}

.ProductDataHeaderWrapper-li {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px;
    padding: 0.625rem;
    line-height: 25px;
    line-height: 1.5625rem;
    background: #b8c8d7;
    cursor: pointer;
    float: left;
    color: #000;
    border-bottom: 1px solid #fff;
    text-align: left;
}

.ProductDataHeaderWrapper > li:last-child {
    border: none;
}

.minus-icon {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: right;
    line-height: 25px;
    line-height: 1.5625rem;
    color: #000;
}

.fundtypeWrapper {
    padding: 10px;
    padding: 0.625rem;
}

    .fundtypeWrapper > li {
        font-size: 12px;
        font-size: 0.75rem;
        padding: 8px;
        padding: 0.5rem;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        text-align: left;
        width: 265px;
        width: 16.5625rem;
        cursor: pointer;
        background: #fff;
        display: block;
    }

.compareFundbutton {
    width: 30%;
}

.sipHeader:last-child {
    border-right: none;
}

.SipInfo, .compare-img, .product-cmp-nav {
    padding: 10px;
    padding: 0.625rem;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: open_sansregular;
    color: #1f9ab3;
    cursor: pointer;
    text-align: right;
}

.about-us {
    font-size: 16px;
    font-size: 1rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: open_sansregular;
    color: #666;
    text-align: left;
    white-space: normal;
}

.monthlySip {
    margin-top: 5px;
    margin-top: 0.3125rem;
    padding: 15px;
    padding: 0.9375rem;
    border: 4px solid #d4d6d8;
    background: #fff;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
    font-family: open_sansregular;
    font-size: 16px;
    font-size: 1rem;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
    font-family: open_sansregular;
    font-size: 16px;
    font-size: 1rem;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
    font-family: open_sansregular;
    font-size: 16px;
    font-size: 1rem;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
    font-size: 16px;
    font-size: 1rem;
}

.monthlySip > li {
    margin-top: 20px;
    margin-top: 1.25rem;
    display: block;
}

.reset {
    font-family: open_sansregular;
    color: #1f9ab3;
    cursor: pointer;
    font-family: 14px;
    font-family: 0.875rem;
}

.DesiredAmount {
    padding: 8px;
    padding: 0.5rem;
    outline: none;
    font-family: open_sanssemibold;
    color: #666666;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: 3px;
    margin-top: 0.1875rem;
    border: none;
    border-bottom: 1px solid #5b5f64;
}

.border-none {
    border: none;
}

.sipcalculate {
    padding: 10px;
    padding: 0.625rem;
    outline: none;
    color: #fff;
    padding: 10px;
    padding: 0.625rem;
    background: #ff9900;
    height: 40px;
    height: 2.5rem;
    font-family: open_sansbold;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-size: 0.875rem;
    border: none;
}

.Sipyear, .SipExpectedPercentage {
    width: 50%;
    padding-left: 1%;
    height: 30px;
    height: 1.875rem;
    outline: none;
    color: #000;
    border: 2px solid #000;
}

.sipDisclaimer {
    width: 100%;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: 20px;
    margin-top: 1.25rem;
    margin-bottom: 7px;
    margin-bottom: 0.4375rem;
    color: #999;
    font-family: open_sansregular;
    cursor: pointer;
}

.button-styling {
    border: 0;
    border-bottom: 3px solid #ff9900;
    cursor: pointer;
}

    .button-styling:active {
        top: 2px;
        border: 0;
        position: relative;
    }

.SipExpectedPercentage {
    width: 75%;
}

.clearpadding {
    padding: 0;
}

.ContentDataSmallfont {
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 15px;
    padding-top: 0.9375rem;
}

.sipHeaderBackgroundli {
    background: #1f9ab3 !important;
    color: #fff;
}

.arrow_boxprdt {
    position: relative;
    background: #88b7d5;
}

    .arrow_boxprdt:after, .arrow_boxprdt:before {
        top: 100%;
        left: 55%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_boxprdt:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #1f9ab3;
        border-width: 8px;
        margin-left: -30px;
    }

    .arrow_boxprdt:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #000;
        border-width: 0px;
        margin-left: -36px;
    }

.selectproductnav {
    color: #1f9ab3 !important;
    background: #fff;
    border-bottom: 1px solid #1f9ab3;
}

.margin-top-compare {
    margin-top: 30px;
    margin-top: 1.875rem;
}

.product-data-container {
    width: 73%;
    background: #fff;
    padding: 15px;
    padding: 0.9375rem;
    height: 100%;
    overflow-y: visible;
    overflow-x: hidden;
}

.login-container {
    padding-top: 0.1em;
    text-align: center;
}

.cross-icon {
    font-size: 14px;
    font-size: 0.875rem;
    color: #bdbdbd;
    cursor: pointer;
}

.container-height {
    height: 410px;
    height: 25.625rem;
}

.login-locked {
    top: 20px;
    top: 1.25rem;
    display: inline-block;
    position: absolute;
    right: 0;
}

.attempt {
    border-radius: 22px;
    border-radius: 1.375rem;
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
    margin-left: 5px;
    margin-left: 0.3125rem;
    border: 2px solid #fff;
    background: #000;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 17px;
    line-height: 1.0625rem;
    color: #fff;
}

.locked-container {
    text-align: center;
    width: 75%;
    margin: 0 auto;
    background: transparent;
    position: relative;
    margin-top: -47px;
    margin-top: -2.9375rem;
}

    .locked-container .dealing-first {
        color: #000;
        font-size: 20px;
        font-size: 1.25rem;
    }

.locked-reason {
    line-height: 20px;
    line-height: 1.25rem;
    color: #666;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left;
    width: 55%;
    margin: 30px auto 0px;
    font-family: open_sansregular;
}

.locked-icon, .user-icon {
    border-radius: 50px;
    border-radius: 3.125rem;
    line-height: 45px;
    line-height: 2.8125rem;
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 30px;
    margin-top: 1.875rem;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem;
    background: url(../images/accountlocked.png) no-repeat center;
    margin: 15px auto;
}

.login-container-content {
    width: 100%;
    margin: 0 auto;
}

.folio-nmbr {
    background: url(../images/_foliounclicked.png) no-repeat scroll 7px 10px;
    padding-left: 30px;
    padding-left: 1.875rem;
    margin-top: 10px;
    margin-top: 0.625rem;
}

    .folio-nmbr:focus {
        background: url(../images/_folioclicked.png) no-repeat scroll 7px 10px;
    }

.pan-nmbr {
    background: url(../images/_panunclicked.png) no-repeat scroll 7px 10px;
    padding-left: 30px;
    padding-left: 1.875rem;
    margin-top: 10px;
    margin-top: 0.625rem;
}

    .pan-nmbr:focus {
        background: url(../images/_panclicked.png) no-repeat scroll 7px 10px;
    }

.password-set-container {
    width: 75%;
    margin: 0 auto;
    position: relative;
    margin-top: -68px;
    margin-top: -4.25rem;
}

.psswd-userid-tab {
    cursor: pointer;
    color: #1f9ab3;
    width: 60%;
    margin: 15px auto;
}

.sip-tab-sip {
    cursor: pointer;
    color: #fff;
    padding: 0;
}

.psswd-userid-tab-li {
    cursor: pointer;
    font-size: 11px;
    font-size: 0.6875rem;
    width: 53%;
    text-align: left;
    float: left;
    border-right: 1px solid #1f9ab3;
    letter-spacing: 1px;
    font-family: open_sansbold;
}

#sideIsleft {
    margin-right: 0.6%;
}

.calculate-data {
    position: absolute;
    padding: 10px;
    padding: 0.625rem;
    background: #f2f2f2;
    bottom: 0;
    text-align: center;
    margin-bottom: -35px;
    margin-bottom: -2.1875rem;
}

    .calculate-data .calculated-money {
        font-size: 20px;
        font-size: 1.25rem;
        color: #000;
        line-height: 1.5;
        font-family: open_sanslight;
    }

    .calculate-data .reset {
        font-size: 12px;
        font-size: 0.75rem;
    }

.loading {
    color: #d4d6d8;
    background-image: url(../images/ajaxloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 35px;
    height: 2.1875rem;
}

.forgot-uid {
    border: none;
    text-align: right;
    width: 47%;
}

.sip-userid-tab-li {
    cursor: pointer;
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 10px;
    padding: 0.625rem;
    float: left;
    text-align: center;
    color: #aaa;
    font-family: open_sanssemibold;
    letter-spacing: 1.2px;
    background: #d4d6d8;
}

.active-class-sip {
    color: #000;
    background: #b8c8d7;
}

.active-class {
    color: #999;
}

.user-id-notification {
    position: relative;
}

.login-attempt-container {
    position: relative;
    width: 75%;
    margin: 0 auto;
}

.password-box {
    width: 62%;
    margin: 10px auto;
}

.nri-address-popup {
    pointer-events: auto;
}

.notification {
    width: 60%;
    text-align: left;
    color: #666666;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 50px auto 50px;
}

.changed-psswd {
    color: #04b56d;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    width: 81%;
    font-style: italic;
    margin: 0 auto;
    font-family: open_sanssemibold;
    position: relative;
}

.user-icon {
    background: #bdbdbd;
    color: #fff;
    margin-bottom: 5px;
}

.login-name {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    text-align: center;
    color: #1f9ab3;
}

.themeblue {
    color: #1f9ab3;
}

.bottom-content-active {
    background: #fbfbfb;
    color: #000;
    padding-top: 30px;
    padding-top: 1.875rem;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.login-title {
    font-family: open_sanslight;
    font-size: 20px;
    font-size: 1.25rem;
}

.login-title1 {
    font-family: open_sanslight;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

.login-click {
    letter-spacing: 10px;
    font-family: open_sansbold;
    width: 60%;
    margin: 15px auto;
    color: #1f9ab3;
}

    .login-click span {
        letter-spacing: 1.2px;
    }

.compare-img, .product-cmp-nav {
    background: url(../images/_compareimage.png) no-repeat left;
    background-position-x: 15%;
    font-family: open_sanssemibold;
    letter-spacing: 1.2px;
    padding-right: 2%;
}

.compare-fnd-img {
    padding-right: 0%;
    background-position-x: 20%;
}

.square {
    color: #ffde00;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
}

@media (max-width: 48.75em) {
    .right-Login {
        font-size: 1.25rem;
    }

    .dealing-third {
        width: 80%;
    }

    .Mutual-Fundcontainer {
        margin-top: 5px;
    }

    .get-started-containeronclick {
        padding: 0;
        font-size: 12px;
        width: 100%;
    }
}

@media (max-width: 40em) {
    .js-right-Login {
        padding-top: 0;
    }

    .dealing-third {
        width: 100%;
    }

    .get-started-containeronclick {
        width: 100%;
        padding: 0;
        font-size: 12px;
        margin-bottom: 3px;
    }

    .dealing-third {
        width: 100%;
    }

    .logo-data {
        width: 212px;
    }
}

@media (max-width: 24.375em) {
    .userlogin, .psswd-userid-tab {
        width: 100%;
        margin-left: 0px;
    }

    .login-locked {
        position: relative;
        left: 65%;
    }

    .js-login-initiate {
        margin-left: 15% !important;
    }

        .js-login-initiate .smart-tom {
            width: 150px;
        }

        .js-login-initiate .login-wrapper-container {
            width: 80px;
        }

    .js-get-started, .get-started-containeronclick {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

@media (max-width: 20.75em) {
    html {
        font-size: 7.2px;
    }

    .js-login-initiate {
        margin-left: 10% !important;
    }
}

@media (max-width: 16.25em) {
    html {
        font-size: 40%;
    }

    .password-set-container {
        width: 140%;
    }



    .Intro-nfo-container {
        width: 100%;
        padding: 10px 8px;
        /*background: url(../images/right.png) no-repeat;
        background: url(../images/right.png) no-repeat;*/
        /*background: url(../images/right2.jpg) no-repeat;*/
        background: url(../images/r1.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
}




.selectboxit-list {
    display: none;
}

.selectboxit-container .selectboxit {
    width: 100% !important;
    cursor: pointer;
    padding: 0;
    border-radius: 0px;
    overflow: hidden;
    display: block;
    position: relative;
    margin-left: 0px;
    border: 0;
    height: 35px;
}

.transact-page-active .selectboxit-container .selectboxit {
    border-bottom: 1px solid #5b5f64 !important;
}

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus {
    text-decoration: none;
    background: none;
}

    .selectboxit-btn.selectboxit-enabled:hover .selectboxit-default-arrow:after, .selectboxit-btn.selectboxit-enabled:focus .selectboxit-default-arrow:after {
        color: #666666;
    }

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
}

.selectboxit-btn.selectboxit-enabled:active {
    background: transparent;
}

.selectboxit-container .selectboxit-list {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.3);
}

.selectboxit-list .selectboxit-option-anchor {
    color: #666;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #333;
    background-color: #fff !important;
    background-image: none;
    font-family: open_sansbold;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #999999;
}

.selectboxit-container .selectboxit-options {
    border-radius: 0px;
    border: 1px solid #cbcbcb;
    border-top: 2px solid #ff9900;
    padding: 0;
    text-indent: 0px !important;
    min-width: 0 !important;
    width: 100% !important;
    top: 34px !important;
    background: #fff;
}

.selectboxit-container span {
    height: 32px;
    height: 2rem;
    line-height: 34px;
    line-height: 2.125rem;
    font-size: 16px;
    font-size: 1rem;
    color: #666666;
}

.selectBoxItOverride {
    font-family: open_sansregular !important;
    font-size: 16px;
    font-size: 1rem;
    color: #acacad !important;
}

.selectboxit-optgroup-header {
    text-indent: 0px !important;
}

.selectboxit-container .selectboxit-options a {
    height: auto;
    text-align: left;
}

.selectboxit-text {
    text-indent: 0px !important;
}

.selectboxit-container * {
    font-size: 12px;
}

.selectboxit-container {
    width: 100%;
}

.selectboxit-btn {
    background: transparent;
    background-image: none;
}

.selected-style {
    font-style: italic !important;
    color: #aeaeae !important;
    font-family: open_sanslight !important;
}

.selectboxit-option-first {
    padding-left: 0px;
    padding-left: 0;
}

.selectboxit-option .selectboxit-option-anchor {
    padding: 2px;
    padding: 0.125rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-right: 10px;
    padding-right: 0.625rem;
    height: auto;
}

.selectboxit .selectboxit-arrow-container .selectboxit-default-arrow {
    border-top: 0;
    top: 25%;
    right: 10px;
    right: 0.625rem;
}

    .selectboxit .selectboxit-arrow-container .selectboxit-default-arrow:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f078";
        -moz-osx-font-smoothing: grayscale;
        color: #a9a9a9;
        font-size: 12px;
    }

/* SELECT BOX END */
.clear-margin-top {
    margin-top: 0;
}

.exchange-traded {
    border-bottom: none;
}

.bullet {
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem;
    border-radius: 8px;
    border-radius: 0.5rem;
    background: #fbfbfb;
    margin-top: 9px;
    margin-top: 0.5625rem;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.09);
}

.product-select-box:hover {
    background: #d4d6d8;
}

.minus-icon-active {
    color: #666;
}

.Fund-container {
    padding: 30px;
    padding: 1.875rem;
    border: 5px solid #e7ecf0;
    box-shadow: 2px 2px 4px 2px #ccc;
}

.Fund-container-li {
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    cursor: pointer;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: open_sanssemibold;
    color: #666;
}

    .Fund-container-li:hover .fund-container-content {
        text-decoration: underline;
    }

.fund-container-content {
    padding-left: 5px;
    padding-left: 0.3125rem;
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
}

.product-active {
    background: #e2e5e7;
    font-family: open_sansbold;
}

    .product-active .bullet {
        background: #666;
    }

.Product-Data-Content-wrapper, .product-compare-container {
    padding: 15px;
    padding: 0.9375rem;
}

.Product-Data-nav {
    color: #1f9ab3;
    font-size: 10px;
    font-size: 0.625rem;
    margin-bottom: 0px;
    margin-bottom: 0;
    margin-top: 10px;
    margin-top: 0.625rem;
    letter-spacing: 2px;
    letter-spacing: 0.125rem;
}

.txt-align-rt {
    text-align: right;
}

.txt-align-lt {
    text-align: left;
}

.lump-sump-padding {
    padding-left: 20px;
    padding-left: 1.25rem;
}

.cmpare-bottom {
    margin-top: 10px;
    margin-top: 0.625rem;
}

.product-cmp-nav {
    background: none;
}

    .product-cmp-nav span {
        letter-spacing: 1px;
    }

    .product-cmp-nav .fa {
        letter-spacing: 10px;
    }

.product-data-drpdwn {
    padding-top: 30px;
    padding-top: 1.875rem;
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    border: 4px solid #e7ecf0;
    background: #fff;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    box-shadow: 2px 2px 4px 2px #ccc;
}

.product-select-box {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    width: calc(50% - 1px);
    padding-left: 20%;
    background: #e2e5e7;
    font-size: 16px;
    font-size: 1rem;
    padding: 10px;
    padding: 0.625rem;
    color: #333;
    outline: none;
    letter-spacing: 1.2px;
    border: none;
    font-family: open_sansregular;
}

.min-investment-margin {
    margin-right: 3px;
    margin-right: 0.1875rem;
}

.clear-margin-rt {
    margin-right: 0;
}

.amount-inst-typed {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
    font-family: open_sanssemibold;
}

.clear-margin {
    margin-bottom: 0;
}

.clear-margin-top {
    margin-top: 0;
}

.clear-padding-lt-rt {
    padding-left: 0;
    padding-right: 0;
}

.product-compare-container {
    background: #fbfbfb;
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
}

.clear-padding-margin {
    padding-bottom: 0;
    margin-bottom: 0;
}

.right-cmpare {
    width: calc(50% - 3px);
}

.hide {
    display: none;
}

.product-header-wrapper {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #666;
}

.product-subtype {
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    line-height: 25px;
    line-height: 1.5625rem;
    letter-spacing: 1.4px;
}

.product-schemetype-wrapper {
    font-size: 10px;
    font-size: 0.625rem;
    color: #bdbdbd;
}

.scheme {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-right: 5px;
    margin-right: 0.3125rem;
    color: #FF0000;
}

.risk-type {
    margin-right: 10px;
    margin-right: 0.625rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #666;
    font-family: open_sanssemibold;
}

.subtype-title-container {
    margin-top: 30px;
    margin-top: 1.875rem;
    float: left;
}

.subtype-title {
    display: block;
    color: #000;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    width: 100%;
    letter-spacing: 1.4px;
}

.objective-content {
    list-style: disc;
    font-size: 12px;
    font-size: 0.75rem;
    color: #000;
    display: block;
    padding-left: 15px;
    padding-left: 0.9375rem;
}

.objective-content-li {
    color: #666;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: 14px;
    font-size: 0.875rem;
}

.subtype-sub-title-container {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    margin-top: 10px;
    margin-top: 0.625rem;
    width: 100%;
    float: left;
}

.subtype-sub-title-content {
    padding-left: 20px;
    padding-left: 1.25rem;
    color: #666666;
    line-height: 17px;
    line-height: 1.0625rem;
    width: 100%;
    float: left;
    font-family: open_sansbold;
    margin-top: 10px;
    margin-top: 0.625rem;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.4px;
}

    .subtype-sub-title-content span {
        color: #666;
    }

.subtype-sub-title {
    float: left;
    color: #666;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: open_sansbold;
    letter-spacing: 0.4px;
}

.minimum-investment {
    width: 100%;
}

.investment-plan, .investment-content {
    background: #e1e8ef;
    padding: 20px;
    padding: 1.25rem;
    padding-top: 30px;
    padding-top: 1.875rem;
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
    width: 33%;
    align-items: stretch;
    text-align: left;
    font-family: open_sanssemibold;
    min-height: 98px;
    min-height: 6.125rem;
}

.investment-content {
    background: #f0f4f7;
    font-size: 13px;
    font-size: 0.8125rem;
    align-items: stretch;
}

.installment-type {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    font-size: 13px;
    font-size: 0.8125rem;
}

.dsplyblck {
    width: 100%;
}

.amount-rupee {
    color: #666;
    font-family: open_sanssemibold;
}

    .amount-rupee .fa {
        font-size: 24px;
        font-size: 1.5rem;
    }

    .amount-rupee .rupee {
        font-size: 24px;
        font-size: 1.5rem;
    }

    .amount-rupee .paise {
        font-size: 18px;
        font-size: 1.125rem;
    }

.entry-load-margin {
    margin-top: 5px;
}

.product-compare-lh {
    line-height: 3;
}

.rupee-thereafter {
    font-family: open_sansregular;
    font-size: 12px;
    font-size: 0.75rem;
}

.money-hover .investment-content, .money-hover .investment-plan, .money-hover .investment-content {
    padding-top: 26px;
    padding-top: 1.625rem;
    padding-bottom: 26px;
    padding-bottom: 1.625rem;
}

.money-hover .fa {
    color: #1f9ab3;
    font-size: 30px;
    font-size: 1.875rem;
}

.money-hover .rupee {
    color: #1f9ab3;
    font-size: 30px;
    font-size: 1.875rem;
}

.money-hover .paise {
    color: #1f9ab3;
}

@media (max-width: 32.5em) {
    html {
        font-size: 55%;
    }

    .total-sip, .balance-paid, .balance-remaining {
        width: 96%;
        margin-left: 10px;
    }



    .js-right-Login {
        padding-top: 0;
    }

    .js-get-started, .get-started-containeronclick {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 15px;
        padding: 0.9375rem;
    }

    .get-started-containeronclick {
        width: 100%;
        padding: 0;
        font-size: 12px;
        margin-bottom: 3px;
    }

    .dealing-third, .password-box, .nextButton {
        width: 100%;
    }

    .Mutual-Fundcontainer, .js-bottem-content-wrapper {
        width: 100%;
        margin-top: 5px;
    }

    .js-bottem-content-wrapper {
        margin-top: 0;
    }

    .start-sip-button {
        width: 95%;
        margin-left: 10px;
    }
}

@media (max-width: 20.75em) {
    html {
        font-size: 7.2px;
    }

    .dealing-third, .nextButton, .password-box, .js-bottem-content-wrapper {
        width: 100%;
    }

    .Mutual-Fundcontainer {
        width: 100%;
        margin-top: 5px;
    }
}

@media (max-width: 16.25em) {
    html {
        font-size: 40%;
    }

    .password-set-container {
        width: 140%;
    }

    .Intro-nfo-container {
        width: 100%;
        padding: 10px 8px;
    }
}

.header-getstarted {
    padding: 15px;
    padding: 0.9375rem;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 100%;
    min-height: 70px;
    min-height: 4.375rem;
}

.footer-Content-Wrapper {
    background: #fff;
}

.footer-Container-text {
    font-size: 12px;
    font-size: 0.75rem;
    color: #666;
    padding: 10px;
    padding: 0.625rem;
    line-height: 21px;
    line-height: 1.3125rem;
    letter-spacing: 1.2px;
}

    .footer-Container-text span {
        font-family: open_sanssemibold;
        letter-spacing: 0;
    }

.footer-Container-icon {
    text-align: right;
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 10px;
    padding: 0.625rem;
}

.icon-container {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
    display: inline-block !important;
    margin-right: 2px;
    margin-right: 0.125rem;
    color: #fff;
    background: #454545;
    padding: 8px 9px;
    color: #fff;
    background: #ccc;
}

    .icon-container:hover {
        background: #666666;
    }

.icon-containerfaq {
    margin-right: 0;
    cursor: pointer;
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 6px 5px 7px 5px;
    font-family: open_sanssemibold;
}

.phn-no {
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    margin-right: 0;
    background: #333;
    line-height: 1;
    letter-spacing: 1.3px;
    font-family: open_sansbold;
}

.phn-no-copy {
    background: #1f9ab3;
    cursor: pointer;
    line-height: 13px;
    font-family: open_sansregular;
    font-size: 10px;
    font-size: 0.625rem;
    padding-bottom: 7px;
    padding-bottom: 0.4375rem;
    padding-left: 12px;
    padding-left: 0.75rem;
    padding-right: 12px;
    padding-right: 0.75rem;
}

.slide-no {
    display: inline;
}

.hide {
    display: none;
}

.comment-wrapper {
    height: 100%;
    background: #d3d9df;
    background: rgba(211, 217, 223, 0.95);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    padding-top: 70px;
    padding-top: 4.375rem;
}

.textdata {
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: open_sansregular;
    width: 100%;
    padding: 10px;
    padding: 0.625rem;
    resize: none;
    min-height: 90px;
    min-height: 5.625rem;
    border: none;
    outline: none;
    color: #666;
}

.userimage {
    width: 5%;
    margin: 0 auto;
}

.text-help {
    color: #1f9ab3;
    cursor: pointer;
}

.customer-care {
    width: 100%;
    text-align: center;
    color: #2e3740;
}

.name-uid-wrapper {
    position: relative;
    max-width: 600px;
    margin: 30px auto;
}

.name-uid-content {
    line-height: 10px;
    line-height: 0.625rem;
}

.inputwrapper-footer {
    margin-top: 10px;
    margin-top: 0.625rem;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #000;
    line-height: 20px;
    line-height: 1.25rem;
    outline: none;
}

    .inputwrapper-footer p {
        color: #333;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 30px;
        font-family: open_sanssemiBold;
    }

.max-width300 {
    max-width: 300px;
}

.first-page-footer .name-uid-wrapper {
    width: 340px;
}

input[type="radio"]:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 6px;
    left: 6px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
}

.radio-click {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #000;
    margin-top: 40px;
    margin-top: 2.5rem;
}

.nextButtonsend {
    color: #fff;
    padding: 10px;
    padding: 0.625rem;
    background: #1f9ab3;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
    cursor: pointer;
    font-family: open_sansbold;
    letter-spacing: 1.2px;
}

.radio1, .radio2 {
    display: inline-table;
}

input[type="radio"] {
    margin: 0 2px;
    opacity: 0;
}

.radiolabel {
    display: table-cell;
    vertical-align: middle;
}

input[type="radio"]:checked + label {
    background: url("../images/radio2.png") no-repeat;
    padding-left: 30px;
    /*padding-left: 20px;
    padding-left: 1.25rem;*/
    letter-spacing: 1.2px;
    width: 20px;
    height: 20px;
}

input[type="radio"] + label {
    background: url("../images/radio1.png") no-repeat;
    padding-left: 30px;
    /*padding-left: 20px;
    padding-left: 1.25rem;*/
    letter-spacing: 1.2px;
    width: 20px;
    height: 20px;
}

.mssg-sent {
    font-size: 14px;
    font-size: 0.875rem;
    color: #666;
    padding-top: 50px;
    padding-top: 3.125rem;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
}

    .mssg-sent .mssg {
        margin-bottom: 20px;
        margin-bottom: 1.25rem;
        font-size: 22px;
        font-size: 1.375rem;
        color: #04b56d;
        font-family: open_sanssemiBold;
        font-style: italic;
    }

    .mssg-sent p {
        font-size: 12px;
        font-size: 0.75rem;
        font-family: open_sansregular;
        line-height: 20px;
        line-height: 1.25rem;
    }

.second-page-footer {
    margin: 30px auto;
    position: relative;
    max-width: 350px;
}

.faq-container {
    width: 94%;
    margin: 40px auto;
    font-size: 14px;
    font-size: 0.875rem;
    color: #2e3740;
    letter-spacing: 0.5px;
    line-height: 25px;
    line-height: 1.5625rem;
    font-family: open_sanslight;
}

.footer-type {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-size: 16px;
    font-size: 1.2rem;
    font-family: open_sanslight;
}

.faq-qn-wrapper {
    background: #ebecee;
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 2px;
    margin-top: 0.125rem;
    padding: 3px;
    padding: 0.1875rem;
}

.faq-question {
    padding: 10px;
    padding: 0.625rem;
    background: #fff;
    color: #666;
    line-height: 25px;
    line-height: 1.5625rem;
    cursor: pointer;
    font-family: open_sansregular;
    letter-spacing: 0;
}

.faq-answers {
    padding: 25px;
    padding: 1.5625rem;
    line-height: 17px;
    line-height: 1.0625rem;
    font-family: open_sansregular;
    letter-spacing: 0;
}

.arrow_box-text {
    position: relative;
}

    .arrow_box-text:after, .arrow_box-text:before {
        bottom: 100%;
        left: 6%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box-text:after {
        border-bottom-color: #ebecee;
        border-width: 6px;
        margin-left: -30px;
    }

    .arrow_box-text:before {
        border-color: rgba(194, 225, 245, 0);
    }

.home-page {
    width: 80%;
    margin: 40px auto;
}

.active-footer {
    background: #000;
}

.footer-content-data {
    max-height: 400px;
    max-height: 28.5rem;
    overflow: auto;
    padding-right: 0;
    list-style: none;
}

.clear-margin-top {
    margin-top: 0;
}

.customer-img {
    background: url(../images/_footer_customercare.png) no-repeat;
    background-position: center;
    height: 79px;
    height: 4.9375rem;
}

.footer-Container {
    bottom: 0;
    background: #fff;
    position: absolute;
    z-index: 15;
}

.phn-no:hover {
    background: #333;
}

li.faq-qn-wrapper:first-child .faq-answers {
    display: block;
}

.username-footer {
    padding: 0.625rem;
    font-size: 0.875rem;
    color: #000;
    width: 100%;
    margin-bottom: 2px;
    outline: none;
}

.first-investment-container, .new-reg-page-container {
    border: 1px solid #aaa;
    padding: 25px;
    padding: 1.5625rem;
    margin: 30px;
    margin: 1.875rem;
    width: auto;
    display: none;
}

.margin-0 {
    margin: 0;
}

.first-time-invest-page, .fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form {
    position: relative;
    display: inline-block;
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
    padding-left: 70px;
    padding-left: 4.375rem;
    padding-right: 70px;
    padding-right: 4.375rem;
}

.first-time-invest-page-one, .first-time-invest-page-two {
    min-height: 540px;
    min-height: 33.75rem;
    height: auto;
}

    .first-time-invest-page-one .KYCstyle, .first-time-invest-page-two .KYCstyle {
        display: none;
    }

.transact-address-input {
    height: 92px;
    height: 5.75rem;
    margin-top: 20px;
    margin-top: 1.25rem;
}

.relation-block {
    display: none;
}

    .relation-block p {
        margin: 25px 0 -15px;
        font-family: open_sansbold;
        text-align: center;
    }

.bank-form-three-smaller .large-6.left {
    padding-right: 12px;
}

.KYCstyle {
    float: left;
    margin-top: 47px;
    font-size: 20px;
    font-style: italic;
    position: relative;
    left: 13%;
    margin-left: -60px;
    font-family: open_sanssemibold;
    color: #cbcbcb;
}

.proceed-box.verify, .proceed-box-new.verify .verify.new-sip, .verify.green-button, .invest-page-two .verify.euin-declaration-confirm, .invest-page-two .verify.terms-i-agree, .invest-page-three .verify.i-confirm, .finish-fti-three .verify.i-confirm, .popup .verify.i-confirm, .verify.verify-button, .sip-invest-page-five .verify.i-confirm, .verify.nri-ok {
    pointer-events: none;
    background: #d4d6d8;
}

form.transact-page-active {
    box-shadow: inset 0 0 0 0.3125rem #5b5f64;
}

.form-thick-green-border {
    box-shadow: inset 0 0 0 0.3125rem #00c277;
}

.js-already-filled .la-animate {
    display: none;
}

.first-time-invest-page-two {
    margin-left: 7px;
    margin-left: 0.4375rem;
}

    .first-time-invest-page-two .form-details, .first-time-invest-page-two .bank-form-details {
        position: relative;
    }

    .first-time-invest-page-two .agree-button, .first-time-invest-page-two .last-broker-code-num, .first-time-invest-page-two .reg-success-login {
        bottom: 0;
        position: absolute;
        right: 0;
    }

.form-details, .bank-form-details {
    min-height: 90%;
}

.green-text {
    color: #00c277;
}

.first-investment-popup, .nri-popup {
    padding-left: 90px;
    padding-left: 5.625rem;
    padding-right: 90px;
    padding-right: 5.625rem;
}

.nri-popup {
    text-align: center;
    padding-top: 65%;
}

.nri-text-area {
    padding-bottom: 17px;
    padding-bottom: 1.0625rem;
    height: 92px;
    height: 5.75rem;
}

.nri-link {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-size: 0.75rem;
    color: #a2a5a6;
    text-decoration: underline;
    cursor: pointer;
    font-style: italic;
    top: -17px;
}

    .nri-link:hover {
        color: #454545;
        text-decoration: underline;
    }

.fi-heading, .nri-text {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: open_sansbold;
    letter-spacing: 1.3px;
    padding-top: 20px;
    padding-top: 1.25rem;
}

.fi-font14 {
    font-size: 14px;
    font-size: 0.875rem;
}

.nri-text {
    text-align: center;
    color: #fff;
}

.nri-address-popup {
    padding-top: 68%;
}

.nri-ok {
    background: #d4d6d8 !important;
    color: #2e3740 !important;
    font-weight: bold;
}

.fi-text {
    font-size: 12px;
    font-size: 0.75rem;
    color: #333;
    letter-spacing: 0px;
    font-family: open_sansregular;
    margin: 10px 0 0 0;
}

.more-abt-you-text {
    padding-top: 20px;
    padding-top: 1.25rem;
}

.label-text, .i-read {
    font-size: 12px;
    font-size: 0.75rem;
}

.i-read {
    cursor: pointer;
    position: relative;
    top: -4px;
    font-family: open_sansbold;
    font-size: 14px;
    font-size: 0.875rem;
}

input[type="checkbox"] {
    width: 17px;
    width: 1.0625rem;
    height: 17px;
    height: 1.0625rem;
    border-radius: 0;
}

.fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form {
    vertical-align: top;
    height: 640px;
    height: 40rem;
    display: inline-block;
    padding-left: 20px;
    padding-left: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    padding-top: 60px;
    padding-top: 3.75rem;
    display: none;
}

.form-title {
    text-align: center !important;
}

.fti-form-three .next-box-container {
    bottom: 15px;
    bottom: 0.9375rem;
}

    .fti-form-three .next-box-container .proceed-box, .fti-form-three .next-box-container .new-sip, .fti-form-three .next-box-container .green-button, .fti-form-three .next-box-container .invest-page-two .euin-declaration-confirm, .invest-page-two .fti-form-three .next-box-container .euin-declaration-confirm, .fti-form-three .next-box-container .invest-page-two .terms-i-agree, .invest-page-two .fti-form-three .next-box-container .terms-i-agree, .fti-form-three .next-box-container .invest-page-three .i-confirm, .invest-page-three .fti-form-three .next-box-container .i-confirm, .fti-form-three .next-box-container .finish-fti-three .i-confirm, .finish-fti-three .fti-form-three .next-box-container .i-confirm, .fti-form-three .next-box-container .popup .i-confirm, .popup .fti-form-three .next-box-container .i-confirm, .fti-form-three .next-box-container .verify-button, .fti-form-three .next-box-container .sip-invest-page-five .i-confirm, .sip-invest-page-five .fti-form-three .next-box-container .i-confirm, .fti-form-three .next-box-container .nri-ok {
        margin-top: 0;
    }

.bank-fti-form {
    height: 430px;
    height: 26.875rem;
}

.finish-fti-one .next-box-container {
    margin-top: 0;
}

.fti-form-three .show-for-redeem, .finish-fti-one .show-for-redeem {
    display: none;
}

.fti-form-three .show-for-switch, .finish-fti-one .show-for-switch {
    display: none;
}

.fti-form-three .show-for-stp, .finish-fti-one .show-for-stp {
    display: none;
}

.finish-fti-two .show-for-redeem {
    display: none;
}

.finish-fti-two .show-for-switch {
    display: none;
}

.finish-fti-two .show-for-stp {
    display: none;
}

/*.finish-fti-two .select-bank {
    display: none;
}*/

.next-box-container {
    position: relative;
    bottom: 45px;
    /*  bottom: 2.8125rem; */
    bottom: 1.8250rem;
}

.first-time-invest-page-one .next-box-container {
    bottom: 20px;
    bottom: 1.25rem;
}

.address-input, .bank-address {
    width: 100%;
    max-width: 100%;
    resize: none;
    padding: 8px;
}

.let-me {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 40px;
    margin-top: 2.5rem;
}

.ltd-text {
    max-width: 80%;
}

label.nominee {
    font-size: 13px;
    font-size: 0.8125rem;
    position: relative;
    top: -3px;
    cursor: pointer;
    float: left;
    margin-top: 22px;
    margin-left: 10px;
}

#nominee-id {
    float: left;
}

#TopUp-id, #TopUp-Max-id, #TopUp-id-q, #TopUp-Max-id-q {
    float: left;
}

.add-app-button {
    font-size: 11px;
    font-size: 0.6875rem;
    border: 1px solid #b6d6dd;
    padding: 3px;
    padding: 0.1875rem;
    padding-left: 4px;
    padding-left: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem;
    background: #1f9ab3;
    color: #fff;
    margin-right: 8px;
    margin-right: 0.5rem;
}

.add-app-minus, .add-app-plus {
    padding-bottom: 5px;
    padding-right: 5px;
}

.finish-user-name {
    font-family: open_sanssemibold;
    font-size: 16px;
    font-size: 1rem;
}

.new-applicant {
    font-size: 16px;
    font-size: 1rem;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-family: open_sanssemibold;
    padding-bottom: 5px;
}

.add-applicant, .second-applicant {
    cursor: pointer;
    background: #666666;
    color: #fff;
    padding: 8px 10px 10px 10px;
    padding-bottom: 5px;
}

    .add-applicant:hover, .second-applicant:hover {
        background: #666666;
        background: rgba(102, 102, 102, 0.7);
    }

.after-click {
    display: block;
}

.applicant3-details-wrapper {
    display: none;
}

.bank-details-heading, .detail-heading {
    font-family: open_sanssemibold;
    display: block !important;
    margin-left: 5px;
    margin-left: 0.3125rem;
    font-size: 22px;
    font-size: 1.375rem;
}

.detail-heading {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 0;
}

.bank-form-details {
    margin: 20px;
    margin: 1.25rem;
    margin-top: 0;
}

.bank-address {
    max-width: 100%;
    height: 92px;
    height: 5.75rem;
}

.bank-form-two {
    margin-right: 8%;
    margin-left: 8%;
}

.bank-proceed {
    position: absolute;
    bottom: 30px;
    bottom: 1.875rem;
    width: 200px;
    width: 12.5rem;
    margin-left: -100px;
    margin-left: -6.25rem;
    left: 50%;
}

.bank-fti-form {
    padding-top: 10px;
    padding-top: 0.625rem;
}

.fti-show-later-details {
    display: none;
}

.finish-fti-form {
    float: left;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    display: none;
}

.finish-review {
    vertical-align: middle;
    padding-top: 40%;
    text-align: center;
}

.finish-fti-two .first-time-invest-text {
    font-size: 14px;
    font-size: 0.875rem;
}

.finish-fti-two .form-details, .finish-fti-two .bank-form-details {
    min-height: 85%;
}

.finish-fti-three .purchase-details, .finish-fti-three .center-text, .finish-fti-two .purchase-details, .finish-fti-two .center-text {
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
}

.finish-fti-three .next-box-container {
    bottom: 48px;
    bottom: 3rem;
}

.top20 {
    margin-top: 20px;
}

.first-time-invest-text {
    font-size: 21px;
    font-size: 1.3125rem;
    color: #2e3740;
    font-family: open_sanslight;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

input[type=checkbox]:checked + label {
    color: #333;
}

.anim-bttn, .proceed-box, .new-sip, .green-button, .invest-page-two .euin-declaration-confirm, .invest-page-two .terms-i-agree, .invest-page-three .i-confirm, .finish-fti-three .i-confirm, .popup .i-confirm, .verify-button, .sip-invest-page-five .i-confirm, .nri-ok {
    padding-top: 13px;
    padding-top: 0.8125rem;
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 1.2px;
    font-family: open_sansbold;
}

.proceed-box-new {
    width: 100%;
    height: 36px;
    height: 2.25rem;
    margin-top: 25px;
    margin-top: 1.5625rem;
    color: #fff;
    padding: 10px;
    padding: 0.625rem;
    text-align: center;
    font-size: 10px;
    font-size: 0.625rem;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: none;
    background: none repeat scroll 0% 0% #5B5F64;
    color: #FFF;
}

.green-background {
    background: #00c277 !important;
}

.app-active-text {
    margin-left: 0px;
    margin-left: 0;
}

.sure-container {
    margin-top: 45%;
}

.sure-close {
    width: 20px;
    height: 20px;
}

.latest-nav-text {
    font-family: open_sansregular;
}

.latest-nav-num {
    font-family: open_sanssemibold;
}

.transact-list {
    width: auto;
}

    .transact-list .agree-button, .transact-list .last-broker-code-num, .transact-list .reg-success-login {
        padding-left: 0;
    }

.transact-nav-container .agree-button, .transact-nav-container .last-broker-code-num, .transact-nav-container .reg-success-login {
    padding-left: 0;
}

.transact-input-container {
    position: relative;
}

.gif-loader {
    background-image: url(../images/ajax-loader-small.gif) !important;
    background-position-x: right !important;
    /*background-position-y: 58% !important;*/
    background-repeat: no-repeat !important;
    background-position: right !important;
}

.input-valid-tick {
    background-image: url(../images/yes.png) !important;
    background-position-x: 98% !important;
    /*background-position-y: 58% !important;*/
    background-position: right !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
}

.input-invalid-cross {
    background-image: url(../images/no2.svg.png) !important;
    background-position: right !important;
    background-size: 15px !important;
    background-position-x: right !important;
    background-repeat: no-repeat !important;
    /*background-position-y: 58% !important;*/
}

.transact-input-container {
    width: 100%;
    float: left;
}

.position-relative {
    position: relative;
}

.dob-calendar-logo {
    position: absolute;
    top: 61%;
    right: 20px;
    right: 1.25rem;
}

.fti-inactive-part-form {
    opacity: 0.2;
    pointer-events: none;
}

.fti-form-four, .fti-form-five {
    margin-right: 4px;
}

.terms-link {
    color: #5b5f64;
    text-decoration: underline;
}

    .terms-link:hover {
        color: #1f9ab3;
        cursor: pointer;
    }

.form-bottom-row #accept-terms {
    margin-top: 12px;
}

.form-bottom-row .next-box-container {
    margin-top: 45px;
}

.note-popup, .success-popup, .reconfirm-action {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    padding-top: 40%;
}

.bank-details-heading.fatca-details-heading, .fatca-details-heading.detail-heading {
    margin-left: 1.25rem;
}

.spacing-inline-right {
    padding-right: 10px;
}

.spacing-inline {
    padding-left: 10px;
    padding-top: 15px;
}

.fti-form-five .active {
    background: #d5d6d7;
    color: #5b5f64;
}

.transact-page-inactive .back-option, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
    display: none;
}

.transact-page-active .back-option {
    display: block;
}

.switch-transact {
    margin-right: 1px;
    margin-left: 1px;
}

.note-popup.popup, .confirm-purchase-container.popup {
    pointer-events: auto;
}

.padding-top-20 {
    padding-top: 20px;
    padding-top: 1.25rem;
}

.new-reg-page-container {
    z-index: 5;
}

.new-reg-page, .add-folio-page {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    display: inline-block;
    height: 500px;
    height: 31.25rem;
    vertical-align: top;
}

.back {
    font-size: 14px;
    font-size: 0.875rem;
}

.back-new {
    font-size: 14px;
    font-size: 0.875rem;
}


.generating-popup {
    padding-top: 55%;
    text-align: center;
    font-family: open_sansbold;
}

.last-graph-data {
    background-color: rgba(46, 55, 64, 0.6);
    z-index: 20;
    color: #fff;
    position: absolute;
    top: 0;
    height: 100%;
    padding: 5%;
    width: 100%;
    text-align: center;
}

.reg-successful {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: open_sanssemibold;
    color: #00c277;
    font-style: italic;
}

.generate-pin-link, .back-option, .back, .gen-link {
    padding-left: 0;
}

.new-reg-two .fi-font14.margin-top-20 {
    margin-top: 18px;
    margin-top: 1.125rem;
}

.new-reg-two .reg-email {
    font-family: open_sanssemibold;
}

.new-reg-two .next-box-container {
    bottom: 15px;
    bottom: 0.9375rem;
}

.next-box-container {
    text-align: center;
}

.take-me {
    font-size: 14px;
    font-size: 0.875rem;
    position: relative;
    top: 100%;
    display: block;
    text-align: center;
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
}

.reg-pin {
    margin-top: 19px;
    margin-top: 1.1875rem;
}

.reg-success {
    text-align: center;
    display: none;
    margin-top: 60px;
    margin-top: 3.75rem;
}

.get-Started {
    height: 100%;
}

.bullet-margin {
    margin-top: 5px;
    margin-top: 0.3125rem;
}

.small-page-container {
    background: #fbfbfb;
}

.add-folio-page {
    float: left;
    height: 400px;
    height: 25rem;
}

    .add-folio-page .form-details, .add-folio-page .bank-form-details {
        min-height: 90%;
    }

.add-folio-pan-verified {
    color: #00c277;
    font-size: 22px;
    font-family: open_sanssemiBold;
    font-style: italic;
    display: none;
    text-align: center;
    margin-top: 90px;
}

.add-folio-generate-pin {
    cursor: pointer;
}

.show-later-details, .folio-success-details {
    display: none;
}

.fi-font14.folio-success-details {
    max-width: 75%;
    text-align: center;
    margin: 0 auto;
    padding-top: 15%;
}

    .fi-font14.folio-success-details .folio-success {
        font-style: italic;
        color: #00c277;
    }

.pan-verification, .add-folio-verify {
    margin-top: 25%;
    text-align: center;
}

.check-box {
    pointer-events: auto !important;
}

@font-face {
    font-family: 'open_sansbold';
    src: url("..fonts/ie-fonts/OpenSans-Bold.eot");
    src: url('..fonts/ie-fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ie-fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
    font-family: 'open_sanslight';
    src: url("..fonts/ie-fonts/OpenSans-Light.eot");
    src: url('..fonts/ie-fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ie-fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg') format('svg');
}

@font-face {
    font-family: 'open_sansregular';
    src: url("..fonts/ie-fonts/OpenSans-Regular.eot");
    src: url('..fonts/ie-fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ie-fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg') format('svg');
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url("..fonts/ie-fonts/OpenSans-Semibold.eot");
    src: url('..fonts/ie-fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ie-fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg') format('svg');
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url("..fonts/ie-fonts/OpenSans-ExtraBold.eot");
    src: url('..fonts/ie-fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/ie-fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.svg') format('svg');
}

.row .row {
    margin-left: 0;
    margin-right: 0;
}

.new-invest-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #2e3740;
    background: rgba(46, 55, 64, 0.95);
    top: 0;
    left: 0;
    z-index: 5;
    color: #d5d6d7;
    top: auto;
    left: auto;
    z-index: 10;
    padding: 6.25rem;
}

@media (min-width: 80.625em) {
    .first-time-invest-page-two {
        margin-left: 4px;
        margin-left: 0.25rem;
    }
}

@media (min-width: 64em) {
    html {
        font-size: 100%;
    }

    .finish-fti-one .form-details, .finish-fti-one .bank-form-details {
        min-height: 90%;
    }

    .finish-fti-two {
        margin-left: 4px;
        margin-left: 0.25rem;
        margin-right: 4px;
        margin-right: 0.25rem;
    }

    .first-investment-body .large-6 {
        width: 49.4%;
    }

    .form-left {
        padding-right: 10px;
    }

    .form-right {
        padding-left: 10px;
    }

    .transact-content .folio-menu-container .arrowLeft:after, .transact-content .folio-menu-container .folioarrowLeft:after {
        top: 10%;
        left: 100%;
        border-right-color: #fff;
        border-left-color: #3b4650;
    }

    .bank-fti-form.large-12 {
        width: 97.5%;
    }
}

@media (max-width: 64em) {
    html {
        font-size: 100%;
    }

    .textarea-container .jvFloat .placeHolder {
        margin-top: -5px;
    }

    .transact-tab, .transact-tab-active, .invest, .switch, .redeem {
        width: 32.7%;
    }

    .content {
        padding: 10px;
    }

    .rt-side-dashboard {
        padding-left: 0;
        padding-right: 0;
    }

    .transact-page, .transact-page-inactive, .invest-page-three, .finish-fti-three, .popup, .transact-page-active, .declaration-page, .euin-left-blank, .terms-conditions-container, .invest-page-three .confirm-purchase-container, .finish-fti-three .confirm-purchase-container, .popup .confirm-purchase-container, .exit-load, .switch-login-popup-container, .redeem-login-popup-container, .first-investment-popup, .nri-popup, .nri-address-popup, .confirm-purchase-container, .back-sure-popup, .note-popup, .success-popup, .reconfirm-action, .generating-popup, .sip-invest-page-four, .sip-invest-page-five, .switch-page, .stp-page, .first-time-invest-page, .fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form, .new-reg-page, .add-folio-page {
        padding-left: 20px;
        padding-left: 1.25rem;
        padding-right: 20px;
        padding-right: 1.25rem;
    }

    #total-invest {
        margin-right: 2.2%;
    }

    .content-without-graph {
        width: 78%;
        margin-bottom: 10px;
    }

    .arrowLeft:after, .folioarrowLeft:after {
        top: 10%;
        left: 100%;
        border-right-color: #fff;
        border-left-color: #3b4650;
    }

    .folio-menu-container {
        right: 4.4375rem;
    }

    .fti-form .transact-nav, .fti-form .fti-form-one, .fti-form .fti-form-two, .fti-form .fti-form-three, .fti-form .fti-form-four, .fti-form .fti-form-five, .fti-form .fti-form-six, .fti-form .bank-fti-form, .fti-form .finish-fti-form {
        width: 67%;
    }

    .bank-form-three .bank-address {
        width: 100%;
    }

    .bank-form-three .finish-fti-two {
        margin-left: 7px;
        margin-left: 0.4375rem;
    }

    .bank-form-two, .bank-form-three, .bank-form-one {
        margin: 0 auto;
        padding: 20px;
        width: 100%;
    }

    .first-investment-container, .new-reg-page-container {
        padding-right: 25px;
        padding-right: 1.5625rem;
    }

    #bank-details {
        height: auto !important;
    }

        #bank-details .next-box-container {
            position: relative;
        }

        #bank-details .fti-form-two .city-input, #bank-details .fti-form-two .state-input {
            width: 49%;
        }

    .new-reg-page, .add-folio-page, .transact-page-active, .transact-page-inactive, .invest-page-three, .finish-fti-three, .popup {
        margin-bottom: 15px;
    }

    .invest-page-three, .login-attempt-container, .locked-container, .password-set-container, .login-container-content, .changed-psswd {
        /*width: 100%;*/
    }
}

@media (max-width: 48.75em) {
    html {
        font-size: 100%;
    }

    .statBox {
        width: 100%;
    }

    .arrow_box-text:after, .arrow_box-text:before {
        left: 15%;
    }

    .get-started-container {
        width: 100%;
    }

    .get-started-padding {
        margin: 10px 0;
    }

    .content, .folio {
        padding: 5px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #total-invest {
        margin-right: 2.2%;
    }

    .started-container {
        max-width: 100%;
    }

    .page-name {
        padding-top: 0;
    }

    .login-attempt-container, .locked-container, .password-set-container, .login-container-content, .changed-psswd {
        width: 80%;
    }

    .new-sip {
        max-width: 80%;
    }
}

@media (max-width: 40em) {
    html {
        font-size: 65%;
    }

    .first-time-invest-page-one .form-title {
        margin-left: -15px;
        margin-left: -0.9375rem;
    }

    .logo-post-login {
        float: left;
    }

    .rt-side-dashboard, .spacing-inline-right, .spacing-inline {
        padding-left: 0;
        padding-right: 0;
    }

    .dob-calendar-logo {
        right: 10px;
        right: 0.625rem;
    }

    #total-invest {
        margin-right: 2.2%;
    }

    .page-name {
        margin-left: 0;
        margin-bottom: 10px;
        margin-bottom: 0.625rem;
        padding-top: 10px;
        padding-top: 0.625rem;
        width: 300%;
    }

    .popup, .declaration-page, .euin-left-blank, .terms-conditions-container, .invest-page-three .confirm-purchase-container, .finish-fti-three .confirm-purchase-container, .popup .confirm-purchase-container, .exit-load, .switch-login-popup-container, .redeem-login-popup-container, .first-investment-popup, .nri-popup, .nri-address-popup, .confirm-purchase-container, .back-sure-popup, .note-popup, .success-popup, .reconfirm-action, .generating-popup, .note-popup, .confirm-purchase-container {
        padding-top: 20%;
    }

    .purchase-details-page {
        height: 660px;
        height: 41.25rem;
    }

        .purchase-details-page .next-box-container {
            top: 10px;
            top: 0.625rem;
        }

    .first-time-invest-page-one .form-title, .first-time-invest-page-two .form-title {
        margin-left: 0;
    }

    .first-time-invest-page, .fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form {
        padding-left: 25px;
        padding-right: 25px;
        margin-left: 0;
    }

    .finish-fti-two .form-details, .finish-fti-two .bank-form-details {
        min-height: 78%;
    }

    .form-right {
        margin-left: 0;
    }

    .logo-container {
        float: left;
        padding-top: 6px;
    }

    .content, .folio {
        padding: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .folioContainer {
        margin-bottom: 10px;
        margin-bottom: 0.625rem;
    }

    .container {
        font-size: 60%;
    }

    .content-lower {
        padding: 4px;
        font-size: 65%;
    }

    .first-investment-container, .new-reg-page-container, .new-reg-page-container {
        margin: 4px;
        padding: 10px;
        padding-bottom: 4px;
    }

    .logo-post-login {
        margin-right: 10px;
        margin-right: 0.625rem;
    }

    .toggle-transact-tabs {
        margin-top: 15px;
        margin-top: 0.9375rem;
    }

    .halfcircle1, .halfcircle2, .halfcircle3 {
        width: 30px;
        width: 1.875rem;
        height: 15px;
        height: 0.9375rem;
    }

    .content-without-graph {
        width: 100%;
    }

    .transact-page, .transact-page-inactive, .invest-page-three, .finish-fti-three, .popup, .transact-page-active, .declaration-page, .euin-left-blank, .terms-conditions-container, .invest-page-three .confirm-purchase-container, .finish-fti-three .confirm-purchase-container, .popup .confirm-purchase-container, .exit-load, .switch-login-popup-container, .redeem-login-popup-container, .first-investment-popup, .nri-popup, .nri-address-popup, .confirm-purchase-container, .back-sure-popup, .note-popup, .success-popup, .reconfirm-action, .generating-popup, .sip-invest-page-four, .sip-invest-page-five, .switch-page, .stp-page, .first-time-invest-page, .fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form, .new-reg-page, .add-folio-page {
        padding-top: 0;
    }

    .transact-tab-dropdown {
        padding-top: 3px;
        padding-top: 0.1875rem;
    }

    #sip-tab1, #switch-tab1, #switch-tab2, #redeem-tab1, #redeem-tab2, #sip-tab2 {
        font-size: 14px;
        font-size: 0.875rem;
        width: 100%;
    }

        #sip-tab1 .transact-input-box.sip-input, #sip-tab1 #switch-tab1, #sip-tab1 #switch-tab2, #sip-tab1 #redeem-tab1, #sip-tab1 #redeem-tab2, #sip-tab1 .sip-input.sip-tab-container, #sip-tab1 .sip-input.sip-from-date, #sip-tab1 .sip-input.sip-to-date, #sip-tab1 .sip-input.sip-debit, #sip-tab1 .sip-input.empty-text, #sip-tab1 .sip-input.verify-login, #sip-tab1 .sip-input.address-input, #sip-tab1 .sip-input.bank-address, #sip-tab1 .sip-input#sip-tab1.sip-from-date, #sip-tab1 .sip-input#sip-tab1.sip-to-date, #sip-tab1 .sip-input.sip-to-date#switch-tab1, #sip-tab1 .sip-input.sip-to-date#switch-tab2, #sip-tab1 .sip-input.sip-to-date#redeem-tab1, #sip-tab1 .sip-input.sip-to-date#redeem-tab2, #sip-tab1 .sip-input.sip-from-date#switch-tab1, #sip-tab1 .sip-input#switch-tab1.sip-to-date, #sip-tab1 .sip-input.sip-from-date#switch-tab2, #sip-tab1 .sip-input#switch-tab2.sip-to-date, #sip-tab1 .sip-input.sip-from-date#redeem-tab1, #sip-tab1 .sip-input#redeem-tab1.sip-to-date, #sip-tab1 .sip-input.sip-from-date#redeem-tab2, #sip-tab1 .sip-input#redeem-tab2.sip-to-date, #sip-tab2 .transact-input-box.sip-input, #sip-tab2 .sip-input.sip-tab-container, #sip-tab2 .sip-input.sip-from-date, #sip-tab2 .sip-input.sip-to-date, #sip-tab2 .sip-input.sip-debit, #sip-tab2 .sip-input.empty-text, #sip-tab2 .sip-input.verify-login, #sip-tab2 .sip-input.address-input, #sip-tab2 .sip-input.bank-address, #sip-tab2 .sip-input#sip-tab1.sip-from-date, #sip-tab2 .sip-input#sip-tab1.sip-to-date, #sip-tab2 .sip-input.sip-to-date#switch-tab1, #sip-tab2 .sip-input.sip-to-date#switch-tab2, #sip-tab2 .sip-input.sip-to-date#redeem-tab1, #sip-tab2 .sip-input.sip-to-date#redeem-tab2, #sip-tab2 .sip-input.sip-from-date#switch-tab1, #sip-tab2 .sip-input#switch-tab1.sip-to-date, #sip-tab2 .sip-input.sip-from-date#switch-tab2, #sip-tab2 .sip-input#switch-tab2.sip-to-date, #sip-tab2 .sip-input.sip-from-date#redeem-tab1, #sip-tab2 .sip-input#redeem-tab1.sip-to-date, #sip-tab2 .sip-input.sip-from-date#redeem-tab2, #sip-tab2 .sip-input#redeem-tab2.sip-to-date {
            cursor: text;
            margin-top: 20px;
            margin-top: 1.25rem;
            width: 100%;
        }

    .invest-page-one .invest-page-one-form {
        min-height: 70.5%;
    }

    .fund-name {
        padding-right: 5px;
        padding-right: 0.3125rem;
        text-align: left;
    }

    #sip-tab1.sip-from-date, #sip-tab1.sip-to-date, .sip-to-date#switch-tab1, .sip-to-date#switch-tab2, .sip-to-date#redeem-tab1, .sip-to-date#redeem-tab2, .sip-from-date#switch-tab1, #switch-tab1.sip-to-date, .sip-from-date#switch-tab2, #switch-tab2.sip-to-date, .sip-from-date#redeem-tab1, #redeem-tab1.sip-to-date, .sip-from-date#redeem-tab2, #redeem-tab2.sip-to-date {
        margin-top: 0;
        width: 49%;
    }

        #sip-tab1.sip-from-date .transact-input-box, #sip-tab1.sip-from-date #sip-tab1.sip-to-date, #sip-tab1.sip-from-date .sip-to-date#switch-tab1, #sip-tab1.sip-from-date .sip-to-date#switch-tab2, #sip-tab1.sip-from-date .sip-to-date#redeem-tab1, #sip-tab1.sip-from-date .sip-to-date#redeem-tab2, #sip-tab1.sip-from-date .sip-from-date#switch-tab1, #sip-tab1.sip-from-date #switch-tab1.sip-to-date, #sip-tab1.sip-from-date .sip-from-date#switch-tab2, #sip-tab1.sip-from-date #switch-tab2.sip-to-date, #sip-tab1.sip-from-date .sip-from-date#redeem-tab1, #sip-tab1.sip-from-date #redeem-tab1.sip-to-date, #sip-tab1.sip-from-date .sip-from-date#redeem-tab2, #sip-tab1.sip-from-date #redeem-tab2.sip-to-date, #sip-tab1.sip-from-date .sip-tab-container, #sip-tab1.sip-from-date .sip-from-date, #sip-tab1.sip-from-date .sip-to-date, #sip-tab1.sip-from-date .sip-debit, #sip-tab1.sip-from-date .empty-text, #sip-tab1.sip-from-date .verify-login, #sip-tab1.sip-from-date .address-input, #sip-tab1.sip-from-date .bank-address, #sip-tab1.sip-from-date #sip-tab1.sip-from-date, #sip-tab1.sip-from-date #sip-tab1.sip-to-date, #sip-tab1.sip-from-date .sip-to-date#switch-tab1, #sip-tab1.sip-from-date .sip-to-date#switch-tab2, #sip-tab1.sip-from-date .sip-to-date#redeem-tab1, #sip-tab1.sip-from-date .sip-to-date#redeem-tab2, #sip-tab1.sip-from-date .sip-from-date#switch-tab1, #sip-tab1.sip-from-date #switch-tab1.sip-to-date, #sip-tab1.sip-from-date .sip-from-date#switch-tab2, #sip-tab1.sip-from-date #switch-tab2.sip-to-date, #sip-tab1.sip-from-date .sip-from-date#redeem-tab1, #sip-tab1.sip-from-date #redeem-tab1.sip-to-date, #sip-tab1.sip-from-date .sip-from-date#redeem-tab2, #sip-tab1.sip-from-date #redeem-tab2.sip-to-date {
            width: 49%;
        }

    .sip-plan-page .proceed-box, .sip-plan-page .new-sip, .sip-plan-page .green-button, .sip-plan-page .invest-page-two .euin-declaration-confirm, .invest-page-two .sip-plan-page .euin-declaration-confirm, .sip-plan-page .invest-page-two .terms-i-agree, .invest-page-two .sip-plan-page .terms-i-agree, .sip-plan-page .invest-page-three .i-confirm, .invest-page-three .sip-plan-page .i-confirm, .sip-plan-page .finish-fti-three .i-confirm, .finish-fti-three .sip-plan-page .i-confirm, .sip-plan-page .popup .i-confirm, .popup .sip-plan-page .i-confirm, .sip-plan-page .verify-button, .sip-plan-page .sip-invest-page-five .i-confirm, .sip-invest-page-five .sip-plan-page .i-confirm, .sip-plan-page .nri-ok {
        margin-top: 20px;
        margin-top: 1.25rem;
    }

    form.transact-page-active {
        box-shadow: inset 0 0 0 0.3125rem #5b5f64;
    }

    .sip-debit-date {
        width: 49%;
    }

    .transact-page, .transact-page-inactive, .invest-page-three, .finish-fti-three, .popup, .transact-page-active, .declaration-page, .euin-left-blank, .terms-conditions-container, .invest-page-three .confirm-purchase-container, .finish-fti-three .confirm-purchase-container, .popup .confirm-purchase-container, .exit-load, .switch-login-popup-container, .redeem-login-popup-container, .first-investment-popup, .nri-popup, .nri-address-popup, .confirm-purchase-container, .back-sure-popup, .note-popup, .success-popup, .reconfirm-action, .generating-popup, .sip-invest-page-four, .sip-invest-page-five, .switch-page, .stp-page, .first-time-invest-page, .fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form, .new-reg-page, .add-folio-page, .invest-page {
        display: inline-block;
        margin: 0;
    }

        .transact-page .popup, .transact-page .transact-page-inactive, .transact-page .invest-page-three, .transact-page .finish-fti-three, .transact-page .popup, .transact-page .transact-page-active, .transact-page .declaration-page, .transact-page .euin-left-blank, .transact-page .terms-conditions-container, .transact-page .invest-page-three .confirm-purchase-container, .invest-page-three .transact-page .confirm-purchase-container, .transact-page .finish-fti-three .confirm-purchase-container, .finish-fti-three .transact-page .confirm-purchase-container, .transact-page .popup .confirm-purchase-container, .popup .transact-page .confirm-purchase-container, .transact-page .exit-load, .transact-page .switch-login-popup-container, .transact-page .redeem-login-popup-container, .transact-page .first-investment-popup, .transact-page .nri-popup, .transact-page .nri-address-popup, .transact-page .confirm-purchase-container, .transact-page .back-sure-popup, .transact-page .note-popup, .transact-page .success-popup, .transact-page .reconfirm-action, .transact-page .generating-popup, .transact-page .sip-invest-page-four, .transact-page .sip-invest-page-five, .transact-page .switch-page, .transact-page .stp-page, .transact-page .first-time-invest-page, .transact-page .fti-form, .transact-page .fti-form-one, .transact-page .fti-form-two, .transact-page .fti-form-three, .transact-page .fti-form-four, .transact-page .fti-form-five, .transact-page .fti-form-six, .transact-page .bank-fti-form, .transact-page .finish-fti-form, .transact-page .new-reg-page, .transact-page .add-folio-page, .invest-page .popup {
            display: none;
        }

    .form-details, .bank-form-details {
        min-height: 80%;
    }

    .Consol_Hdr {
        text-align: center;
    }

    .small-slider-wrapper {
        overflow: hidden;
    }

    .folio-wrapper {
        overflow: hidden;
    }

    .bank-form-three .bank-address {
        width: 100%;
    }

    #bank-details {
        height: auto;
    }

    .next-box-container {
        position: relative;
    }

    .transact-invest-container .form-page-container, .transact-invest-container .transact-switch-container {
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

    .transact-invest-container .form-long-container, .transact-invest-container .transact-switch-container {
        height: 100%;
        width: 300%;
    }

    .transact-invest-container .transact-page.invest-page-two, .transact-invest-container .transact-switch-container, .transact-invest-container .invest-page-two.transact-page-inactive, .transact-invest-container .invest-page-two.invest-page-three, .transact-invest-container .invest-page-two.finish-fti-three, .transact-invest-container .invest-page-two.popup, .transact-invest-container .invest-page-two.transact-page-active, .transact-invest-container .invest-page-two.declaration-page, .transact-invest-container .invest-page-two.euin-left-blank, .transact-invest-container .invest-page-two.terms-conditions-container, .transact-invest-container .invest-page-three .invest-page-two.confirm-purchase-container, .invest-page-three .transact-invest-container .invest-page-two.confirm-purchase-container, .transact-invest-container .finish-fti-three .invest-page-two.confirm-purchase-container, .finish-fti-three .transact-invest-container .invest-page-two.confirm-purchase-container, .transact-invest-container .popup .invest-page-two.confirm-purchase-container, .popup .transact-invest-container .invest-page-two.confirm-purchase-container, .transact-invest-container .invest-page-two.exit-load, .transact-invest-container .invest-page-two.switch-login-popup-container, .transact-invest-container .invest-page-two.redeem-login-popup-container, .transact-invest-container .invest-page-two.first-investment-popup, .transact-invest-container .invest-page-two.nri-popup, .transact-invest-container .invest-page-two.nri-address-popup, .transact-invest-container .invest-page-two.confirm-purchase-container, .transact-invest-container .invest-page-two.back-sure-popup, .transact-invest-container .invest-page-two.note-popup, .transact-invest-container .invest-page-two.success-popup, .transact-invest-container .invest-page-two.reconfirm-action, .transact-invest-container .invest-page-two.generating-popup, .transact-invest-container .invest-page-two.sip-invest-page-four, .transact-invest-container .invest-page-two.sip-invest-page-five, .transact-invest-container .invest-page-two.switch-page, .transact-invest-container .invest-page-two.stp-page, .transact-invest-container .invest-page-two.first-time-invest-page, .transact-invest-container .invest-page-two.fti-form, .transact-invest-container .invest-page-two.fti-form-one, .transact-invest-container .invest-page-two.fti-form-two, .transact-invest-container .invest-page-two.fti-form-three, .transact-invest-container .invest-page-two.fti-form-four, .transact-invest-container .invest-page-two.fti-form-five, .transact-invest-container .invest-page-two.fti-form-six, .transact-invest-container .invest-page-two.bank-fti-form, .transact-invest-container .invest-page-two.finish-fti-form, .transact-invest-container .invest-page-two.new-reg-page, .transact-invest-container .invest-page-two.add-folio-page {
        /*height: 100%;*/ /*srinivas*/
    }

    .addfolio-container .form-page-container, .new-reg-page-container .form-page-container {
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

    .addfolio-container .form-long-container, .new-reg-page-container .form-long-container {
        height: 100%;
        width: 300%;
    }

    .addfolio-container .add-folio-page, .new-reg-page-container .add-folio-page {
        margin: 0;
        min-height: 100% !important;
    }

    .addfolio-container {
        padding-left: 0;
        padding-right: 0;
    }

    .first-investment-container .form-page-container, .first-investment-container .new-reg-page-container {
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

    .first-investment-container .form-long-container, .first-investment-container .new-reg-page-container {
        height: 100%;
        width: 1200%;
    }

    .new-reg-page-container .new-reg-page, .new-reg-page-container .add-folio-page {
        float: left;
    }

    .fti-form, .fti-form-one, .fti-form-two, .fti-form-three, .fti-form-four, .fti-form-five, .fti-form-six, .bank-fti-form, .finish-fti-form, .rt-side-dashboard {
        margin: 0;
    }

    .about-us-slider, .bottomContentDatawrapper, .first-investment-container, .new-reg-page-container, .add-folio-page-container, .fourStatContainer {
        width: 100%;
    }

    .header-getstarted {
        padding: 0;
    }

    .get-started-container {
        width: 200px;
    }
}

@media (max-width: 36em) {
    html {
        font-size: 100%;
    }

    .container {
        font-size: 60%;
    }

    .js-get-started, .get-started-containeronclick {
        font-size: 100%;
    }

    .icon-container {
        font-size: 70%;
    }

    .home-page, .faq-container, .sip_card_detail, .sip_Slide_container {
        width: 100%;
    }

    .content, .folio {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-post-login {
        padding-left: 10px;
        padding-right: 10px;
    }

    .get-started-padding {
        height: auto;
    }

    .how-works {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .Dash_Sip_Bckgrnd {
        padding: 15px;
    }

    .Consolidat_Print_Btn {
        margin: 15px;
    }

    .userlogin, .psswd-userid-tab, .locked-reason, .nextButton, .password-set-container, .locked-container {
        width: 100%;
    }
}

@media (max-width: 32.5em) {
    html {
        font-size: 100%;
    }

    .content-statements {
        padding-left: 0;
        padding-right: 0;
    }

    .js-get-started, .get-started-containeronclick {
        font-size: 100%;
    }

    .footer-Content-Wrapper, .footer-Container-text, .footer-Container-icon {
        padding-left: 0;
        padding-right: 0;
        font-size: 80%;
    }

    .radio-click {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .content, .folio, .graph-container-folio {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dividendContainer, .table-statement-all, .consolidate-folio-body {
        padding: 5px;
    }

    .total-sip, .balance-paid, .balance-remaining {
        width: 70%;
        margin-left: 10px;
    }

    .started-container {
        max-width: 300px;
    }

    .psswd-userid-tab-li {
        font-size: 100%;
    }

    .folioTab_Active {
        margin-top: 0;
    }

    .fourStatContainer {
        margin-bottom: 0;
    }

    .userlogin, .psswd-userid-tab, .locked-reason, .nextButton {
        width: 100%;
    }
}

@media (max-width: 24.375em) {
    html {
        font-size: 100%;
    }

    .new-sip {
        max-width: 80%;
    }

    .container {
        font-size: 60%;
    }

    .js-get-started, .get-started-containeronclick {
        font-size: 100%;
    }

    .home-page, .faq-container, .locked-reason, .sip_card_detail, .sip_Slide_container {
        width: 100%;
    }

    .name-uid-wrapper, .second-page-footer {
        left: 0%;
    }

    .folioHeading, .folioHeadingActive {
        padding-left: 5px;
        padding-right: 0;
    }

    .content-statements, .table_statement_container, .table-statement-all, .addfolio-container, .folio-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .total-sip, .balance-paid, .balance-remaining {
        /*width: 96%;*/
        width: 91%;
        margin-left: 10px;
    }

    .add-folio-page-one, .add-folio-page-two, .add-folio-page-three {
        margin-left: 0;
    }

    .folio-wrapper {
        padding: 0;
    }

    .folioTab_Active {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .nfo-Bottom {
        margin-left: -5px;
        margin-right: -15px;
    }

        .nfo-Bottom .risk-typ {
            margin-left: -10px;
        }

    .fourStatContainer {
        width: 98%;
        height: 50px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 20.75em) {
    html {
        font-size: 100%;
    }

    .container {
        font-size: 60%;
    }

    .home-page, .faq-container, .locked-reason, .sip_card_detail, .sip_Slide_container {
        width: 100%;
    }

    .content.folio, .graph-container-folio {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .total-sip, .balance-paid, .balance-remaining {
        width: 70%;
        margin-left: 10px;
    }

    .add-folio-page-one, .add-folio-page-two, .add-folio-page-three {
        margin-left: 0;
    }

    .folio-wrapper {
        padding: 0;
    }

    .started-container {
        max-width: 250px;
    }

    .folioTab_Active {
        margin-top: 0;
    }
}

@media (max-width: 16.25em) {
    html {
        font-size: 100%;
    }

    .statBox, .home-page, .faq-container, .locked-reason, .sip_card_detail, .sip_Slide_container {
        width: 100%;
    }

    .container {
        font-size: 60%;
    }

    .js-get-started, .get-started-containeronclick {
        font-size: 100%;
    }

    .name-uid-wrapper, .second-page-footer {
        left: 0%;
    }

    .content, .folio {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .folioHeading, .folioHeadingActive {
        padding-left: 5px;
        padding-right: 0;
    }

    .content-statements, .table_statement_container, .table-statement-all, .addfolio-container, .folio-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .folio-wrapper {
        padding: 0;
    }

    .add-folio-page-one, .add-folio-page-two, .add-folio-page-three {
        margin-left: 0;
    }

    .Consol_Hdr {
        text-align: center;
    }

    .folioTab_Active {
        margin-top: 0;
        margin-bottom: 5px;
    }
}

@media (min-width: 75em) {
    html {
        font-size: 100%;
    }
}

@media (min-width: 1440px) {
    html {
        font-size: 100%;
    }
}

.relative {
    position: relative;
}

body, .blurContainer {
    background: #fff;
    font-family: open_sansregular;
}

input {
    background: none;
    color: #5b5f64;
    font-family: open_sanssemibold;
    border: 0;
    border-bottom: 1px solid #5b5f64;
}

.selectboxit-container *, nav-inr {
    font-family: open_sanssemibold;
}

::-webkit-input-placeholder {
    color: #acacad;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #acacad;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #acacad;
}

:-ms-input-placeholder {
    color: #acacad;
}

input:hover::-webkit-input-placeholder {
    color: #666;
}

input:hover:-moz-placeholder {
    /* Firefox 18- */
    color: #666;
}

input:hover::-moz-placeholder {
    /* Firefox 19+ */
    color: #666;
}

input:hover:-ms-input-placeholder {
    color: #666;
}

input:focus::-webkit-input-placeholder {
    color: #acacad;
}

input:focus:-moz-placeholder {
    /* Firefox 18- */
    color: #acacad;
}

input:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: #acacad;
}

input:focus:-ms-input-placeholder {
    color: #acacad;
}

.transact-page-inactive ::-webkit-input-placeholder, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
    color: #cbcbcb;
}

.transact-page-inactive :-moz-placeholder, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
    /* Firefox 18- */
    color: #cbcbcb;
}

.transact-page-inactive ::-moz-placeholder, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
    /* Firefox 19+ */
    color: #cbcbcb;
}

.transact-page-inactive :-ms-input-placeholder, .transact-page-inactive .invest-page-three, .transact-page-inactive .finish-fti-three, .transact-page-inactive .popup {
    color: #cbcbcb;
}

input[type="text"] {
    color: #454545;
}

.hide {
    display: none;
}

.form-heading {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: open_sanslight;
    text-transform: uppercase;
}

.statement-select {
    margin-top: 20px;
    margin-top: 1.25rem;
    color: #666666;
    font-family: open_sanssemibold;
    border: 0;
}



.last-grph-data {
    background: rgba(46, 55, 64, 0.9);
    z-index: 20;
    color: #fff;
    position: absolute;
    top: 0;
    height: 100%;
    padding: 5%;
    width: 100%;
    text-align: center;
}

    .last-grph-data:hover {
        background: rgba(46, 55, 64, 0.9);
    }

.graph-container-folio .dividendContainer {
    margin-bottom: 0;
    position: relative;
}

.graph-initial-dots .sip_right_slider_dot, .graph-dots .sip_right_slider_dot {
    border-radius: 6px;
    border-radius: 0.375rem;
    width: 6px;
    width: 0.375rem;
    margin-top: 5px;
    margin-top: 0.3125rem;
    margin-left: 5px;
    margin-left: 0.3125rem;
    height: 6px;
    height: 0.375rem;
    background-color: #46596c;
}

.graph-initial-dots .clear-margin-top, .graph-dots .clear-margin-top {
    margin-top: 0;
}

.graph-initial-dots:hover, .graph-dots:hover {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    top: -10px;
}

    .graph-initial-dots:hover .sip_right_slider_dot, .graph-dots:hover .sip_right_slider_dot {
        border-radius: 8px;
        border-radius: 0.5rem;
        width: 8px;
        width: 0.5rem;
        margin-top: 6px;
        margin-top: 0.375rem;
        margin-left: 6px;
        margin-left: 0.375rem;
        height: 8px;
        height: 0.5rem;
    }

    .graph-initial-dots:hover .text-hover, .graph-dots:hover .text-hover {
        display: block;
    }

.active-graph .NetYield_Hd, .active-graph .fa-inr, .active-graph .net-yield, .active-graph .Yield_Font {
    color: #fff;
}

body, .blurContainer {
    min-height: 100% !important;
    position: relative;
    padding-bottom: 50px !important;
}

.height-auto {
    height: auto !important;
}

.dsply-blck {
    display: block !important;
}

.dsply-inline-blck {
    display: inline-block;
}

.crsr-default, .fa-inr {
    cursor: default;
}

.action-bar .fourStatContainer {
    width: 110px;
    color: #333;
    font-family: open_sansbold;
    text-align: center;
    color: #fff;
}

.action-bar .editFolio {
    margin-bottom: -1px;
}

.action-bar .folioTab_Active {
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*margin-top: -7px;*/
    margin-top: 0px;
    border-bottom: none;
}

.action-bar .foliosTab {
    margin-right: 0;
}

    .action-bar .foliosTab:active {
        margin-bottom: 0;
    }

.dividendContainer {
    margin-bottom: 0;
}

.font-sb {
    font-family: open_sanssemibold;
}

.lat-news:hover {
    border-color: #666;
    cursor: pointer;
}

    .lat-news:hover .readmore {
        text-decoration: underline;
    }

.invest-page-three .after-click {
    bottom: 45px;
    bottom: 2.8125rem;
}

.clear-padding-lt {
    padding-left: 0;
}

.fa-power-off:hover {
    color: #666;
}

.padding-top-25 {
    padding-top: 25px;
    padding-top: 1.5625rem;
}

.green-button:hover, .invest-page-two .euin-declaration-confirm:hover, .invest-page-two .terms-i-agree:hover, .invest-page-three .i-confirm:hover, .finish-fti-three .i-confirm:hover, .popup .i-confirm:hover, .verify-button:hover {
    background: rgba(0, 194, 119, 0.7);
}

.selectboxit-container select {
    max-width: 100% !important;
}

textarea, input[type=text], input[type=password], input[type=tel], input[type=email], input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}

.fti-show-later-details .form-title {
    font-size: 16px;
}

.question-mark {
    height: 36px;
    width: 36px;
    border-radius: 36px;
    font-size: 18px;
    padding: 7px;
    font-family: open_sansbold;
    margin-right: 5px;
    text-align: center;
}

.question-text {
    top: 40px;
    right: 0px;
    left: -100px;
    width: 300px;
    bottom: auto;
}

.bluecontainer {
    background: #303f44;
    color: #fff;
}

.bottom-text {
    display: block;
    font-size: 12px;
    font-family: open_sanssemibold;
    color: #2e3740;
    margin-top: 7px;
    margin-left: 7px;
    padding: 0 20px;
}

.bold-data {
    font-family: open_sansbold;
    color: #2e3740;
}



/*loading*/

#cover {
    position: fixed;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.6);*/
    background: rgba(255, 255, 255,0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
}

#lodingScreen {
    height: 30px;
    width: 30px;
    margin: 0 auto;
    /*margin-top:150px;
            margin-left:250px;*/
    /*position: fixed;*/
    z-index: 10;
    display: none;
    /*background: url(login.png) no-repeat;*/
    /*border: 1px solid #cccccc;*/
    /*border-radius: 10px;*/
}

    #lodingScreen:target, #lodingScreen:target + #cover {
        display: block;
        opacity: 2;
    }

.cancel {
    display: block;
    position: absolute;
    top: 3px;
    right: 2px;
    background: rgb(245,245,245);
    color: black;
    height: 30px;
    width: 35px;
    font-size: 30px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}





#scroll-style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#scroll-style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#scroll-style-3::-webkit-scrollbar-thumb {
    background-color: #000000;
}


.fz12 {
    color: #5B5F64;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 30px;
}

/*  modified new added css  */



/*  modified new added css  */


@media only screen and (min-width : 1001px) {
    .deskdis {
        display: none;
    }

    .js-triangleUp, .js-homeup {
        position: absolute;
        bottom: 0;
        height: 40px;
        height: 2.5rem !important;
        left: 50%;
        margin-left: -70px;
        width: 140px;
        width: 13.75rem;
        cursor: pointer;
    }


    .bottom-bottom35 {
        position: relative;
        bottom: 35px;
    }

    .bottom-bottom60 {
        position: relative;
        bottom: 60px;
    }


    .bottom-top30 {
        position: relative;
        bottom: 30px;
    }

    .bottom-top-75 {
        position: relative;
        bottom: -75px;
    }


    .bottom-top-76 {
        position: relative;
        bottom: -76px;
    }

    .bottom-top-50 {
        position: relative;
        bottom: -50px;
    }

    .bottom-top-42 {
        position: relative;
        bottom: -42px;
    }

    .bottom-top-44 {
        position: relative;
        bottom: -44px;
    }
}

@media only screen and (min-width : 768px) and (max-width:1000px) {
    .deskdis {
        display: none;
    }



    .get-Started {
        height: 500px!important;
        padding-bottom: 40px;
        padding-bottom: 2.5rem;
        padding-top: 60px;
        padding-top: 3.375rem;
        background-size: 92%!important;
        position: relative;
        background-position: center center;
        vertical-align: middle;
        /*display: table;*/
        width: 100%;
    }



    .js-triangleUp, .js-homeup {
        bottom: 0;
        cursor: pointer;
        height: 2.5rem !important;
        left: 50%;
        margin-left: -70px;
        position: absolute;
        width: 13.75rem;
    }

    .dealing-second {
        font-family: "HelveticaNeueLTStd-Bd" !important;
        font-weight: bold;
        line-height: 1.2em;
        text-align: left;
        width: 53%;
        float: left;
        clear: both;
        padding-left: 3%;
    }
}

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




    .deskdis {
        display: none;
    }

    .addfolio-container .form-long-container, .new-reg-page-container .form-long-container {
        height: 100%;
        width: 100% !important;
    }


    .new-reg-page, .add-folio-page {
        padding-bottom: 20px;
        padding-bottom: 1.25rem;
        display: inline-block;
        height: 596px;
        height: 37.25rem;
        vertical-align: top;
    }

    .js-triangleUp, .js-homeup {
        position: absolute;
        bottom: 0;
        height: 56px;
        height: 3.5rem;
        left: 50%;
        margin-left: -70px;
        width: 215px;
        width: 13.75rem;
        cursor: pointer;
    }

    .flt {
        float: right !important;
    }

    .first-investment-container .form-long-container, .first-investment-container .new-reg-page-container {
        height: 100%;
        width: 100%;
    }


    #bank-details {
        height: auto;
        width: 100% !important;
    }

    .first-time-invest-page-one {
        height: auto;
        width: 100% !important;
    }

    /*form.transact-page-active {
    width: 100%;
}*/

    .transact-invest-container .form-long-container, .transact-invest-container .transact-switch-container {
        height: 100%;
        width: 100%;
    }




    .header-menu {
        height: 3.64rem;
        width: 3.53rem;
    }

    .dots, .menu {
        cursor: pointer;
        height: 3.5rem;
        width: 3.5rem;
    }

    /*#warning-message { display: none; }
    @media only screen and (orientation:portrait){
        #wrapper { display:none !important ;  }
        #warning-message { display:block !important; }
    }
    @media only screen and (orientation:landscape){
        #warning-message { display:none !important; }
    }*/


}


@media only screen and (min-width:601px) {



    .js-triangleUp, .js-homeup {
        position: absolute;
        bottom: 0;
        height: 40px;
        height: 3.5rem;
        left: 50%;
        margin-left: -70px;
        width: 140px;
        width: 13.75rem;
        cursor: pointer;
    }

    .header-menu {
        height: 3.56rem;
        width: 3.6rem;
    }

    .dots, .menu {
        cursor: pointer;
        height: 3.56rem;
        width: 3.5rem;
    }

    .invest-page-two.transact-page-inactive, .invest-page-two.invest-page-three, .invest-page-two.finish-fti-three, .invest-page-two.popup {
        padding-top: 0px !important;
        padding-top: 0rem !important;
    }

    .invest-page-two {
        min-height: 442px !important;
    }

    .image-wrapper {
        /*     padding: 4.25rem; */
    }

    .mob-mar-top {
        margin-top: -1.75rem !important;
    }



    .dealing-second {
        font-size: 46px;
        font-size: 2.875rem !important;
        line-height: 50px;
        line-height: 3.225rem;
        width: 96%; /* June 19th */
        margin: 0px auto !important;
        text-align: left;
        font-family: 'HelveticaNeueLTStd-Bd' !important;
        font-weight: bold;
        margin-top: 50px !important;
    }


    .large-55 {
        width: 56.667%;
    }
}

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

    .deskdis {
        display: none;
    }

    /*.addfolio-container .form-long-container, .new-reg-page-container .form-long-container {
        height: 100%;
        width: 100% !important;
    }*/

    .image-wrapper {
        padding: 1.25rem;
    }
}




@media only screen and (min-width:320px) and (max-width:479px) {



    .mob-confirm-mar-top {
        position: relative;
        top: -88px;
        padding-top: 30px;
    }

    .mg-bt {
        margin-bottom: 25px !important;
    }

    /*.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
         display: none !important; 
    }*/

    /*.addfolio-container .form-long-container, .new-reg-page-container .form-long-container {
        height: 100%;
        width: 100% !important;
    }*/

    .mutual-fund-wrapper {
        padding: 0.65em;
    }

    .image-wrapper {
        padding: 0px;
    }


    .dealing-second {
        font-size: 46px;
        font-size: 1.875rem !important;
        line-height: 50px;
        line-height: 2.225rem;
        width: 90%; /* June 19th */
        margin: 0px auto !important;
        text-align: left;
        font-family: 'HelveticaNeueLTStd-Bd' !important;
        font-weight: bold;
    }




    .fti-form-six.large-8 {
        width: 8% !important;
    }

    .ml14 {
        margin-left: 14px;
    }

    .mobdis {
        display: none;
    }



    .bottom-top {
        position: relative;
        bottom: -88px;
    }


    .bottom-bottom {
        position: relative;
        bottom: 50px;
    }

    .bottom-bottom1 {
        position: relative;
        bottom: 100px;
    }

    .bottom-bottom2 {
        position: relative;
        bottom: 20px;
    }

    #invest-confirm-fti {
        height: 66px!important;
    }

    .bottom-bottom3 {
        position: relative;
        bottom: 10px;
    }


    .foliosTab {
        width: 100%;
        height: 100%;
    }

    .fourStatContainer {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    #invest-tab {
        height: 800px!important;
    }

    .confirm-purchase-container {
        height: 760px!important;
    }
}


@media only screen and (min-width:320px) {

    .dealing-second {
        font-family: "HelveticaNeueLTStd-Bd" !important;
        font-size: 1.275rem;
        font-weight: bold;
        line-height: 1.2em;
        text-align: left;
        width: 98%;
    }
}


/*Written by Lakshmi for Pin Authentication Text copy*/

.transact-page-inactive .PinSentMsg {
    font-size: 12px;
    color: #cbcbcb;
}

.transact-page-active .PinSentMsg {
    font-size: 12px;
    color: #ff9900;
}

.transact-page-inactive .DebitMsg {
    color: #cbcbcb;
}

.FatcaNote {
    margin-left: 250px;
    margin-top: 115px;
    font-size: 15px;
}

.KYCPopupdiv {
    height: 699px;
    width: 1240px;
    margin-top: 52px;
    margin-left: 2px;
}

.login-FTP {
    margin-top: -11px!important;
    font-size: 12px;
    font-weight: bold;
    width: auto;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #666666;
    cursor: pointer;
    font-family: open_sansregular;
    letter-spacing: 1px;
}

.login-Reg {
    margin-top: 8px!important;
    font-size: 12px;
    font-weight: bold;
    width: auto;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #666666;
    cursor: pointer;
    font-family: open_sansregular;
    letter-spacing: 1px;
}

.enach-container {
    width: 75% !important;
    margin: 0 auto !important;
    border: 1px solid #DFDFDF !important;
    box-shadow: none !important;
    border-radius: 5px;
    padding: 0 !important;
}

.enach-page-header {
    border-bottom: 1px solid #BEBEBE;
    padding: 10px 15px;
}

.enach-page-heading-text {
    font-size: 20px;
    text-align: center;
    background: #FFF;
    color: #000;
    padding: 0 0 10px 0;
    font-weight: normal;
    margin: 5px 15px 0 20px;
}

.enach-medium-2 {
    text-align: right;
    width: 20%;
}

.enach-details {
    font-weight: bold;
    font-size: 20px;
    padding: 6px;
    text-align: center;
    margin: 20px 30px 0px;
    /*border: 1px solid #BEBEBE;*/
}

.enach-fields {
    margin: 0px 30px 15px 30px;
}

.enach-page-footer {
    border-top: 1px solid #BEBEBE;
    padding: 10px 15px;
}

    .enach-page-footer img {
        width: 125px;
    }

.enach-page-footer-text {
    font-size: 14px;
    line-height: 38px;
    text-align: center;
}

.enach-footer-medium-2 {
    text-align: right;
    width: 11%;
}

.enach-Note {
    text-decoration: underline;
    color: #333;
    font-weight: 700;
}

.enach-button-medium {
    padding: 10px;
    padding: 0.625rem;
    background: #ff9900;
    color: #fff;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.3);
    outline: none;
    border: 0;
    width: 245px;
    text-align: center;
}